Get your Rails app off the ground, fast

Rails Signup Download

h1. !http://railsapps.github.io/images/rails-36x36.jpg(Rails Signup Download)! Rails Signup Download

Rails 5.0 example application that allows a visitor to sign up for an account and download a PDF file. The application uses:

  • “Devise”:https://github.com/plataformatec/devise for user management and authentication
  • “Role-Based Authorization”:http://railsapps.github.io/rails-devise-roles
  • “Bootstrap”:http://getbootstrap.com/ or “Foundation”:http://foundation.zurb.com/ front-end frameworks

Use this example application as a starter app for conyour own web applications. The application is based on a simpler example application:

  • “rails-devise-roles”:http://railsapps.github.io/rails-devise-roles

For a complete explanation of the code, see the tutorial:

  • “Rails Signup and Download Tutorial”:https://tutorials.railsapps.org/rails-signup-download

Other tutorials may be helpful:

  • “Role-Based Authorization”:http://railsapps.github.io/rails-devise-roles
  • “Rails and Devise”:http://railsapps.github.io/rails-devise/
  • “RSpec Tutorial”:http://railsapps.github.io/rspec.html

You can build this application in only a few minutes using the “Rails Composer”:http://railsapps.github.io/rails-composer/ tool, choosing either a Bootstrap or Foundation front-end framework, as well as many other options, such as Haml or Slim.

h4. !http://railsapps.github.io/images/join/join-railsapps.png(Join RailsApps)!:http://railsapps.github.io/

h4. From the RailsApps Project

The “RailsApps”:http://railsapps.github.io/ open source project offers starter applications and tutorials for Rails developers. Generate the applications with the Rails Composer tool.

All the code is explained in the Capstone Rails Tutorials. You can purchase the “Capstone Rails Tutorials”:https://tutorials.railsapps.org/ to support the project.

h4. If You Are New to Rails

If you’re new to Rails, see “What is Ruby on Rails?”:http://railsapps.github.io/what-is-ruby-rails.html, the book “Learn Ruby on Rails”:http://learn-rails.com/learn-ruby-on-rails.html, and recommendations for a “Rails tutorial”:https://tutorials.railsapps.org/rails-tutorial.

h2. What Is Implemented – and What Is Not

This application extends the “rails-devise-roles”:https://github.com/RailsApps/rails-devise-roles example application, showing how to provide a PDF file download when a visitor registers for an account.

The application can be used for a simple web application that offers an ebook in exchange for a visitor’s email address. Asking for an email address gives the site owner a way to stay in touch with visitors who have downloaded the ebook, for updates or other offers.

h4. Database

The application requires a database. The example application uses SQLite with Rails ActiveRecord. You can easily substitute PostgreSQL, MySQL, or other databases.

h4. Front-end Framework

The example application (here in the GitHub repository) integrates Bootstrap for a navigation bar and flash messages. The “railslayout”:https://github.com/RailsApps/railslayout gem is included so you can switch to the Foundation front-end framework.

h2. Similar Examples and Tutorials

This is one in a series of Rails example apps and tutorials from the “RailsApps Project”:http://railsapps.github.io/. See a list of additional “Rails examples, tutorials, and starter apps”:http://railsapps.github.io/rails-examples-tutorials.html. Related example applications may be useful:

  • “Learn Rails”:https://github.com/RailsApps/learn-rails companion to the book “Learn Ruby on Rails”:http://learn-rails.com/learn-ruby-on-rails.html
  • “Foundation and Rails”:http://railsapps.github.io/rails-foundation/ shows how to integrate Foundation
  • “Bootstrap and Rails”:http://railsapps.github.io/rails-bootstrap/ shows to integrate Bootstrap
  • “OmniAuth and Rails”:https://github.com/RailsApps/rails-omniauth uses OmniAuth for authentication
  • “Devise and Rails”:https://github.com/RailsApps/rails-devise uses Devise for authentication
  • “Role-Based Authorization”:http://railsapps.github.io/rails-devise-roles using simple roles
  • “Pundit and Rails”:https://github.com/RailsApps/rails-devise-pundit uses Pundit for authorization

h2. Accounts You Will Need

Devise provides a “Forgot Password?” feature that resets a password and sends instructions to the user. You’ll need an email service provider to send email from the application. You can use “Gmail”:https://accounts.google.com/SignUp?service=mail during development. You can get a free “Gmail”:https://accounts.google.com/SignUp?service=mail account if you don’t already have one. For production, Gmail is not robust. Use transactional email services, such as “Mandrill”:http://mandrill.com/, to send email in production. See the article “Send Email with Rails”:http://railsapps.github.io/rails-send-email.html for more information.

We provide instructions to deploy the application to “Heroku”:https://www.heroku.com/ which provides Rails application hosting. It costs nothing to set up a Heroku account and deploy as many applications as you want. To deploy an app to Heroku, you must have a Heroku account. Visit Heroku “to set up an account”:https://id.heroku.com/signup/devcenter.

h2. Dependencies

Before generating your application, you will need:

  • The Ruby language - version 2.3.1
  • The Rails gem - version 5.0

See the article “Installing Rails”:http://railsapps.github.io/installing-rails.html for instructions about setting up Rails and your development environment.

h2. Getting the Application

h3. Local

You have several options for getting the code on your own machine. You can fork, clone, or generate.

h4. Fork

If you’d like to add features (or bug fixes) to improve the example application, you can fork the GitHub repo and “make pull requests”:http://help.github.com/send-pull-requests/. Your code contributions are welcome!

h4. Clone

If you want to copy and customize the app with changes that are only useful for your own project, you can clone the GitHub repo. You’ll need to search-and-replace the project name throughout the application. You probably should generate the app instead (see below). To clone:

$ git clone git://github.com/RailsApps/rails-signup-download.git

You’ll need “git”:http://git-scm.com/ on your machine. See “Rails and Git”:http://railsapps.github.io/rails-git.html.

h4. Generate

If you want to use the project as a starter application, use the “Rails Composer”:http://railsapps.github.io/rails-composer/ tool to generate a new version of the example app. You’ll be able to give it your own project name when you generate the app. Generating the application gives you additional options.

To build the example application, Rails 5.0 must be installed in your development environment. Run the command:

$ rails new rails-signup-download -m https://raw.github.com/RailsApps/rails-composer/master/composer.rb

The @$@ character indicates a shell prompt; don’t include it when you run the command.

This creates a new Rails app named @rails-signup-download@ on your computer. You can use a different name if you wish.

You’ll see a prompt:

option  Build a starter application?
    1)  Build a RailsApps example application
    2)  Contributed applications
    3)  Custom application

Enter “1” to select Build a RailsApps example application. You’ll see a prompt:

option  Choose a starter application.
    1)  learn-rails
    2)  rails-bootstrap
    3)  rails-foundation
    4)  rails-mailinglist-activejob
    5)  rails-omniauth
    6)  rails-devise
    7)  rails-devise-roles
    8)  rails-devise-pundit
    9)  rails-signup-download
   10)  rails-stripe-checkout

Choose rails-signup-download. The Rails Composer tool may give you other options (other applications may have been added since these notes were written).

The application generator template will ask you for additional preferences:

 question  Web server for development?
       1)  WEBrick (default)
       2)  Thin
       3)  Unicorn
       4)  Puma
       5)  Phusion Passenger (Apache/Nginx)
       6)  Phusion Passenger (Standalone)
 question  Web server for production?
       1)  Same as development
       2)  Thin
       3)  Unicorn
       4)  Puma
       5)  Phusion Passenger (Apache/Nginx)
       6)  Phusion Passenger (Standalone)
 question  Database used in development?
       1)  SQLite
       2)  PostgreSQL
       3)  MySQL
 question  Template engine?
       1)  ERB
       2)  Haml
       3)  Slim
 question  Test framework?
       1)  None
       2)  RSpec with Capybara
 question  Front-end framework?
       1)  None
       2)  Twitter Bootstrap 3.3
       3)  Twitter Bootstrap 2.3
       4)  Zurb Foundation 5.5
       5)  Zurb Foundation 4.0
       6)  Simple CSS
    setup  The Devise 'forgot password' feature requires email.
 question  Add support for sending email?
       1)  None
       2)  Gmail
       3)  SMTP
       4)  SendGrid
       5)  Mandrill
   extras  Set a robots.txt file to ban spiders? (y/n)
   extras  Create a GitHub repository? (y/n)
   extras  Use or create a project-specific rvm gemset? (y/n)

h4. Web Servers

If you plan to deploy to Heroku, select Unicorn as your production webserver. Unicorn is recommended by Heroku.

h4. Database

Use SQLite for development on Mac or Linux, unless you already have PostgreSQL installed locally. Use PostgreSQL if you plan to deploy to Heroku. You can easily change the database later if you select SQLite to start.

h4. Template Engine

The example application uses the default “ERB” Rails template engine. Optionally, you can use another template engine, such as Haml or Slim. See instructions for “Haml and Rails”:http://railsapps.github.io/rails-haml.html.

h4. Testing

If you are a beginner, select “None.”

h4. Front-end Framework

The example in the GitHub repository was built with the Bootstrap 3 front-end framework. Use Zurb Foundation 5.0 if you like. Choosing either Bootstrap or Foundation will automatically install views with attractive styling.

h4. Email

Choose Gmail for development if you already have a Gmail account. Choose SendGrid or Mandrill for production if your site will be heavily used.

h4. Other Choices

Set a robots.txt file to ban spiders if you want to keep your new site out of Google search results.

If you choose to create a GitHub repository, the generator will prompt you for a GitHub username and password.

It is a good idea to use “RVM”:https://rvm.io/, the Ruby Version Manager, and create a project-specific RVM gemset (not available on Windows). See “Installing Rails”:http://railsapps.github.io/installing-rails.html.

h4. Troubleshooting

If you get an error “OpenSSL certificate verify failed” or “Gem::RemoteFetcher::FetchError: SSL_connect” see the article “OpenSSL errors and Rails”:http://railsapps.github.io/openssl-certificate-verify-failed.html.

h3. Edit the README

If you’re storing the app in a GitHub repository, please edit the README files to add a description of the app and your contact info. If you don’t change the README, people will think I am the author of your version of the application.

h2. Getting Started

See the article “Installing Rails”:http://railsapps.github.io/installing-rails.html to make sure your development environment is prepared properly.

h3. Use RVM

I recommend using “RVM”:https://rvm.io/, the Ruby Version Manager, to create a project-specific gemset for the application. If you generate the application with the Rails Composer tool, you can create a project-specific gemset.

h3. Gems

Here are the gems used by the application:

  • “Devise”:http://github.com/plataformatec/devise for authentication and user management

These gems make development easier:

  • “bettererrors”:https://github.com/charliesome/bettererrors - helps when things go wrong
  • “railslayout”:https://github.com/RailsApps/railslayout - generates files for an application layout

Your choice of front-end framework:

  • “bootstrap-sass”:https://github.com/thomas-mcdonald/bootstrap-sass - Bootstrap for CSS and JavaScript
  • “foundation-rails”:https://github.com/zurb/foundation-rails - Zurb Foundation for CSS and JavaScript

h3. Install the Required Gems

If you used the “Rails Composer”:http://railsapps.github.io/rails-composer/ tool to generate the example app, the application template script has already run the @bundle install@ command.

If not, you should run the @bundle install@ command to install the required gems on your computer:

$ bundle install

You can check which gems are installed on your computer with:

$ gem list

Keep in mind that you have installed these gems locally. When you deploy the app to another server, the same gems (and versions) must be available.

h3. Front-end Framework

If you generate the application using the “Rails Composer”:http://railsapps.github.io/rails-composer/ tool, you have the option to install either Bootstrap or Foundation. The folder app/views/devise/ will contain attractive view files that override the views provided in the Devise gem.

h4. Changing the Front-end Framework

The version of the application in the repository includes Bootstrap. If you wish to install Foundation instead, use the “railslayout”:https://github.com/RailsApps/railslayout gem to generate new files. First add a gem to the Gemfile:

gem 'foundation-rails'

Use Bundler to install the gem:

$ bundle install

To create layout files for use with Zurb Foundation 5.5:

$ rails generate layout:install foundation5

h4. The “layout:devise” Command

Devise provides a utility command @rails generate devise:views@. The Devise command creates view files for signup, login, and related features. However, the views generated by Devise lack CSS styling.

Use the RailsLayout gem to generate Devise views with styling for Bootstrap or Foundation.

  • @$ rails generate layout:devise bootstrap3@
  • @$ rails generate layout:devise foundation5@

The command will create these files:

  • app/views/devise/sessions/new.html.erb
  • app/views/devise/passwords/new.html.erb
  • app/views/devise/registrations/edit.html.erb
  • app/views/devise/registrations/new.html.erb

Additionally, the command will update a file to append Sass mixins to accommodate Bootstrap or Foundation:

  • app/assets/stylesheets/frameworkandoverrides.css.scss

The Sass mixins allow any view to be used with either Bootstrap or Foundation (so we don’t have to maintain separate views for each front-end framework).

h3. Configuration File

To consolidate configuration settings in a single location, we store credentials in the config/secrets.yml file. To keep your credentials private, use Unix environment variables to set your credentials. See the article “Rails Environment Variables”:http://railsapps.github.io/rails-environment-variables.html for more information.

Add your credentials to the file config/secrets.yml:

# Make sure the secrets in this file are kept private
# if you're sharing your code publicly.

development:
  admin_name: First User
  admin_email: user@example.com
  admin_password: changeme
  email_provider_username: <%= ENV["GMAIL_USERNAME"] %>
  email_provider_password: <%= ENV["GMAIL_PASSWORD"] %>
  domain_name: example.com
  secret_key_base: very_long_random_string

test:
  secret_key_base: very_long_random_string

# Do not keep production secrets in the repository,
# instead read values from the environment.
production:
  admin_name: <%= ENV["ADMIN_NAME"] %>
  admin_email: <%= ENV["ADMIN_EMAIL"] %>
  admin_password: <%= ENV["ADMIN_PASSWORD"] %>
  email_provider_username: <%= ENV["GMAIL_USERNAME"] %>
  email_provider_password: <%= ENV["GMAIL_PASSWORD"] %>
  domain_name: <%= ENV["DOMAIN_NAME"] %>
  secret_key_base: <%= ENV["SECRET_KEY_BASE"] %>

All configuration values in the config/secrets.yml file are available anywhere in the application as variables. For example, @Rails.application.secrets.emailproviderusername@ will return the string set in the Unix environment variable @GMAIL_USERNAME@.

For the Gmail username and password, enter the credentials you use to log in to Gmail when you check your inbox. See the article “Send Email with Rails”:http://railsapps.github.io/rails-send-email.html if you are using Google two factor authentication.

The values for @adminemail@ and @adminpassword@ are used when the database is seeded. You will be able to log in to the application with these credentials. Note that it’s not necessary to personalize the config/secrets.yml file before you deploy your app. You can deploy the app with an example user and then use the application’s “Edit Account” feature to change email address and password after you log in. Use this feature to log in as an administrator and change the email and password to your own.

The variable @domainname@ is used for sending email. You can use @example.com@ in development. If you already have a custom domain name you’ll use when you deploy the application, you can set @domainname@. If you deploy the application to Heroku, you’ll set @domain_name@ with the unique name you’ve given your application on Heroku. You’ll have to wait until you deploy to know the name you’ll use on Heroku.

If you don’t want to use Unix environment variables, you can set each value directly in the config/secrets.yml file. The file must be in your git repository when you deploy to Heroku. However, you shouldn’t save the file to a public GitHub repository where other people can see your credentials.

h3. Roles

Roles are defined in the app/models/user.rb file (the @User@ model).

class User < ActiveRecord::Base
  .
  .
  .
  enum role: [:user, :vip, :admin]
  after_initialize :set_default_role, :if => :new_record?

  def set_default_role
    self.role ||= :user
  end

end

You can change the available roles by changing the array @[:user, :vip, :admin]@.

The application uses the ActiveRecord @enum@ method to manage roles. ActiveRecord provides convenient methods to query the role attribute:

user.admin! # sets the role to "admin"
user.admin? # => true
user.role  # => "admin"

See documentation for “ActiveRecord::Enum”:http://edgeapi.rubyonrails.org/classes/ActiveRecord/Enum.html for details.

h3. Database Seed File

The db/seeds.rb file initializes the database with default values.

# This file should contain all the record creation needed to seed the database with its default values.
# The data can then be loaded with the rake db:seed (or created alongside the db with db:setup).
#
# Examples:
#
#   cities = City.create([{ name: 'Chicago' }, { name: 'Copenhagen' }])
#   Mayor.create(name: 'Emanuel', city: cities.first)
user = CreateAdminService.new.call
puts 'CREATED ADMIN USER: ' << user.email

@CreateAdminService@ is a service object that obtains @adminemail@ and @adminpassword@ values from the config/secrets.yml file. You can examine the file app/services/createadminservice.rb to see how a new user is created.

h3. Set the Database

If you’ve used the Rails Composer tool to generate the application, the database is already set up with @rake db:migrate@ and @rake db:seed@.

If you’ve cloned the repo, prepare the database and add the default user to the database by running the commands:

$ rake db:migrate
$ rake db:seed

Use @rake db:reset@ if you want to empty and reseed the database.

h3. Change your Application’s Secret Token

If you’ve used the Rails Composer tool to generate the application, the application’s secret token will be unique, just as with any Rails application generated with the @rails new@ command.

However, if you’ve cloned the application directly from GitHub, it is crucial that you change the application’s secret token before deploying your application in production mode. Otherwise, people could change their session information, and potentially access your site without permission. Your secret token should be at least 30 characters long and completely random.

Get a unique secret token:

rake secret

Edit the config/secrets.yml file to change the secret token.

h2. Test the App

You can check that your application runs properly by entering the command:

$ rails server

To see your application in action, open a browser window and navigate to “http://localhost:3000/”:http://localhost:3000.

You should see a home page with a navigation bar.

Click the “Sign up” button to download a free book.

You’ll see a page with a form that is used to register a new account. Fill in and submit the form with a name, email address, and password. You’ll see a page with the text, “You’ve signed up. Download a free book.” Click the button “Download PDF” to download a file.

Sign out and sign in as the administrator (with the credentials in the config/secrets.yml file). You’ll be able to see a list of users.

Stop the server with Control-C. If you test the app by starting the web server and then leave the server running while you install new gems, you’ll have to restart the server to see any changes. The same is true for changes to configuration files in the config folder. This can be confusing to new Rails developers because you can change files in the app folders without restarting the server. Stop the server each time after testing and you will avoid this issue.

h3. RSpec Test Suite

The application contains a suite of RSpec tests. To run:

$ rspec

h2. Deploy to Heroku

Heroku provides low cost, easily configured Rails application hosting.

h4. From the Command Line

You can deploy from the command line.

$ git push origin master

If you’ve set configuration values in the config/secrets.yml file, you’ll need to set them as Heroku environment variables. You can set Heroku environment variables directly with @heroku config:add@. For example:

$ heroku config:add ADMIN_NAME='First User'
$ heroku config:add ADMIN_EMAIL='user@example.com' ADMIN_PASSWORD='changeme'
$ heroku config:add GMAIL_USERNAME='myname@gmail.com' GMAIL_PASSWORD='secret'
$ heroku config:add DOMAIN_NAME='example.com'

See the “Tutorial for Rails on Heroku”:http://railsapps.github.io/rails-heroku-tutorial.html for details.

h2. Troubleshooting

Problems? Check the “issues”:https://github.com/RailsApps/rails-signup-download/issues.

h2. Issues

Please create a “GitHub issue”:https://github.com/RailsApps/rails-signup-download/issues if you identify any problems or have suggestions for improvements.

h2. Where to Get Help

Your best source for help with problems is “Stack Overflow”:http://stackoverflow.com/questions/tagged/ruby-on-rails-3. Your issue may have been encountered and addressed by others.

Use the tag “railsapps” on Stack Overflow for extra attention.

h2. Contributing

If you make improvements to this application, please share with others.

Send the author a message, create an “issue”:https://github.com/RailsApps/rails-signup-download/issues, or fork the project and submit a pull request.

If you add functionality to this application, create an alternative implementation, or build an application that is similar, please contact me and I’ll add a note to the README so that others can find your work.

h2. Credits

Special thanks to “Rakesh Jha”:https://github.com/Jrakesh/ for code contributions.

Daniel Kehoe implemented the application and wrote the tutorial.

Is the app useful to you? Follow the project on Twitter: “@railsapps”:http://twitter.com/railsapps and tweet some praise. I’d love to know you were helped out by what I’ve put together.

h2. MIT License

“MIT License”:http://www.opensource.org/licenses/mit-license

Copyright ©2014-16 Daniel Kehoe

h2. Useful Links

|. Getting Started |. Articles |_. Tutorials | | “Ruby on Rails”:http://railsapps.github.io/ruby-and-rails.html | “Analytics for Rails”:http://railsapps.github.io/rails-google-analytics.html | “Rails Bootstrap”:http://railsapps.github.io/twitter-bootstrap-rails.html | | “What is Ruby on Rails?”:http://railsapps.github.io/what-is-ruby-rails.html | “Heroku and Rails”:http://railsapps.github.io/rails-heroku-tutorial.html | “Rails Foundation”:http://railsapps.github.io/rails-foundation.html | | “Learn Ruby on Rails”:http://learn-rails.com/learn-ruby-on-rails.html | “JavaScript and Rails”:http://railsapps.github.io/rails-javascript-include-external.html | “RSpec Tutorial”:http://railsapps.github.io/rspec.html | | “Rails Tutorial”:https://tutorials.railsapps.org/rails-tutorial | “Rails Environment Variables”:http://railsapps.github.io/rails-environment-variables.html | “Rails Devise Tutorial”:http://railsapps.github.io/tutorial-rails-devise.html | | “Ruby on Rails Tutorial for Beginners”:http://learn-rails.com/ruby-on-rails-tutorial-for-beginners | “Git and GitHub with Rails”:http://railsapps.github.io/rails-git.html | “Devise RSpec”:http://railsapps.github.io/tutorial-rails-devise-rspec-cucumber.html | | “Install Ruby on Rails”:http://railsapps.github.io/installing-rails.html | “Send Email with Rails”:http://railsapps.github.io/rails-send-email.html | “Devise Bootstrap”:http://railsapps.github.io/tutorial-rails-bootstrap-devise-cancan.html | | “Install Ruby on Rails - Mac OS X”:http://railsapps.github.io/installrubyonrails-mac.html | “Haml and Rails”:http://railsapps.github.io/rails-haml.html | “Rails Membership Site with Stripe”:https://tutorials.railsapps.org/rails-stripe-membership-saas | | “Install Ruby on Rails - Ubuntu”:http://railsapps.github.io/installrubyonrails-ubuntu.html | “Rails Application Layout”:http://railsapps.github.io/rails-default-application-layout.html | “Rails Subscription Site with Recurly”:https://tutorials.railsapps.org/rails-recurly-subscription-saas | | “Ruby on Rails - Nitrous.io”:http://railsapps.github.io/rubyonrails-nitrous-io.html | “HTML5 Boilerplate for Rails”:http://railsapps.github.io/rails-html5-boilerplate.html | “Startup Prelaunch Signup Application”:https://tutorials.railsapps.org/rails-prelaunch-signup | | “Update Rails”:http://railsapps.github.io/updating-rails.html | “Example Gemfiles for Rails”:http://railsapps.github.io/rails-3-2-example-gemfile.html | | “Rails Composer”:http://railsapps.github.io/rails-composer/ | “Rails Application Templates”:http://railsapps.github.io/rails-application-templates.html | | “Rails Examples”:http://railsapps.github.io/ | “Rails Product Planning”:http://railsapps.github.io/rails-product-planning.html | | “Rails Starter Apps”:http://railsapps.github.io/rails-examples-tutorials.html | “Rails Project Management”:http://railsapps.github.io/rails-project-management.html |