device登录认证插件

Authentication: 使用 Devise

 

devise是一套使用者認證(Authentication)套件，是Rails社群中最廣為使用的一套。

 

編輯 Gemfile 加上

 

  gem 'devise'

輸入bundle install安裝此套件

輸入rails g devise:install產生devise設定檔

編輯 config/environments/development.rb 和 production.rb 加入寄信時預設的網站網址：

 

  config.action_mailer.default_url_options = { :host => 'localhost:3000' }

確認 app/views/layouts/application.html.erb layout 中可以顯示 flash 訊息，例如

 

  <p class="notice"><%= notice %></p>

  <p class="alert"><%= alert %></p>

確認 routes.rb 中有設定網站首頁位置，例如

 

  root :to => "welcome#index"

輸入rails g devise user產生 User model 及 Migration

如果需要E-mail驗證功能，可以編輯app/models/user.rb和migration將confirmable功能打開

輸入rails generate devise:views產生樣板，這會包括有註冊、登入、忘記密碼、Email等等頁面，放在app/views/devise目錄下。

輸入bin/rake db:migrate建立資料表

用法

 

在需要登入的 controller 加上before_action :authenticate_user!

可以在 Layout 中加上登入登出選單

 

      <% if current_user %>

          <%= link_to('登出', destroy_user_session_path, :method => :delete) %> |

          <%= link_to('修改密碼', edit_registration_path(:user)) %>

      <% else %>

          <%= link_to('註冊', new_registration_path(:user)) %> |

          <%= link_to('登入', new_session_path(:user)) %>

      <% end %>

加上自訂欄位

 

Devise預設沒有產生出first_name、last_name等等欄位，我們可以加一些欄位到User Model：

 

rails g migration add_username_to_users，加上

 

  add_column :users, :username, :string

rake db:migrate 新增這個欄位

編輯application_controller.rb補上configure_permitted_parameters方法：

 

  class ApplicationController < ActionController::Base

    before_action :configure_permitted_parameters, if: :devise_controller?

 

    # ...

 

    protected

 

    def configure_permitted_parameters

      devise_parameter_sanitizer.for(:sign_up) << :username

      devise_parameter_sanitizer.for(:account_update) << :username

    end

  end

編輯views/devise/registrations/edit.html.erb和views/devise/registrations/new.html.erb，加上username欄位

 

  <div><%= f.label :username %><br />

  <%= f.text_field :username %></div>

进入项目 

 

1、添加gem

 

    gem 'devise'

 

2、更新本地gem

 

    bundle install

 

3、创建页面

 

    rails g controller home index

 

4、初始化devise

 

    rails g devise:install

 

会有如下提示：

 

  1. Setup default url options for your specific environment. Here is an

 

     example of development environment:

 

 

 

       config.action_mailer.default_url_options = { :host => 'localhost:3000' }

 

 

 

     This is a required Rails configuration. In production it must be the

 

     actual host of your application

 

 

 

  2. Ensure you have defined root_url to *something* in your config/routes.rb.

 

     For example:

 

 

 

       root :to => "home#index"

 

 

 

  3. Ensure you have flash messages in app/views/layouts/application.html.erb.

 

     For example:

 

 

 

       <p class="notice"><%= notice %></p>

 

       <p class="alert"><%= alert %></p>

 

 

 

  4. If you are deploying Rails 3.1 on Heroku, you may want to set:

 

 

 

       config.assets.initialize_on_precompile = false

 

 

 

     On config/application.rb forcing your application to not access the DB

 

     or load models when precompiling your assets.

 

 

 

进行相关配置

 

5、与模型User关联

 

    rails g devise User

 

这条命令会生成一个user.rb model文件，一个migration文件和一个devise_for的路由

 

我们可以看到User model和普通的ActiveRecord的区别并不大，主要的差别是调用了devise方法，当然这也是配置的关键。Devise方法有很多的参数用来标识是否使用对应的功能模块

 

Devise参数？(还不了解）

 

 

 

6.执行迁移任务

 

rake db:migrate

 

查看在router.rb文件中的devise_for都产生了什么路由.可以通过rake routes查看

 

 

 

产生了如下路由：登录，登出，重置密码，注册，和修改。如果我们需要，所有这些路由都是可以配置的

 

 

 

7、修改默认访问url

 

    打开routes.rb,加入：root :to => "home#index"

 

 

 

8、修改index.html.erb代码

 

<% if user_signed_in? -%> <!-- Provided by devise -->

    <div style="float:right">

      <%= current_user.email %> |

      <%= link_to '用户信息', edit_user_registration_path %> |

      <%= link_to '退出登录', destroy_user_session_path, :method => :delete %> |

    </div>

    <% end -%>

    <% unless user_signed_in? -%>

    <div style="float:right">

      <%= link_to '注册', new_user_registration_path %> |

      <%= link_to '登录', new_user_session_path %>

    </div>

<% end -%>

9、启动服务

 

    rails s

 

10、测试

 

    localhost:3000/home/index

 

1.下拉框中存放的是图片的路径，触发下拉框的change事件，得到url，然后显示在页面上。例如：<IMG id="avatarImg">  然后$("#avatarImg").attr("src",url);