Tabetai

目次

準備

プロジェクトディレクトリ作成 移動

バージョン確認

お名前.com問い合わせ

create application

% rails new . --css=tailwind --css=sass --javascript=esbuild --database=postgresql

% bin/bundle add tailwindcss-rails

% bin/rails tailwindcss:install

gem 'devise', '~> 4.9', '>= 4.9.2'

% bundle install

% bin/setup

サーバー側

$ bundle install  --without test development

database.yml　username:などを確認する　（2箇所）

# /config/database.yml

production:
  <<: *default
  database: koresore_production
  username: jq
  password: <%= ENV["KORESORE_DATABASE_PASSWORD"] %>

# /config/environments/production.rb

  config.assets.compile = true

  config.action_mailer.raise_delivery_errors = true                                      
  config.action_mailer.delivery_method = :smtp
  #host = 'localhost'                                                                    
  host = 'http://koresore.pokpok.jp'
  config.action_mailer.default_url_options = { host: host }

データベース作成

$ createdb koresore_production

$ rails db:migrate RAILS_ENV=production

テスト用のデータで開発用のデータをつくる設定

# db/seeds.rb

puts "\n== Seeding the database with fixtures =="
system("bin/rails db:fixtures:load")

user

% bundle exec rails g model User email:string

t.string :email, null: false, index: { unique: true } 

% bundle exec rails db:migrate

# app/models/user.rb

  validates :email, presence: true, uniqueness: true

home

ホームを作る

% rails generate controller Pages home

homeコントローラーはパブリックなので、認証をはずす

# app/controllers/pages_controller.rb

 skip_before_action :authenticate_user!

ルートパス

# config/routes.rb

root to: "pages#home"

user devise

% bin/rails generate devise:install

アプリケーションの設定に応じて、いくつかの手動のセットアップが必要です：

1. 環境ファイルでデフォルトのURLオプションを定義してください。以下は、開発環境に適したdefault_url_optionsの例です。config/environments/development.rbに追加します：

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

   本番環境では、:hostをアプリケーションの実際のホストに設定する必要があります。

   * すべてのアプリケーションに必要です。 *

2. config/routes.rbでroot_urlを*何か*に定義してください。例：

   root to: "home#index"

   * API専用アプリケーションには必要ありません。 *

3. app/views/layouts/application.html.erbにフラッシュメッセージがあることを確認してください。例：

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

   * API専用アプリケーションには必要ありません。 *

4. カスタマイズするために、Deviseビューをアプリケーションにコピーするには、次のコマンドを実行します：

   rails g devise:views

   * 必須ではありません。 *

1

# config/environments/development.rb
  host = 'http://koresore.pokpok.jp'
  config.action_mailer.default_url_options = { host: host }

2

# app/views/layouts/application.html.erb
<p class="notice"><%= notice %></p>
 <p class="alert"><%= alert %></p>

Modelを作成

$ bin/rails generate devise User
$ bin/rails db:migrate

Viewを作成

$ rails generate devise:views users

view更新

# config/initializers/devise.rb

config.scoped_views = true

ログインしないとアクセスできないようにする

# app/controllers/application_controller.rb

class ApplicationController < ActionController::Base
  before_action :authenticate_user!, unless: :devise_controller?
end

DeviseとOmniauthでGoogle、Twitter、Facebook認証

gem 'dotenv-rails' 
$ bundle install
$ touch .env

HOST='example.jp'
TWITTER_API_KEY=
TWITTER_API_SECRET=
GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=
FACEBOOK_KEY=
FACEBOOK_SECRET=

gem 'omniauth-facebook'
gem 'omniauth-twitter'
gem 'omniauth-google-oauth2'

bundle install後のメッセージ

$ rails g migration AddOmniauthToUsers provider:string uid:string

# config/initializers/devise.rb

config.omniauth :facebook, ENV['FACEBOOK_KEY'], ENV['FACEBOOK_SECRET'], scope: 'email', info_fields: 'email', callback_url: "#{ENV['HOST']}/users/auth/facebook/callback"

config.omniauth :twitter, ENV['TWITTER_API_KEY'], ENV['TWITTER_API_SECRET'], scope: 'email', oauth_callback: "#{ENV['HOST']}/users/auth/twitter/callback"

config.omniauth :google_oauth2, ENV['GOOGLE_CLIENT_ID'], ENV['GOOGLE_CLIENT_SECRET'], scope: 'email', redirect_uri: "#{ENV['HOST']}/users/auth/google_oauth2/callback"

OmniAuth.config.logger = Rails.logger if Rails.env.development?

$ mkdir app/controllers/users/
$ touch app/controllers/users/omniauth_callbacks_controller.rb