Authenticating in Rails

If you want users on your web app, you need to be able to authenticate (verify they are who they say they are) and authorize (give the users access to different resources). Thankfully doing this using Rails is a fairly trivial task. In this tutorial we'll go over how to quickly add users and provide authentication on your web site. In Part 2 we'll discuss authorization in Rails.

NOTE: This tutorial assumes some familiarity with the Ruby on Rails framework.

Creating Users

The most basic attributes users require are a username and a password. Sure, you can add email and actual name depending on your needs, but for the sake of simplicity, we're going to keep it simple today. So our first step to adding users to our Rails app will be creating a new db migration and model.

rails g model user username:string password_digest:string

This will give us a new table called users with two columns: username and password_digest. Both of these columns will contain strings. Make sure to run rails db:migrate after generating your user model.

You might be wondering why we called our password column password_digest and not just password. That is because we will not be storing our users' passwords. That would be a horrible idea for many reasons. Instead, we will be storing a string that is determined by sending our users' password through a complicated algorithm that spits out some garbled text. Although this text is garbled, it is consistently garbled by our rails server, so every time a user signs in, we:

1. Receive their password
2. Send it through the algorithm
3. Compare the garbled output of the algorithm with our stored garbled output (password_digest)
4. If they match, boom! The user is authenticated!

We'll go over authentication in more depth in the next tutorial.

The bcrypt gem & User model

We will be taking advantage of the bcrypt gem. Make sure you include this in your Gemfile and check out the GitHub if you want to learn more about the process of garbling a password (hashing and salting).

gem 'bcrypt'

Thankfully ActiveModel::SecurePassword is included by default with Rails version >= 3. This means less code! Yay! All we have to do to take advantage of the gem is include this line in our user model file.

class User < ApplicationRecord
  # this is the line I'm talking about
  has_secure_password

  # but these lines are probably a good idea too
  validates :username, uniqueness: true
  validates :username, presence: true
end

We are telling rails to store our users' passwords in their garbled form among other things. The other two lines I included are validations which I'm assuming are fairly intuitive (thanks Ruby & Rails teams) but more here if you are interested: Active Record Validations.

Signing Up

Signing up here means creating a user. Let's create a user!

The Controller

We will need a controller to tell our application which actions to take depending on where the user is. Let's add a users_controller with this command:

rails g controller users

Now for the body let's add some actions (AKA methods).

class UsersController < ApplicationController
  # this creates a "blank user instance for our form"
  def new
    @user = User.new
  end

 def create
    # create a user instance with the username and password params
    @user = User.new(user_params)

    # if it successfully saves to the db
    if @user.save
      # send the user to their homepage (show view)
      redirect_to @user
    else
      # if user doesn't save, render the new view 
      render 'new'
    end
  end

  def show
    set_user
  end

  private
  def set_user
    @user = User.find_by(id: params[:id])
  end

  def user_params
    params.require(:user).permit(:username, :password)
  end

end

The Views

The next step in the process is adding our front-end signup form. When we ran rails g controller users, a users directory was created in our views directory. Let's add a file called new.html.erb. We will need an input field for our user's dream username and another for their password:

<%= form_with(model: @user, local: true, url: '/signup', method: :post) do |f| %>
  <%= f.text_field :username, placeholder: "username"%>
  <%= f.password_field :password, placeholder: "password"%>
  <%= f.submit "Sign Up" %>
<% end %>

Again, thanks to Rails, we have access to something to make our markup a little simpler to right -- form helpers! Now our form can take advantage of our model and we can even add error handling soon.

While we're adding this new user view, let's go ahead and add a show.html.erb, so our user can be greeted once they signup for their new account.

<h1>Welcome <%= @user.username %></h1>

Routing

We haven't set up any routes yet so lets go ahead and do that next.

  get '/signup', to: 'users#new'
  post '/signup', to: 'users#create'
  resources :users, only: [:show]

I've shown a few different ways to add routes here, but you will want to read the Rails docs for routing for more information on good practices and possibilities.

QUICK TIP: You can check out the routes of a rails app by running rails routes.

Testing

Let's go ahead and fire up the rails server with rails s and head over to localhost:3000/signup. We should see a form. Go ahead and test it out with a username and password. You should be greeted! Next week we'll go over how to get our application to remember us (sessions) and allow us to access various resources (authorization).

Comments

[Samuel Grasse-Haroldsen]

Thanks João!