rails6もしくはJavaScript、Vue.jsでパスワード付きのページの作り方について

Question

rails6（devise導入済）ログイン後に、さらにある特定のページにアクセスすると、パスワードが求められ、正しいものを入力すれば、そのページが見れるようにしたいです。

できれば、ページ遷移ではなく、そのページに来たら、パスワードが求められるという仕様にしたいです。

例えば、ページにアクセスしたらパスワード入力画面のモーダルみたいなのが表示されて、正しいパスワードを入力したらモーダルが解除されてページが見れるみたいなもの（こんな感じのができればなんでもいい）。

そのような実装方法があれば、教えて欲しいです。

知識不足で申し訳ありませんが、宜しくお願いします。

Answer 1

ソースを画面上におくということはユーザーは盗み見ることが可能だということ
普通にログインする仕組みでサーバーサイドと連携するのが妥当

Answer 2

そのページにアクセスした際にvue側で認証済みかどうかを判断し、
その結果で描画するコンポーネントを動的に変えるとかじゃないでしょうか

どう判断するかは認証方法にもよります
TokenとCookieになると思いますが、
雰囲気を掴むだけならTokenとlocalStorageでの認証が手っ取り早く実装できると思います
ただ本来localStorageは認証情報などの重要な情報を格納する場所ではないので、
あくまで雰囲気を把握する用途で。

Comments

[退会済みユーザー]

できるだけ簡単に最速で実装したいんですが、何がおすすめですか、？