gem"devise"gem'omniauth'gem'omniauth-facebook'gem'omniauth-twitter'

$ rails g devise:install

      create  config/initializers/devise.rb      create  config/locales/devise.en.yml===============================================================================Some setup you must do manually if you haven't yet:  1. Ensure you have defined default url options in your environments files. Here     is an example of default_url_options appropriate for a development environment     in config/environments/development.rb:       config.action_mailer.default_url_options = { host: 'localhost', port: 3000 }     In production, :host should be set to 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><%= notice %></p>       <p><%= alert %></p>  4. You can copy Devise views (for customization) to your app by running:       rails g devise:views

$ rails g devise User

:models/user.rbclassUser<ApplicationRecord# Include default devise modules. Others available are:# :confirmable, :lockable, :timeoutable, :trackable and :omniauthabledevise:database_authenticatable,:registerable,:recoverable,:rememberable,:validatable,:omniauthable# :omniauthableを追加してください。end

$ rails g migration add_columns_to_users provider uid name image$ rake db:migrate

Devise.setupdo|config|config.omniauth:facebook,'App ID','App Secret'config.omniauth:twitter,'API key','API secret'end

classUser<ApplicationRecord# Include default devise modules. Others available are:# :confirmable, :lockable, :timeoutable, :trackable and :omniauthabledevise:database_authenticatable,:registerable,:recoverable,:rememberable,:validatable,:omniauthable# このから下を追加--------------------------------------------------------------defself.from_omniauth(auth)where(provider:auth.provider,uid:auth.uid).first_or_createdo|user|user.provider=auth.provideruser.uid=auth.uiduser.name=auth.nameuser.email=auth.info.emailuser.password=Devise.friendly_token[0,20]# ランダムなパスワードを作成user.image=auth.info.image.gsub("_normal","")ifuser.provider=="twitter"user.image=auth.info.image.gsub("picture","picture?type=large")ifuser.provider=="facebook"endendend

Rails.application.routes.drawdorootto:"home#index"devise_for:users,controllers:{omniauth_callbacks:'users/omniauth_callbacks'}end

classUsers::OmniauthCallbacksController<Devise::OmniauthCallbacksControllerdeffacebook# You need to implement the method below in your model (e.g. app/models/user.rb)@user=User.from_omniauth(request.env["omniauth.auth"])if@user.persisted?sign_in_and_redirect@user,event: :authentication#this will throw if @user is not activatedset_flash_message(:notice,:success,kind:"Facebook")ifis_navigational_format?elsesession["devise.facebook_data"]=request.env["omniauth.auth"].except("extra")redirect_tonew_user_registration_urlendenddeftwitter# You need to implement the method below in your model (e.g. app/models/user.rb)@user=User.from_omniauth(request.env["omniauth.auth"])if@user.persisted?sign_in_and_redirect@user,event: :authentication#this will throw if @user is not activatedset_flash_message(:notice,:success,kind:"Twitter")ifis_navigational_format?elsesession["devise.twitter_data"]=request.env["omniauth.auth"].except("extra")redirect_tonew_user_registration_urlendenddeffailureredirect_toroot_pathendend

classUser<ApplicationRecord# Include default devise modules. Others available are:# :confirmable, :lockable, :timeoutable, :trackable and :omniauthabledevise:database_authenticatable,:registerable,:recoverable,:rememberable,:validatable,:omniauthable# これです。end

<%-ifcontroller_name!='sessions'%><%=link_to"Log in",new_session_path(resource_name)%><br/><%end%><%-ifdevise_mapping.registerable?&&controller_name!='registrations'%><%=link_to"Sign up",new_registration_path(resource_name)%><br/><%end%><%-ifdevise_mapping.recoverable?&&controller_name!='passwords'&&controller_name!='registrations'%><%=link_to"Forgot your password?",new_password_path(resource_name)%><br/><%end%><%-ifdevise_mapping.confirmable?&&controller_name!='confirmations'%><%=link_to"Didn't receive confirmation instructions?",new_confirmation_path(resource_name)%><br/><%end%><%-ifdevise_mapping.lockable?&&resource_class.unlock_strategy_enabled?(:email)&&controller_name!='unlocks'%><%=link_to"Didn't receive unlock instructions?",new_unlock_path(resource_name)%><br/><%end%><!-- --------この部分のコードです。------------------------------------------- --><%-ifdevise_mapping.omniauthable?%><%-resource_class.omniauth_providers.eachdo|provider|%><%=link_to"Sign in with#{OmniAuth::Utils.camelize(provider)}",omniauth_authorize_path(resource_name,provider)%><br/><%end%><%end%><!-- -------------ここまで----------------------------------------------------- -->

Rails.application.routes.drawdorootto:"home#index"devise_for:users,controllers:{omniauth_callbacks:'users/omniauth_callbacks',registrations:'registrations'}# registrations: 'registrations'　を追加してます。resources:users,only:[:index,:show]end

classRegistrationsController<Devise::RegistrationsControllerprotecteddefupdate_resource(resource,params)resource.update_without_password(params)endend

<h2>Edit<%=resource_name.to_s.humanize%></h2><%=form_for(resource,as:resource_name,url:registration_path(resource_name),html:{method: :put})do|f|%><%=render"devise/shared/error_messages",resource:resource%><divclass="field"><%=f.label:name%><br/><%=f.text_field:name,autofocus:true,autocomplete:"name"%></div><divclass="field"><%=f.label:email%><br/><%=f.email_field:email,autocomplete:"email"%></div><divclass="field"><%=f.label:image%><br/><%=f.file_field:image%></div><%ifdevise_mapping.confirmable?&&resource.pending_reconfirmation?%><div>Currently waiting confirmation for:<%=resource.unconfirmed_email%></div><%end%><divclass="field"><%=f.label:password%><i>(leave blank if you don't want to change it)</i><br/><%=f.password_field:password,autocomplete:"new-password"%><%if@minimum_password_length%><br/><em><%=@minimum_password_length%> characters minimum</em><%end%></div><divclass="field"><%=f.label:password_confirmation%><br/><%=f.password_field:password_confirmation,autocomplete:"new-password"%></div><!-- -----------この部分を取り除きます--------------------------------------------- --><divclass="field"><%=f.label:current_password%><i>(we need your current password to confirm your changes)</i><br/><%=f.password_field:current_password,autocomplete:"current-password"%></div><!-- -----------この部分を取り除きます--------------------------------------------- --><divclass="actions"><%=f.submit"Update"%></div><%end%><h3>Cancel my account</h3><p>Unhappy?<%=button_to"Cancel my account",registration_path(resource_name),data:{confirm:"Are you sure?"},method: :delete%></p><%=link_to"Back",:back%>

$ EDITOR="vi"bin/rails credentials:edit

facebook:  key: "App ID"  secret: "App Secret"twitter:  key: "API key"  secret: "API secret"

$ rails credentials:show

irb(main):001:0>Rails.application.credentials.facebook=>{:key=>AppID,:secret=>"App Secret"}irb(main):002:0>Rails.application.credentials.facebook[:key]=>AppIDirb(main):003:0>

Devise.setupdo|config|config.omniauth:facebook,Rails.application.credentials.facebook[:key],Rails.application.credentials.facebook[:secret]config.omniauth:twitter,Rails.application.credentials.twitter[:key],Rails.application.credentials.twitter[:secret]end

$ heroku config:set RAILS_MASTER_KEY=`cat config/master.key`

gem"omniauth-rails_csrf_protection"

# 上記のコード省略<!-- --------この部分のコードです。------------------------------------------- --><%-ifdevise_mapping.omniauthable?%><%-resource_class.omniauth_providers.eachdo|provider|%><%=link_to"Sign in with#{OmniAuth::Utils.camelize(provider)}",omniauth_authorize_path(resource_name,provider),method: :post%><br/><%end%><%end%><!-- -------------ここまで----------------------------------------------------- -->

$ rails db:migrate:reset

$ heroku pg:reset DATABASE