f.hiddel_fieldを使ったテストユーザーログイン機能
サンプルアプリを覗いた時、正直ユーザーの新規作成 → ログインはちょっと面倒...
というわけで、以前作成したオリジナルアプリにテストユーザーとしてポチッとログインできる機能を追加しました。
オリジナルアプリはこちらです。
MemoMa
https://memoma-yyc.herokuapp.com/
過去記事
初めてのオリジナルWebサービス
結論
users/new.html.erb
<%= form_for(:session, url: login_path) do |f| %>
<%= f.hidden_field :email, value: 'テストログイン用email' %>
<%= f.hidden_field :password, value: 'テストログイン用password' %>
<%= f.submit 'テストログイン', class: 'btn btn-default' %>
<% end %>
これだけです。
f.hidden_field
で隠しフィールドを生成できます。
テストログイン用email
、テストログイン用password
に、テストログインユーザーとして登録した emila とpassword を入力してください。
入力する際はvalue:
で指定します。
装飾
ちょっと見た目がわかりにくいので説明を追加。
users/new.html.erb
<%= form_for(:session, url: login_path) do |f| %>
<div class="test-user">
<i class="fas fa-user"></i>
<p>テストユーザーとしてログインできます</p>
<p>⬇︎</p>
<%= f.hidden_field :email, value: 'test@example.com' %>
<%= f.hidden_field :password, value: '123456' %>
<%= f.submit 'テストログイン', class: 'btn btn-default' %>
</div>
<% end %>
ログインページ
いきなりログインページに行く人もいるかもしれないので、一応ログインページにも同じものを追加。
動作確認
できました!!
最後までお読みいただきありがとうございました(_ _)
参考サイト
Author And Source
この問題について(f.hiddel_fieldを使ったテストユーザーログイン機能), 我々は、より多くの情報をここで見つけました https://qiita.com/V_PG_N/items/1f25efe3855881698eb6著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .