【概要】
SymbolブロックチェーンにはSSSをいうChrome拡張機能がある。Metamaskみたいに使えて、WEBアプリケーションに署名できたりする。今回はPythonのWEBアプリ用のフレームワークであるDjangoにSSSを利用してログインする機能を試してみたい。とはいうものの、一から作るのではなく、先人の方のファイルをコピーしてDocker上でWEBアプリケーションを立ち上げるところまでを行う。
【環境・前提条件】
windows10
WSL 2
Python 3.10.9
Django 4.1.5
SSS-auth 0.0.2
Docker 20.10.22
【WSL2 環境構築】
WindowsでDockerを動かすにはWSL2が必要です。
まずはWSL2をインストールします。「windows10 wsl2 インストール」でググれば
やり方は出てくると思いますが、一応、参考にしたリンクはこちら。
1.WidowsPowerShellを管理者権限で実行する。
2.WSL2をインストールwsl --install
3.「Windows の機能の有効化または無効化」から「Linux用Windows サブシステム」が有効になっているか確認。
4.Ubuntuの設定
※Ubuntuの設定はしてもしなくてもいいかもしれません。
【Docker 環境構築】
1.Docker Desktop for Windowsからダウンロード。
2.「Use WSL 2 instead of Hyper-V (recommended)」のチェックを入れをインストール。
3.デスクトップのショートカットからチュートリアルを実施。実際にコンテナを動かしてみます。
【SSS拡張機能】
1.chrome ウェブストアからchromeに追加。
2.アカウントをセッティング（参照）
【サンプルファイルダウンロード】
GithubのSafelySignSymbol/django-sss-auth-boilerplateからダウンロード。
もしくはクローン。
https://github.com/SafelySignSymbol/django-sss-auth-boilerplate.git
実際に使用するフォルダはexampleのフォルダだけです。
中身はこちら
【ファイル構成】
フォルダの構成を以下のようにします。
pythonフォルダを作成しDjango関連ファイルを移動してください。
1.Dockerfileのpythonバージョンを指定
2.SSS_auth_example/config/setting.pyの秘密鍵などの情報を変更します。

SERVER_SECRET = 'Your testnet privatekey'
PUB = "Your testnet publickey"
OWNER = "Your testnet adress"
NETWORK_TYPE = 152 # mainnet: 104, testnet: 152
EXPIRATION_DATE = 60 * 1 * 1 * 1000

SSS_auth_example
├─ docker-compose.yml
├─ docker
│    ├─ Dockerfile
│    └─ requirements.txt
├─ python
│  ├─ db.sqlite3
│  ├─ manage.py
│  │  
│  ├─ accounts
│  │  ├─ admin.py
│  │  ├─ apps.py
│  │  ├─ models.py
│  │  ├─ tests.py
│  │  ├─ urls.py
│  │  ├─ views.py
│  │  ├─ __init__.py
│  │  │  
│  │  ├─ migrations
│  │  └─__pycache__
│  │
│  ├─ config
│  │  ├─ asgi.py
│  │  ├─ settings.py
│  │  ├─ urls.py
│  │  ├─ views.py
│  │  ├─ wsgi.py
│  │  ├─ __init__.py
│  │  │  
│  │  └─__pycache__
│  │          
│  └─ templates
│      ├─ base.html
│      ├─ home.html
│      ├─ index.html
│      │
│      └─ accounts
│            ├─ login.html
│            └─ signup.html
└─ script
     └─ start.sh

【Dockerコンテナ起動】
docker-compose up -d で起動します。
http://localhost:8000にアクセスします。
【WEBページ】
1.ページ右上のLoginからログインします。
2.成功するとページが切り替わります。
3.missinngをいうメッセージが出る場合、ブラウザを閉じて再度開いてください。
以下、画像を参考にしてください。

【あとがき】
今回はサンプルのサイトを参考にDjangoのWEBアプリケーションにSSSでログインする機能をDocker上に建ててみました。今後、Djangoでdappsを開発される方やSSSを実装してみたい方は試してみてはいかがでしょうか。
【引用リンク】
SSS Extension(SSS-auth)
SafelySignSymbol/django-sss-auth-boilerplate
WSL を使用して Windows に Linux をインストールする
Windows に Docker Desktop をインストール
Django documents
chrome ウェブストア(SSS Extension)