XXとしてる: パスワードの保存をしようとしてブラウザ機能を利用できなかったときの話

今作っているWebサイトで色々なサイトでよくあるパスワードを保存する機能を実装してみようかと調べてみたら、
formタグ内のボタンのtypeをsubmitにしてあげるといいとあったので早速試してみた。

<div style="text-align:center;">おっ、できたぞ！簡単じゃん！</div>

と思っていたら、ログインが何故かできない。

<div style="text-align:center;">もしかして、formタグのアクションが実行されている？</div>

既にある処理が眠っていたFormタグのアクションで上書きされている？ような感じで、うまく動作してくれない状態になってしまった。

## 普通はformタグのアクションとリダイレクトで作っているはずが・・・

実のところformタグとリダイレクトで認証機能を作っていたら、とっくの前にこの問題は解決、いや問題すらなかったのだが、

<b><i>なぜか</i></b>、自分はAjaxで認証機能を作っていたのでブラウザの持つ機能を使えない状態になっていた。

<div style="text-align:center;">何しているんだっ！</div>

いや<a href="https://ja.nuxtjs.org/examples/auth-external-jwt">Nuxt.jsのサンプル</a>とか、以前<a href="https://tositeru.blogspot.com/2019/03/authenticate-nodejs-api-with-json-web.html">Blogに書いた参考サイト</a>とかだと特にそんなこと書いていなかったので・・・、
てっきりそういうものかと思って作っていました…

## 自前でパスワード管理をすることに

便利な機能が使えなかったら自分で作るしかないじゃんと、ブラウザ側で記録して、毎回参照する形で妥協して対応した。

ちょっと背伸びした結果がこれなので、次はたくさんのひとが使っていて、型が扱えて、便利なフレームワークで作ってみたいと思う。

（画像は以下のものを使用させていただきました。）

XXとしてる

2019年3月29日金曜日

パスワードの保存をしようとしてブラウザ機能を利用できなかったときの話

0 件のコメント:

コメントを投稿