How to authenticate user in rails using devise (#part2)

What Will I Learn?

• You will learn how to send emails in Ruby on Rails Project
• You will learn how to make forgot password using devise
• You will learn how we setup mail clients with SMTP connection
• You will learn the configuration needed for sending the emails in Ruby on Rails Project

Requirements

• OS: Ubuntu/Mac OS
• A text editor like sublime
• Basic understanding about Ruby on Rails
• Email account of Gmail
• And for better understanding must read my part 1 of this tutorial (link added in curriculum)

Difficulty

• Intermediate

Tutorial Contents

Hello and welcome to the 2nd part of the tutorial. In this tutorial, we are going to make configurations in our app to send emails from app and we also make forgot password functionality using devise. So let's start the tutorial.

• First of all run rails server in the project we make in part 1 of this tutorial.
• we know how to generate the devise views as we discussed in the previuos tutorial.
• Devise by defaut gave us the forgot password page but we can overwrite it, for that go to your app in the editor > views > users > password > new
• You will get this form:

<h2>Forgot your password?</h2>

<%= form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :post }) do |f| %>
  <%= devise_error_messages! %>

  <div class="field">
    <%= f.label :email %><br />
    <%= f.email_field :email, autofocus: true, autocomplete: "email" %>
  </div>

  <div class="actions">
    <%= f.submit "Send me reset password instructions" %>
  </div>
<% end %>

• Now open your localhost:3000/user/password/new in your url to check forgot password is working or not. You will get a error like the below image because by default hostname is set to blank in devise.

So lets setup our host in rails app to make forgot password functionality working in our app.

Step-1

• Open gmail account
• Click Settings button which is present at the tip right corner
• Click the Forwarding and POP/IMAP tab
• In the "IMAP Access" section, select Enable IMAP
• Click Save Changes

Step-2

• Add a file under mailer and name it application_mailer.rb

class ApplicationMailer < ActionMailer::Base
  default from: 'your email address'
  layout 'mailer'
end

• Save this file

Step-3

• Open rails application in the editor (sublime), if you have setup the app please follow the previous tutorial.
• Then go to our environment folder then development.rb file because we are on the local system thats why we configure only in the developement file, when we will going live then production.rb will be changed till then do not change anything in this file
• Next is copy the previous code under the Rails.application.configure do

  # Email
  config.action_mailer.delivery_method = :smtp
  config.action_mailer.perform_deliveries = true
  config.action_mailer.default_url_options = {host: 'localhost', port:3000}
  config.action_mailer.smtp_settings = {
    address: 'smtp.gmail.com', 
    port: '587',
    enable_starttls_auto: true,
    user_name: ‘your gmail address here,
    password: ‘your gmail password here,
    authentication: :plain,
    domain: ‘domain’
  }

Domain: The domain address could be anything, its your company domain or nay personal domain, if you haven’t any then remove this line.

Step-4

• Now change the devise mailer sender address with the below code at the devise.rb file:

  config.mailer_sender = ‘abc@gmail.com'

• Now save this configuration and start your server

    rails s

• Now our app is ready to send the email to the users
• The default mailing address will be your email address
• Now go the below url

http://localhost:3000//users/password/new

• Entered your registered email and submit the form, as shown below
  

• Now the email will be send. You can check the logs in the terminal whether email is sent or not. Or you can also check your sent mails
  

Curriculum

• https://utopian.io/utopian-io/@amn/how-to-authenticate-user-in-rails-using-devise-part1