09.emailとpasswordでパスワード制限:index.html
差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン前のリビジョン次のリビジョン | 前のリビジョン | ||
09.emailとpasswordでパスワード制限:index.html [2018/12/22] – [8. ログイン状態のチェック] adash333 | 09.emailとpasswordでパスワード制限:index.html [2018/12/22] (現在) – [方針をたてる] adash333 | ||
---|---|---|---|
行 17: | 行 17: | ||
するものとします。 | するものとします。 | ||
- | 今回は、https:// | + | 今回は、以下の3つのソースコードを利用させていただこうと思います。 |
- | + | -https:// | |
- | のソースコードを利用させていただこうと思います。 | + | -https:// |
- | + | | |
- | ソースコード(作成中) | + | |
+ | ソースコード | ||
https:// | https:// | ||
- | これから作るもの | + | 作ったもの |
< | < | ||
+ | <iframe src=" | ||
</ | </ | ||
- | |||
- | |||
- | 作成中 | ||
==== 0.用意するもの(開発環境) ==== | ==== 0.用意するもの(開発環境) ==== | ||
行 278: | 行 274: | ||
==== 9. コンポーネント間の情報の受け渡しとログアウトボタン ==== | ==== 9. コンポーネント間の情報の受け渡しとログアウトボタン ==== | ||
+ | src/ | ||
+ | src/ | ||
+ | また、< | ||
+ | (変更前1) | ||
+ | {{: | ||
+ | (変更後1) | ||
+ | {{: | ||
+ | (変更前2) | ||
+ | {{: | ||
+ | (変更後2) | ||
+ | {{: | ||
+ | src/ | ||
+ | ログアウトボタンは、< | ||
+ | (変更前) | ||
+ | {{: | ||
+ | (変更後) | ||
+ | {{: | ||
+ | {{: | ||
+ | 画面上の「ログアウト」ボタンを押すと、ログアウトされて、ログインフォームのページ(Home.vue)が表示されます。 | ||
+ | {{: | ||
- | 途中 | + | 完成です。お疲れさまでした。 |
+ | |||
+ | さらに、 | ||
+ | |||
+ | -ユーザーがパスワードを忘れてしまった場合のための、パスワード再発行手続き | ||
+ | -誰もがemailとpasswordを登録すればログインできる(サインアップ) | ||
+ | |||
+ | などの実装を追加してもよいかもしれません。 | ||
+ | |||
+ | ===== ソースコード ===== | ||
+ | |||
+ | https:// | ||
+ | |||
+ | 作ったもの | ||
+ | < | ||
+ | <iframe src=" | ||
+ | </ | ||
===== 今回参考にした本 ===== | ===== 今回参考にした本 ===== |
09.emailとpasswordでパスワード制限/index.html.1545444811.txt.gz · 最終更新: 2018/12/22 by adash333