学生向けプログラミング入門

学生向けにプログラミングを解説。Java、C++、Ruby、PHP、データベース、Ruby on Rails

Ruby on Rails6.0 | 空き部屋を登録・予約・決済できるWebサイトを作成する 66 | Bootstrap | Gメール

設定部分は「09 | Gメール」と同じなので違う部分をメインに書いておきます。


更新
app\views\devise\mailer\reset_password_instructions.html.erb

<p><%= @resource.full_name %></p><br/>
<br/>
<p>テストサイトMinpakuBsです。</p><br/>
<br/>
<p>登録メールアドレス 「<%= @resource.email %></p><br/>
<br/>
<p>下記のリンクをクリックして新しいパスワードを登録してください</p><br/>
<br/>
<p><%= link_to 'パスワードを変更する', edit_password_url(@resource, reset_password_token: @token) %></p><br/>
<br/>



更新
app\views\devise\mailer\confirmation_instructions.html.erb

<p><%= @resource.full_name %></p><br/>
<br/>
<p>テストサイトMiinpakuBsにご登録いただきありがとうございます!</p><br/>
<br/>
<p>登録メールアドレス 「<%= @email %></p><br/>
<br/>
<br/>
<p>下記のリンクをクリックしてアカウントを有効化してくださいm(_ _)m</p><br/>
<br/>
<p><%= link_to 'アカウントを有効化する', confirmation_url(@resource, confirmation_token: @token) %></p><br/>
<br/>



更新
app/views/devise/confirmations/new.html.erb

<br/>
<br/>
<div class="row">
  <div class="col-sm-6" style="margin:0 auto;">

    <div class="card text-center">
      <h4 class="card-header text-center">確認メールが届かない方</h4>
      <br/>
      <div class="card-body">

        <%= form_for(resource, as: resource_name, url: confirmation_path(resource_name), html: { method: :post }) do |f| %>
          <%= render "devise/shared/error_messages", resource: resource %>

          <div class="form-group">
            <%= f.email_field :email, autofocus: true, autocomplete: "メールアドレス", placeholder: "メールアドレス", value: (resource.pending_reconfirmation? ? resource.unconfirmed_email : resource.email), class: "form-control" %>
          </div>
          <br/>
          <div class="actions">
            <%= f.submit "確認メールを送信", class: "btn btn-danger btn-block" %>
          </div>
        <% end %>

        <%= render "devise/shared/links" %>

      </div>
    </div>      
  </div>
</div>



サーバ起動
rails s


ブラウザ確認
http://localhost:3000/


新規アカウント登録するとメールが送られてきます。
送られてきたメールからアカウント有効化をするとログインできるようになります。

アカウントを有効化
アカウントを有効化


送信されたメール
送信されたメール


登録成功
登録成功