フロントFWであるVue.jsの機能のうちの一つ「Vue-router」とバックエンド言語であるpythonのライブラリFlask-Loginを使用し、マルチログイン機能の実装をしようとした。
動き
1.ログイン→運営>メンバー
(管理者)(Vue.js+python)
2.ログイン→会員登録
(ユーザー側)(Vue.js+python)
2.で会員登録した内容をメンバーにて反映させる。
たたき台の作成
運営>メンバー部分を作成することとする。
よくあるものを作ることに。
AM~
バージョン関連の話は特に重要となってくるみたいで
Vueのバージョンをどう管理し、システム構築していくのをしっかりと決める必要がある。
どうやら、vue2が安定しているみたいなので今回はVue2でvue-routerを導入することにする。
プロジェクトを作成したが、このようなエラーが。
Skipped git commit due to missing username and email in git config, or failed to sign commit.
You will need to perform the initial commit yourself.
どうやら、Gitコミットなるものをしなくてはいけないらしい。
なので、ユーザー名、メールアドレスを設定することに
git config --global user.name ""
git config --global user.email "@***"
PM~
なぜかよくわからないが、vue-rouderはプロジェクト内作成不可とのこと。
ユーザーディレクトリにインストール後、先輩の記事をみて頑張ってみることに。
srcディレクトリ内にrouter.jsを作成。
エントリポイント??main.jsに記述を追加。
...なんやかんや数時間後
どうやらCLIでプロジェクト作成した後にインストールする必要があるらしい。Chatgptが答えてくれた。
コマンド:vue add router
historyモードはYESで実行。
ルーティング機能実装完了。
これでSPAの入門編はとりあえず習得完了かな?(不安)
これがルーティングというものか?
次にログイン情報により、ページ分岐を制御する必要があるので、pythonのライブラリで動かすことに。
マルチログインとはどこまでのことを指すのかは不明だが、ログインID、パスワードごとにそれぞれのページの自動生成を可能としたい。
今日はここまで。