Rails – form_withとモデルの使い方

2021-03-13 / tau / コメントする

概要

form系ヘルパーではフォームの入力がparams変数にセットされるが、一般には以下の様な流れで入力パラメーターを利用する。

form_with/form_forで読み込んだパラメーターをモデルにセットする
モデルへのパラメーターのセットは、慣習的にprivateのメソッドを準備して、それを介する
各パラメーターは、モデルインスタンスのプロパティーとして参照・利用

モデルによるフォームデータの取得も参照。

例示

基本構造

流れ

トップページに入力フォームを表示
- /top
- app/controllers/pages_controller#top
- app/views/pages/top.html.erb
フォーム入力をpagesコントローラーのinputアクションへ送信
- app/controllers/pages_controller#input
inputアクションでフォーム入力をUserモデルインスタンスに格納して表示

入力フォーム

form_withによる以下のようなフォームを例にする。フォームビルダーのtext_fieldとpassword_fieldに入力された値が送信される。

<%= form_with(model: @user, url: input_path) do |form| %>
  <%= form.text_field(:name, placeholder: "名前を入力") %>
  <%= form.password_field(:password, placeholder: "パスワードを入力") %>
  <%= form.submit("送信") %>
<% end %>

<%= form_with(model: @user, url: input_path) do |form| %>

<%= form.text_field(:name, placeholder: "名前を入力") %>

<%= form.password_field(:password, placeholder: "パスワードを入力") %>

<%= form.submit("送信") %>

<% end %>

注意点

form_withはデフォルトでajaxによるフォーム送信となり、ページ全体がレンダリングされない。HTMLとして送信してレンダリングするには、パラメーターにlocal: trueを指定する。

<%= form_with(url:/model: ***, local: true) %>

モデルとデータベース

データを扱うモデルは以下で生成し、マイグレートしてテーブルを作成しておく

[vagrant@vagrant testapp]$ rails generate model user name:string password:string

1	[vagrant@vagrant testapp]$ rails generate model user name:string password:string

テーブル

mysql> desc users;
+------------+--------------+------+-----+---------+----------------+
| Field      | Type         | Null | Key | Default | Extra          |
+------------+--------------+------+-----+---------+----------------+
| id         | bigint(20)   | NO   | PRI | NULL    | auto_increment |
| name       | varchar(255) | YES  |     | NULL    |                |
| password   | varchar(255) | YES  |     | NULL    |                |
| created_at | datetime     | NO   |     | NULL    |                |
| updated_at | datetime     | NO   |     | NULL    |                |
+------------+--------------+------+-----+---------+----------------+
5 rows in set (0.00 sec)

mysql> desc users;

+------------+--------------+------+-----+---------+----------------+

+------------+--------------+------+-----+---------+----------------+

| id | bigint(20) | NO | PRI | NULL | auto_increment |

+------------+--------------+------+-----+---------+----------------+

5 rows in set (0.00 sec)

コントローラー

以下の枠組みでコントローラーを生成。ビューのform_withでモデルを使うため、Userインスタンスを生成している。

class PagesController < ApplicationController
  def top
    @user = User.new
  end

  def input
  # 入力時の処理
  end
end

class PagesController < ApplicationController

def top

@user = User.new

end

def input

# 入力時の処理

end

ルーティング

アプリケーション起動時にtopページを表示
入力POST時にinputアクションへルーティング

Rails.application.routes.draw do
  root to: 'pages#top', as: :top
  post 'input', to: 'pages#input', as: :input
end

Rails.application.routes.draw do

root to: 'pages#top', as: :top

post 'input', to: 'pages#input', as: :input

end

入力データのモデルへのセット

コントローラーに以下に様に追記。

class PagesController < ApplicationController
  def top
    @user = User.new
  end

  def input
    puts "---------- form input ----------"
    user = User.new(user_params)
    p user
    p user.name
    p user.password
    redirect_to top_path and return
  end

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

class PagesController < ApplicationController

def top

@user = User.new

end

def input

puts "---------- form input ----------"

user = User.new(user_params)

p user

p user.name

p user.password

redirect_to top_path and return

end

private

def user_params

params.require(:user).permit(:name, :password)

end

要点は次のとおり。

パラメーターを引数にしてモデルインスタンスを与える。

変数 = モデルクラス.new(モデル名_params)

引数はモデルに与えるparamsを返すメソッドで、慣習としてメソッド名の付け方、praivate宣言、requireとpremitによるパラメーター取得が定まっている。

params.require(:モデル名).permit(:要素名, ...)

モデルにパラメーターがセットされた後は、要素名と同じモデルのプロパティーで値を取得。

コンソールの出力部分は以下のとおり

Started POST "/input" for 10.0.2.2 at 2021-03-13 09:47:19 +0900
Cannot render console from 10.0.2.2! Allowed networks: 127.0.0.1, ::1, 127.0.0.0/127.255.255.255
Processing by PagesController#input as JS
  Parameters: {"utf8"=>"✓", "authenticity_token"=>"o3M9kpQpW10kA+lAocHDdvsgFf3BdIgutcqGaapRBVqkuAu3eu0j5k6jhZHEbU44n43Y81cuicBjL0UeuLrFyA==", "user"=>{"name"=>"NAME", "password"=>"[FILTERED]"}, "commit"=>"送信"}
---------- form input ----------
#<User id: nil, name: "NAME", password: "PASSWORD", created_at: nil, updated_at: nil>
"NAME"
"PASSWORD"
Redirected to http://localhost:3000/
Completed 200 OK in 3ms (ActiveRecord: 0.0ms)

Started POST "/input" for 10.0.2.2 at 2021-03-13 09:47:19 +0900

Cannot render console from 10.0.2.2! Allowed networks: 127.0.0.1, ::1, 127.0.0.0/127.255.255.255

Processing by PagesController#input as JS

Parameters: {"utf8"=>"✓", "authenticity_token"=>"o3M9kpQpW10kA+lAocHDdvsgFf3BdIgutcqGaapRBVqkuAu3eu0j5k6jhZHEbU44n43Y81cuicBjL0UeuLrFyA==", "user"=>{"name"=>"NAME", "password"=>"[FILTERED]"}, "commit"=>"送信"}

---------- form input ----------

#<User id: nil, name: "NAME", password: "PASSWORD", created_at: nil, updated_at: nil>

"NAME"

"PASSWORD"

Redirected to http://localhost:3000/

Completed 200 OK in 3ms (ActiveRecord: 0.0ms)

require/permitメソッド

フォームの入力をモデルにセットする際、require～permitでパラメーターを指定している。

たとえば悪意のあるユーザーによってPOSTされる要素が追加された場合でも、必要なパラメーターのみを参照・変更することができる。

そして上述のように、一般的にはrequire～permitのメソッドチェーンをprivateメソッドでラップして使う。

Rails – form関係ヘルパーの基本

2021-03-11 / tau / コメントする

概要

form系のヘルパーの基本的な機能・挙動について整理してみた。

form系の新旧4つのヘルパーの動作についてまとめた
モデルを介して複数のパラメーターを扱うform_forとform_withのオーソドックスな使い方については、最後の「パラメーターを一括で扱う」にまとめた。

各formヘルパーの関係は

form_tag、form_for、form_withはHTMLのformタグを生成するRailsのヘルパー
Rails 5.1より前はform_tagとform_for
Rails 5.1からform_withが導入され、form_tagとform_forは非推奨に

form_tagとform_forについては

form_tagはブロック内にtext_field_tagなどtag系のヘルパーを持つことを想定
データベースと紐づいたモデルを扱う場合はform_for、モデルを介さずにフォームのデータのみやりとりする場合はform_tagを使用

form_withについては

form_withはform_tagの機能とform_forの機能を1つで使い分け

form_tag

動作

form_tagはフォームブロックの各要素の値を直接ハッシュで取り出すため、モデルは介在しない。

form_tagではアクションへのパスを指定し、アクションで各要素の値を参照する
各要素の値は1次元のハッシュparamsに格納されている
要素の値は要素のname属性をキーとして参照

コード間の流れ

app/views/top.html.erb

form_tagヘルパーの引数に、POSTを送るアクションへのパスを指定
- パス指定にはroutes.rbで設定するエイリアスを使っている
各要素ヘルパーの第1引数でid/name属性の値をシンボルで定義

<%= form_tag(from_form_tag_path) do %>
  <%= text_field_tag(:param_text, nil, placeholder: "テキスト入力") %>
  <%= password_field_tag(:param_pass, nil, placeholder: "パスワード入力") %>
  <%= submit_tag("送信") %>
<% end %>

<%= form_tag(from_form_tag_path) do %>

<%= text_field_tag(:param_text, nil, placeholder: "テキスト入力") %>

<%= password_field_tag(:param_pass, nil, placeholder: "パスワード入力") %>

<%= submit_tag("送信") %>

<% end %>

config/routes.rb

form_tagからのPOSTを受け取るアクションへのルートを設定
URLにエイリアスを使っていて、それをアクションに紐づけている

Rails.application.routes.draw do
  root to: 'pages#top', as: :top
  post 'from_form_tag', to: 'pages#form_tag_process', as: :from_form_tag
end

Rails.application.routes.draw do

root to: 'pages#top', as: :top

post 'from_form_tag', to: 'pages#form_tag_process', as: :from_form_tag

end

app/controllers/pages_controller.rb

ルーティングの結果呼ばれたアクション内で、フォームの要素から送られた値を処理
要素の値はparams[キーのシンボル]で取り出す

class PagesController < ApplicationController
  def top
  end

  def form_tag_process
    puts "----- form_params -----"
    p params
    p params[:param_text]
    p params[:param_pass]
    redirect_to top_path and return
  end
end

class PagesController < ApplicationController

def top

end

def form_tag_process

puts "----- form_params -----"

p params

p params[:param_text]

p params[:param_pass]

redirect_to top_path and return

end

コンソール出力

4行目でPOSTで送られるparams全体が表示されている
6行目でparamsを表示させており、4行目と同じ内容
7～8行目は個別の要素の値をキーを使って参照

Started POST "/from_form_tag" for 10.0.2.2 at 2021-03-10 23:33:14 +0900
Cannot render console from 10.0.2.2! Allowed networks: 127.0.0.1, ::1, 127.0.0.0/127.255.255.255
Processing by PagesController#form_tag_process as HTML
  Parameters: {"utf8"=>"✓", "authenticity_token"=>"r2MLrmxMn/q+ox6XCSu6snB8SMU7qDF9ePvsLcYdNmkVTDt6HQuVnO3ZLRvQXCbhR9TPBIkSHnZzK/841Xf9Bw==", "param_text"=>"TEXT", "param_pass"=>"PASSWORD", "commit"=>"送信"}
----- form_params -----
<ActionController::Parameters {"utf8"=>"✓", "authenticity_token"=>"r2MLrmxMn/q+ox6XCSu6snB8SMU7qDF9ePvsLcYdNmkVTDt6HQuVnO3ZLRvQXCbhR9TPBIkSHnZzK/841Xf9Bw==", "param_text"=>"TEXT", "param_pass"=>"PASSWORD", "commit"=>"送信", "controller"=>"pages", "action"=>"form_tag_process"} permitted: false>
"TEXT"
"PASSWORD"
Redirected to http://localhost:3000/
Completed 302 Found in 1ms (ActiveRecord: 0.0ms)

Started POST "/from_form_tag" for 10.0.2.2 at 2021-03-10 23:33:14 +0900

Cannot render console from 10.0.2.2! Allowed networks: 127.0.0.1, ::1, 127.0.0.0/127.255.255.255

Processing by PagesController#form_tag_process as HTML

Parameters: {"utf8"=>"✓", "authenticity_token"=>"r2MLrmxMn/q+ox6XCSu6snB8SMU7qDF9ePvsLcYdNmkVTDt6HQuVnO3ZLRvQXCbhR9TPBIkSHnZzK/841Xf9Bw==", "param_text"=>"TEXT", "param_pass"=>"PASSWORD", "commit"=>"送信"}

----- form_params -----

<ActionController::Parameters {"utf8"=>"✓", "authenticity_token"=>"r2MLrmxMn/q+ox6XCSu6snB8SMU7qDF9ePvsLcYdNmkVTDt6HQuVnO3ZLRvQXCbhR9TPBIkSHnZzK/841Xf9Bw==", "param_text"=>"TEXT", "param_pass"=>"PASSWORD", "commit"=>"送信", "controller"=>"pages", "action"=>"form_tag_process"} permitted: false>

"TEXT"

"PASSWORD"

Redirected to http://localhost:3000/

Completed 302 Found in 1ms (ActiveRecord: 0.0ms)

form_for

動作

form_forでは第1引数にモデルのインスタンスを指定
- モデルのインスタンスはコントローラーでインスタンス変数として準備
form_forでPOSTされた各要素の値はハッシュparams[モデル名のシンボル]に格納される
- 要素の値を取り出すには以下のハッシュを参照
- params[モデル名のシンボル][要素名のシンボル]
ここでは第2引数のURLでPOST先のアクションを指定している

コード間の流れ

より具体的な実装については、モデルによるフォームデータの取得を参照。

app/views/top.html.erb

form_forの第1引数にモデルのインスタンスを指定
- インスタンスはコントローラーで生成
- 第2に引数のurl:で指定したパスにPOST
form_forの構文は以下のとおり
- form_for(モデル, オプション群) do |フォームビルダー|
各要素の値はtext_fieldなどフォームビルダーのメソッドで要素名を指定して取得する

<%= form_for(@record, url: from_form_for_path) do |form| %>
  <%= form.text_field(:param_text, placeholder: "テキストを入力") %>
  <%= form.password_field(:param_pass, placeholder: "パスワードを入力") %>
  <%= form.submit("送信") %>
<% end %>

<%= form_for(@record, url: from_form_for_path) do |form| %>

<%= form.text_field(:param_text, placeholder: "テキストを入力") %>

<%= form.password_field(:param_pass, placeholder: "パスワードを入力") %>

<%= form.submit("送信") %>

<% end %>

config/routes.rb

form_tagからのPOSTを受け取るアクションへのルートを設定
ここではurl:で指定したエイリアスからアクションに紐づけている

Rails.application.routes.draw do
  root to: 'pages#top', as: :top
  post 'from_form_for', to: 'pages#form_for_process', as: :from_form_for
end

Rails.application.routes.draw do

root to: 'pages#top', as: :top

post 'from_form_for', to: 'pages#form_for_process', as: :from_form_for

end

app/controllers/pages_controller.rb

ルーティングの結果呼ばれたアクション内で、フォームの要素から送られたデータを確認
各要素の値はparams[モデル名のシンボル]にハッシュとしてまとめられている
個別の要素の値はその中で要素名をキーとしてとりだせる
- params[モデル名のシンボル][要素名のシンボル]

class PagesController < ApplicationController
  def top
    @record = Record.new
  end

  def form_for_process
    puts "----- form_params -----"
    p params[:record]
    p params[:record][:param_text]
    p params[:record][:param_pass]
    redirect_to top_path and return
  end
end

class PagesController < ApplicationController

def top

@record = Record.new

end

def form_for_process

puts "----- form_params -----"

p params[:record]

p params[:record][:param_text]

p params[:record][:param_pass]

redirect_to top_path and return

end

なお上の例ではform_forの引数に与えるモデルインスタンス(@user)を最初に生成しているが、コントローラーの中ではこれを使わず、ローカルな変数(user)を使っている。

コンソール出力

4行目中、"record" => {"param_text" => "TEXT", ...}が各要素のデータ
6行目に全要素のハッシュ、7～8行目に個別の要素の値が表示されている

Started POST "/from_form_for" for 10.0.2.2 at 2021-03-10 23:22:22 +0900
Cannot render console from 10.0.2.2! Allowed networks: 127.0.0.1, ::1, 127.0.0.0/127.255.255.255
Processing by PagesController#form_for_process as HTML
  Parameters: {"utf8"=>"✓", "authenticity_token"=>"kxRom4t1qFU20HznmSM8ydT7b9rqD9c9GNclGgakhBopO1hP+jKiM2WqT2tAVKCa41PoG1i1+DYTBzYPFc5PdA==", "record"=>{"param_text"=>"TEXT", "param_pass"=>"PASSWORD"}, "commit"=>"送信"}
----- form_params -----
<ActionController::Parameters {"param_text"=>"TEXT", "param_pass"=>"PASSWORD"} permitted: false>
"TEXT"
"PASSWORD"
Redirected to http://localhost:3000/
Completed 302 Found in 5ms (ActiveRecord: 0.0ms)

Started POST "/from_form_for" for 10.0.2.2 at 2021-03-10 23:22:22 +0900

Cannot render console from 10.0.2.2! Allowed networks: 127.0.0.1, ::1, 127.0.0.0/127.255.255.255

Processing by PagesController#form_for_process as HTML

Parameters: {"utf8"=>"✓", "authenticity_token"=>"kxRom4t1qFU20HznmSM8ydT7b9rqD9c9GNclGgakhBopO1hP+jKiM2WqT2tAVKCa41PoG1i1+DYTBzYPFc5PdA==", "record"=>{"param_text"=>"TEXT", "param_pass"=>"PASSWORD"}, "commit"=>"送信"}

----- form_params -----

<ActionController::Parameters {"param_text"=>"TEXT", "param_pass"=>"PASSWORD"} permitted: false>

"TEXT"

"PASSWORD"

Redirected to http://localhost:3000/

Completed 302 Found in 5ms (ActiveRecord: 0.0ms)

form_with (データベースなし)

動作

動作の内容はform_tagと同じ
そのためビューにおいてform_withの引数としてURLを指定(url: パス)

注意点

<%= form_with(url: 'URL', local: true) do |f| %>

コード間の流れ

ビューでの書き方以外はform_tagと同じ流れ

app/views/top.html.erb

form_withの引数にURLを指定(url: パス)
モデルが介在しないform_tagと同じ動作をさせる書き方
各要素はフォームビルダーのメソッドで書いている

<%= form_with(url: from_form_with_non_db_path) do |form| %>
  <%= form.text_field(:param_text, placeholder: "テキスト入力") %>
  <%= form.password_field(:param_pass, placeholder: "パスワード入力") %>
  <%= form.submit("送信") %>
<% end %>

<%= form_with(url: from_form_with_non_db_path) do |form| %>

<%= form.text_field(:param_text, placeholder: "テキスト入力") %>

<%= form.password_field(:param_pass, placeholder: "パスワード入力") %>

<%= form.submit("送信") %>

<% end %>

config/routes.rb

Rails.application.routes.draw do
  root to: 'pages#top', as: :top
  post 'from_form_with_non_db', to: 'pages#form_with_non_db_process', as: :from_form_with_non_db
end

Rails.application.routes.draw do

root to: 'pages#top', as: :top

post 'from_form_with_non_db', to: 'pages#form_with_non_db_process', as: :from_form_with_non_db

end

app/controllers/pages_controller.rb

class PagesController < ApplicationController
  def top
  end

  def form_with_non_db_process
    puts "----- form_with (non DB) -----"
    p params
    p params[:param_text]
    p params[:param_pass]
    redirect_to top_path and return
  end
end

class PagesController < ApplicationController

def top

end

def form_with_non_db_process

puts "----- form_with (non DB) -----"

p params

p params[:param_text]

p params[:param_pass]

redirect_to top_path and return

end

コンソール出力

Started POST "/from_form_with_non_db" for 10.0.2.2 at 2021-03-10 23:44:49 +0900
Cannot render console from 10.0.2.2! Allowed networks: 127.0.0.1, ::1, 127.0.0.0/127.255.255.255
Processing by PagesController#form_with_non_db_process as JS
  Parameters: {"utf8"=>"✓", "authenticity_token"=>"lwT+bvSyq9SN/mYrripqw1w5BTs7j41fJAa391FIyHstK866hfWhst6EVad3XfaQa5GC+ok1olQv1qTiQiIDFQ==", "param_text"=>"TEXT", "param_pass"=>"PASSWORD", "commit"=>"送信"}
----- form_with (non DB) -----
<ActionController::Parameters {"utf8"=>"✓", "authenticity_token"=>"lwT+bvSyq9SN/mYrripqw1w5BTs7j41fJAa391FIyHstK866hfWhst6EVad3XfaQa5GC+ok1olQv1qTiQiIDFQ==", "param_text"=>"TEXT", "param_pass"=>"PASSWORD", "commit"=>"送信", "controller"=>"pages", "action"=>"form_with_non_db_process"} permitted: false>
"TEXT"
"PASSWORD"
Redirected to http://localhost:3000/
Completed 200 OK in 3ms (ActiveRecord: 0.0ms)

Started POST "/from_form_with_non_db" for 10.0.2.2 at 2021-03-10 23:44:49 +0900

Cannot render console from 10.0.2.2! Allowed networks: 127.0.0.1, ::1, 127.0.0.0/127.255.255.255

Processing by PagesController#form_with_non_db_process as JS

Parameters: {"utf8"=>"✓", "authenticity_token"=>"lwT+bvSyq9SN/mYrripqw1w5BTs7j41fJAa391FIyHstK866hfWhst6EVad3XfaQa5GC+ok1olQv1qTiQiIDFQ==", "param_text"=>"TEXT", "param_pass"=>"PASSWORD", "commit"=>"送信"}

----- form_with (non DB) -----

<ActionController::Parameters {"utf8"=>"✓", "authenticity_token"=>"lwT+bvSyq9SN/mYrripqw1w5BTs7j41fJAa391FIyHstK866hfWhst6EVad3XfaQa5GC+ok1olQv1qTiQiIDFQ==", "param_text"=>"TEXT", "param_pass"=>"PASSWORD", "commit"=>"送信", "controller"=>"pages", "action"=>"form_with_non_db_process"} permitted: false>

"TEXT"

"PASSWORD"

Redirected to http://localhost:3000/

Completed 200 OK in 3ms (ActiveRecord: 0.0ms)

form_with (データベースあり)

より具体的な実装については、モデルによるフォームデータの取得を参照。

動作

動作の内容はform_forと同じ
そのためにビューにおいて引数にデータベースと紐づいたモデルを指定(model: モデルインスタンス)
ここでは第2引数のURLでPOST先のアクションを指定している

<%= form_with(model: 'model', url: 'URL', local: true) do |f| %>

コード間の流れ

app/views/top.html.erb

form_withの引数にモデルのインスタンスを指定している
- model: モデルインスタンス名で指定
- モデルのインスタンスはコントローラーで生成
モデルを介在したform_withと同じ動作をさせる書き方
各要素はフォームビルダーのメソッドで書いている

<%= form_with(model: @record, url: from_form_with_db_path) do |form| %>
  <%= form.text_field(:param_text, placeholder: "テキストを入力") %>
  <%= form.password_field(:param_pass, placeholder: "パスワードを入力") %>
  <%= form.submit("送信") %>
<% end %>

<%= form_with(model: @record, url: from_form_with_db_path) do |form| %>

<%= form.text_field(:param_text, placeholder: "テキストを入力") %>

<%= form.password_field(:param_pass, placeholder: "パスワードを入力") %>

<%= form.submit("送信") %>

<% end %>

config/routes.rb

Rails.application.routes.draw do
  root to: 'pages#top', as: :top
  post 'from_form_with_db', to: 'pages#form_with_db_process', as: :from_form_with_db
end

Rails.application.routes.draw do

root to: 'pages#top', as: :top

post 'from_form_with_db', to: 'pages#form_with_db_process', as: :from_form_with_db

end

app/controllers/pages_controller.rb

class PagesController < ApplicationController
  def top
    @record = Record.new
  end

  def form_with_db_process
    puts "----- form_with (DB) -----"
    p params[:record]
    p params[:record][:param_text]
    p params[:record][:param_pass]
    redirect_to top_path and return
  end
end

class PagesController < ApplicationController

def top

@record = Record.new

end

def form_with_db_process

puts "----- form_with (DB) -----"

p params[:record]

p params[:record][:param_text]

p params[:record][:param_pass]

redirect_to top_path and return

end

コンソール出力

Started POST "/from_form_with_db" for 10.0.2.2 at 2021-03-10 23:51:21 +0900
Cannot render console from 10.0.2.2! Allowed networks: 127.0.0.1, ::1, 127.0.0.0/127.255.255.255
Processing by PagesController#form_with_db_process as JS
  Parameters: {"utf8"=>"✓", "authenticity_token"=>"JsiSAIuM5phTduwLwkuv5x05G9KyYbHNkeX1WJ5lUYmc56LU+svs/gAM34cbPDO0KpGcEwDbnsaaNeZNjQ+a5w==", "record"=>{"param_text"=>"TEXT", "param_pass"=>"PASSWORD"}, "commit"=>"送信"}
----- form_with (non DB) -----
<ActionController::Parameters {"param_text"=>"TEXT", "param_pass"=>"PASSWORD"} permitted: false>
"TEXT"
"PASSWORD"
Redirected to http://localhost:3000/
Completed 200 OK in 1ms (ActiveRecord: 0.0ms)

Started POST "/from_form_with_db" for 10.0.2.2 at 2021-03-10 23:51:21 +0900

Cannot render console from 10.0.2.2! Allowed networks: 127.0.0.1, ::1, 127.0.0.0/127.255.255.255

Processing by PagesController#form_with_db_process as JS

Parameters: {"utf8"=>"✓", "authenticity_token"=>"JsiSAIuM5phTduwLwkuv5x05G9KyYbHNkeX1WJ5lUYmc56LU+svs/gAM34cbPDO0KpGcEwDbnsaaNeZNjQ+a5w==", "record"=>{"param_text"=>"TEXT", "param_pass"=>"PASSWORD"}, "commit"=>"送信"}

----- form_with (non DB) -----

<ActionController::Parameters {"param_text"=>"TEXT", "param_pass"=>"PASSWORD"} permitted: false>

"TEXT"

"PASSWORD"

Redirected to http://localhost:3000/

Completed 200 OK in 1ms (ActiveRecord: 0.0ms)

Vagrant/AmazonLinux2 – Railsインストール

2021-03-10 / tau / コメントする

概要

VagrantのAmazonLinux2仮想環境にrbenv/Rubyをインストール後、Railsをインストールした記録。

ホスト：Windows10
ゲスト：Vagrant + VirtualBox + bento/amazonlinux-2

Railsの最新版ではなく、オリジナルの環境に併せて特定のバージョンを指定してインストールした。

Railsに影響する機能の停止

SELinux

もともとSELinuxは無効状態だった。

[vagrant@vagrant ~]$ getenforce
Disabled

1 2	[vagrant@vagrant ~]$ getenforce Disabled

firewalld

そもそもfirewalldはセットされていなかった。

[vagrant@vagrant ~]$ systemctl status firewalld
Unit firewalld.service could not be found.

1 2	[vagrant@vagrant ~]$ systemctl status firewalld Unit firewalld.service could not be found.

Railsのインストール

一応、gemで使用できるRailsの確認。使用可能なRailsはない。

[vagrant@vagrant ~]$ gem list rails

*** LOCAL GEMS ***

[vagrant@vagrant ~]$ gem list rails

*** LOCAL GEMS ***

gemでRailsのバージョン5.1.7を指定してインストール。

[vagrant@vagrant ~]$ gem i -v 5.1.7
railsFetching concurrent-ruby-1.1.8.gem
Fetching thread_safe-0.3.6.gem
Fetching rack-2.2.3.gem
.....
Done installing documentation for concurrent-ruby, i18n, thread_safe, tzinfo, activesupport, irack, rack-test, racc, nokogiri, crass, loofah, rails-html-sanitizer, rails-dom-testing, builder, erubi, actionview, actionpack, activemodel, arel, activerecord, globalid, activejob, mini_mime, mail, actionmailer, nio4r, websocket-extensions, websocket-driver, actioncable, thor, method_source, railties, sprockets, sprockets-rails, rails after 81 seconds
35 gems installed

[vagrant@vagrant ~]$ gem i -v 5.1.7

railsFetching concurrent-ruby-1.1.8.gem

Fetching thread_safe-0.3.6.gem

Fetching rack-2.2.3.gem

.....

Done installing documentation for concurrent-ruby, i18n, thread_safe, tzinfo, activesupport, irack, rack-test, racc, nokogiri, crass, loofah, rails-html-sanitizer, rails-dom-testing, builder, erubi, actionview, actionpack, activemodel, arel, activerecord, globalid, activejob, mini_mime, mail, actionmailer, nio4r, websocket-extensions, websocket-driver, actioncable, thor, method_source, railties, sprockets, sprockets-rails, rails after 81 seconds

35 gems installed

再度使用可能なRailsを探して、インストールされていることを確認する。

[vagrant@vagrant ~]$ gem list rails

*** LOCAL GEMS ***

rails (5.1.7)
rails-dom-testing (2.0.3)
rails-html-sanitizer (1.3.0)
sprockets-rails (3.2.2)

[vagrant@vagrant ~]$ gem list rails

*** LOCAL GEMS ***

rails (5.1.7)

rails-dom-testing (2.0.3)

rails-html-sanitizer (1.3.0)

sprockets-rails (3.2.2)

Railsサーバーの稼働

エラー～JavaScriptランタイムがない

テスト用のプロジェクトを生成してRailsサーバーを起動しようとしたところ、エラーになった。

[vagrant@vagrant test_app]$ rails s
Traceback (most recent call last):
        36: from bin/rails:3:in `<main>'
        35: from bin/rails:3:in `load'
.....
/home/vagrant/.rbenv/versions/2.6.3/lib/ruby/gems/2.6.0/gems/execjs-2.7.0/lib/execjs/runtimes.rb:58:in `autodetect': Could not find a JavaScript runtime. See https://github.com/rails/execjs for a list of available runtimes. (ExecJS::RuntimeUnavailable)

[vagrant@vagrant test_app]$ rails s

Traceback (most recent call last):

36: from bin/rails:3:in `<main>'

35: from bin/rails:3:in `load'

.....

/home/vagrant/.rbenv/versions/2.6.3/lib/ruby/gems/2.6.0/gems/execjs-2.7.0/lib/execjs/runtimes.rb:58:in `autodetect': Could not find a JavaScript runtime. See https://github.com/rails/execjs for a list of available runtimes. (ExecJS::RuntimeUnavailable)

Node.jsでもよさそうなので、CentOS7と同じ手順でNode.jsをインストール。Rails6では最新安定版のNode.jsだと警告が出たのでダウングレード下が、Rails5では最新版では警告が出なかった。

[vagrant@vagrant test_app]$ nvm install stable
Downloading and installing node v15.11.0...
Downloading https://nodejs.org/dist/v15.11.0/node-v15.11.0-linux-x64.tar.xz...
######################################################################### 100.0%
Computing checksum with sha256sum
Checksums matched!
Now using node v15.11.0 (npm v7.6.0)
Creating default alias: default -> stable (-> v15.11.0)

[vagrant@vagrant test_app]$ nvm install stable

Downloading and installing node v15.11.0...

Downloading https://nodejs.org/dist/v15.11.0/node-v15.11.0-linux-x64.tar.xz...

######################################################################### 100.0%

Computing checksum with sha256sum

Checksums matched!

Now using node v15.11.0 (npm v7.6.0)

Creating default alias: default -> stable (-> v15.11.0)

ここまででrails serverの実行が可能になった。

ホストブラウザーからの接続

vagrantfileに以下の1行を記述

config.vm.network "forwarded_port", guest: 3000, host: 3000

テスト用のプロジェクトを生成してrails sを実行すると、「このサイトにアクセスできません」と弾かれる。

netstatで確認すると、ポート3000は開いている。

[vagrant@vagrant ~]$ netstat -an
Active Internet connections (servers and established)
Proto Recv-Q Send-Q Local Address           Foreign Address         State
tcp        0      0 0.0.0.0:3306            0.0.0.0:*               LISTEN
tcp        0      0 0.0.0.0:111             0.0.0.0:*               LISTEN
tcp        0      0 0.0.0.0:22              0.0.0.0:*               LISTEN
tcp        0      0 127.0.0.1:3000          0.0.0.0:*               LISTEN
.....

[vagrant@vagrant ~]$ netstat -an

Active Internet connections (servers and established)

Proto Recv-Q Send-Q Local Address Foreign Address State

tcp 0 0 0.0.0.0:3306 0.0.0.0:* LISTEN

tcp 0 0 0.0.0.0:111 0.0.0.0:* LISTEN

tcp 0 0 0.0.0.0:22 0.0.0.0:* LISTEN

tcp 0 0 127.0.0.1:3000 0.0.0.0:* LISTEN

.....

サーバー立ち上げのオプションを以下の様にして接続成功。

rails s -b 0.0.0.0

以前参考にしたサイトを再度確認すると、Rails4.2以降ではこの接続方法になるとのこと。オリジナルの環境ではrails sで十ていたが(エイリアス？)。

既存プロジェクトの実行

オリジナルの環境でつくったプロジェクトをダウンロードし、共有フォルダー経由で仮想環境に移して実行したところ、db:createでエラーが出た。

[vagrant@vagrant bbs]$ rails db:create
Could not find minitest-5.14.3 in any of the sources
Run `bundle install` to install missing gems.

[vagrant@vagrant bbs]$ rails db:create

Could not find minitest-5.14.3 in any of the sources

Run `bundle install` to install missing gems.

指示通りにbundle install。

[vagrant@vagrant bbs]$ bundle install
Warning: the running version of Bundler (1.17.2) is older than the version that created the lockfile (1.17.3). We suggest you upgrade to the latest version of Bundler by running `gem install bundler`.
.....
Bundle complete! 16 Gemfile dependencies, 70 gems now installed.
Use `bundle info [gemname]` to see where a bundled gem is installed.

[vagrant@vagrant bbs]$ bundle install

Warning: the running version of Bundler (1.17.2) is older than the version that created the lockfile (1.17.3). We suggest you upgrade to the latest version of Bundler by running `gem install bundler`.

.....

Bundle complete! 16 Gemfile dependencies, 70 gems now installed.

Use `bundle info [gemname]` to see where a bundled gem is installed.

この後db:migrationは問題なく、これでアプリケーションがオリジナルの環境通りに実行できるようになった。

一方、仮想環境で作ったプロジェクトをオリジナルの環境にアップロードした場合、オリジナル側でbundle installが必要になったが、これで問題なく実行できた。

Vagrant/AmazonLinux2 – rbenv/Rubyインストール

2021-03-10 / tau / コメントする

概要

VagrantのAmazonLinux2仮想環境にrbenv&Rubyをインストールした記録。

ホスト：Windows10
ゲスト：Vagrant + VirtualBox + bento/amazonlinux-2

Gitのインストール

CentOS7仮想環境と同じ方法でGitをインストール。

[vagrant@vagrant ~]$ sudo yum install git

1	[vagrant@vagrant ~]$ sudo yum install git

バージョン確認

[vagrant@vagrant ~]$ git --version
git version 2.23.3

1 2	[vagrant@vagrant ~]$ git --version git version 2.23.3

rbenv/Rubyのインストール

CentOS7仮想環境と同じ方法でインストール・設定(ライブラリーのインストールも含む)。

Gitからrbenvをクローン
.bash_profileの設定
Gitからruby-buildをクローン
Rubyに必要なライブラリーをインストール

Rubyインストール時に最新バージョンではなく過去のバージョンを指定してインストール。

rbenv install --list-allで全バージョンを確認
Rubyのインストール時に、バージョンを指定してインストール
rbenv globalで通常使うバージョンを指定

[vagrant@vagrant ~]$ rbenv install --list-all
1.8.5-p52
1.8.5-p113
1.8.5-p114
.....
2.6.2
2.6.3
2.6.4
.....

[vagrant@vagrant ~]$ rbenv install 2.6.3
Downloading ruby-2.6.3.tar.bz2...
-> https://cache.ruby-lang.org/pub/ruby/2.6/ruby-2.6.3.tar.bz2
Installing ruby-2.6.3...
Installed ruby-2.6.3 to /home/vagrant/.rbenv/versions/2.6.3
[vagrant@vagrant ~]$ rbenv global 2.6.3
[vagrant@vagrant ~]$ ruby -v
ruby 2.6.3p62 (2019-04-16 revision 67580) [x86_64-linux]

[vagrant@vagrant ~]$ rbenv install --list-all

1.8.5-p52

1.8.5-p113

1.8.5-p114

.....

2.6.2

2.6.3

2.6.4

.....

[vagrant@vagrant ~]$ rbenv install 2.6.3

Downloading ruby-2.6.3.tar.bz2...

-> https://cache.ruby-lang.org/pub/ruby/2.6/ruby-2.6.3.tar.bz2

Installing ruby-2.6.3...

Installed ruby-2.6.3 to /home/vagrant/.rbenv/versions/2.6.3

[vagrant@vagrant ~]$ rbenv global 2.6.3

[vagrant@vagrant ~]$ ruby -v

ruby 2.6.3p62 (2019-04-16 revision 67580) [x86_64-linux]

Vagrant – MySQLのインストール – AmazonLinux2

2021-03-10 / tau / コメントする

概要

Vagrant + VirtualBoxのamazonlinux-2にMySQLをインストールした記録。

MySQLをローカルインストールする際、展開されたすべてのファイルをインストールする必要がある
Amazon Linux 2では標準でMariaDBがインストールされているのでアンインストール

インストール

概要

CentOS7へのインストールと同じ手順で完了した。ただしAmazon Linux 2にデフォルトでインストールされているMariaDBをアンインストール。

MariaDBのアンインストール

[vagrant@vagrant tmp]$ sudo yum remove mariadb-libs
Loaded plugins: dkms-build-requires, langpacks, priorities, update-motd
Resolving Dependencies
--> Running transaction check
---> Package mariadb-libs.x86_64 1:5.5.64-1.amzn2 will be erased
--> Processing Dependency: libmysqlclient.so.18()(64bit) for package: 2:postfix-2.10.1-6.amzn2.0.3.x86_64
.....
Removed:
  mariadb-libs.x86_64 1:5.5.64-1.amzn2

Dependency Removed:
  postfix.x86_64 2:2.10.1-6.amzn2.0.3

Complete!

[vagrant@vagrant tmp]$ sudo yum remove mariadb-libs

Loaded plugins: dkms-build-requires, langpacks, priorities, update-motd

Resolving Dependencies

--> Running transaction check

---> Package mariadb-libs.x86_64 1:5.5.64-1.amzn2 will be erased

--> Processing Dependency: libmysqlclient.so.18()(64bit) for package: 2:postfix-2.10.1-6.amzn2.0.3.x86_64

.....

Removed:

mariadb-libs.x86_64 1:5.5.64-1.amzn2

Dependency Removed:

postfix.x86_64 2:2.10.1-6.amzn2.0.3

Complete!

wgetの確認

Boxにwgetがインストールされていることを確認。

[vagrant@vagrant ~]$ yum list | grep '^wget.*$'
wget.x86_64                            1.14-18.amzn2.1                installed

1 2	[vagrant@vagrant ~]$ yum list \| grep '^wget.*$' wget.x86_64 1.14-18.amzn2.1 installed

ダウンロード

ブラウザーで以下のページをたどる。

MySQLサイトの下方「ダウンロード」
- MySQL Community ServerのArchiveタブ
  - MySQL Product Archivesページ

アーカイブページで以下を選択。

Product Version
- 5.5.62
Operating Sysrem
- Red Hat Enterprise Linux / Oracle Linux
OS Version
- Red Hat Enterprise Linux 7 / Oracle Linux 7 (x86, 64-bit)

一覧の中のRPM Bundle、Downloadボタンを右クリックしてリンクのアドレスをコピー。

コンソールからwgetに上でコピーしたURLを適用してダウンロード。tarファイルがダウンロードされる。

[vagrant@vagrant ~]$ sudo wget https://downloads.mysql.com/archives/get/p/23/file/MySQL-5.5.62-1.el7.x86_64.rpm-bundle.tar
--2021-03-04 07:51:18--  https://downloads.mysql.com/archives/get/p/23/file/MySQL-5.5.62-1.el7.x86_64.rpm-bundle.tar
Resolving downloads.mysql.com (downloads.mysql.com)... 137.254.60.14
Connecting to downloads.mysql.com (downloads.mysql.com)|137.254.60.14|:443... connected.
HTTP request sent, awaiting response... 302 Found
Location: https://cdn.mysql.com/archives/mysql-5.5/MySQL-5.5.62-1.el7.x86_64.rpm-bundle.tar [following]
--2021-03-04 07:51:19--  https://cdn.mysql.com/archives/mysql-5.5/MySQL-5.5.62-1.el7.x86_64.rpm-bundle.tar
Resolving cdn.mysql.com (cdn.mysql.com)... 23.223.248.241
Connecting to cdn.mysql.com (cdn.mysql.com)|23.223.248.241|:443... connected.
HTTP request sent, awaiting response... 200 OK
Length: 173352960 (165M) [application/x-tar]
Saving to: ‘MySQL-5.5.62-1.el7.x86_64.rpm-bundle.tar’

100%[=====================================>] 173,352,960 1.05MB/s   in 2m 28s

2021-03-04 07:53:48 (1.12 MB/s) - ‘MySQL-5.5.62-1.el7.x86_64.rpm-bundle.tar’ saved [173352960/173352960]

[vagrant@vagrant ~]$ sudo wget https://downloads.mysql.com/archives/get/p/23/file/MySQL-5.5.62-1.el7.x86_64.rpm-bundle.tar

--2021-03-04 07:51:18-- https://downloads.mysql.com/archives/get/p/23/file/MySQL-5.5.62-1.el7.x86_64.rpm-bundle.tar

Resolving downloads.mysql.com (downloads.mysql.com)... 137.254.60.14

Connecting to downloads.mysql.com (downloads.mysql.com)|137.254.60.14|:443... connected.

HTTP request sent, awaiting response... 302 Found

Location: https://cdn.mysql.com/archives/mysql-5.5/MySQL-5.5.62-1.el7.x86_64.rpm-bundle.tar [following]

--2021-03-04 07:51:19-- https://cdn.mysql.com/archives/mysql-5.5/MySQL-5.5.62-1.el7.x86_64.rpm-bundle.tar

Resolving cdn.mysql.com (cdn.mysql.com)... 23.223.248.241

Connecting to cdn.mysql.com (cdn.mysql.com)|23.223.248.241|:443... connected.

HTTP request sent, awaiting response... 200 OK

Length: 173352960 (165M) [application/x-tar]

Saving to: ‘MySQL-5.5.62-1.el7.x86_64.rpm-bundle.tar’

100%[=====================================>] 173,352,960 1.05MB/s in 2m 28s

2021-03-04 07:53:48 (1.12 MB/s) - ‘MySQL-5.5.62-1.el7.x86_64.rpm-bundle.tar’ saved [173352960/173352960]

ダウンロードされたtarファイルを確認し、展開。

[vagrant@vagrant ~]$ ls
MySQL-5.5.62-1.el7.x86_64.rpm-bundle.tar
[vagrant@vagrant ~]$ sudo tar -xvf MySQL-5.5.62-1.el7.x86_64.rpm-bundle.tar
MySQL-devel-5.5.62-1.el7.x86_64.rpm
MySQL-embedded-5.5.62-1.el7.x86_64.rpm
MySQL-shared-5.5.62-1.el7.x86_64.rpm
MySQL-test-5.5.62-1.el7.x86_64.rpm
MySQL-server-5.5.62-1.el7.x86_64.rpm
MySQL-shared-compat-5.5.62-1.el7.x86_64.rpm
MySQL-client-5.5.62-1.el7.x86_64.rpm

[vagrant@vagrant ~]$ ls

MySQL-5.5.62-1.el7.x86_64.rpm-bundle.tar

[vagrant@vagrant ~]$ sudo tar -xvf MySQL-5.5.62-1.el7.x86_64.rpm-bundle.tar

MySQL-devel-5.5.62-1.el7.x86_64.rpm

MySQL-embedded-5.5.62-1.el7.x86_64.rpm

MySQL-shared-5.5.62-1.el7.x86_64.rpm

MySQL-test-5.5.62-1.el7.x86_64.rpm

MySQL-server-5.5.62-1.el7.x86_64.rpm

MySQL-shared-compat-5.5.62-1.el7.x86_64.rpm

MySQL-client-5.5.62-1.el7.x86_64.rpm

展開されたファイルのインストール

1つずつsudo yum…でインストールしても、1行にまとめてインストールしても。

[vagrant@vagrant tmp]$ sudo yum localinstallで以下のファイルをインストール

MySQL-embedded-5.5.62-1.el7.x86_64.rpm
MySQL-shared-5.5.62-1.el7.x86_64.rpm
MySQL-test-5.5.62-1.el7.x86_64.rpm
MySQL-server-5.5.62-1.el7.x86_64.rpm
MySQL-shared-compat-5.5.62-1.el7.x86_64.rpm
MySQL-client-5.5.62-1.el7.x86_64.rpm

[vagrant@vagrant tmp]$ sudo yum localinstallで以下のファイルをインストール

MySQL-embedded-5.5.62-1.el7.x86_64.rpm

MySQL-shared-5.5.62-1.el7.x86_64.rpm

MySQL-test-5.5.62-1.el7.x86_64.rpm

MySQL-server-5.5.62-1.el7.x86_64.rpm

MySQL-shared-compat-5.5.62-1.el7.x86_64.rpm

MySQL-client-5.5.62-1.el7.x86_64.rpm

全ての展開ファイルのインストールが必要

当初、server、client、embeddedのみをインストールしたところ、不具合が出た。

Railsインストール後にプロジェクト生成でエラー
MySQLの文字コードセットがdatabaseとserverでlatin1
/etc/my.cnfが存在しない

後から残りのファイルをインストールしたところ、上の不具合は全て解消。ただしtestまで必要かどうかは確認していない。

サーバー稼働

サーバーの起動

オリジナルの環境ではservice mysqld startでサーバーを起動していたが、仮想環境ではsystemctlを使う。

[vagrant@vagrant tmp]$ sudo systemctl start mysql
[vagrant@vagrant tmp]$ systemctl status mysql
● mysql.service - LSB: start and stop MySQL
   Loaded: loaded (/etc/rc.d/init.d/mysql; bad; vendor preset: disabled)
   Active: active (running) since Sun 2021-03-07 09:21:41 UTC; 9s ago
     Docs: man:systemd-sysv-generator(8)
  Process: 30271 ExecStart=/etc/rc.d/init.d/mysql start (code=exited, status=0/SUCCESS)
   CGroup: /system.slice/mysql.service
           ├─30277 /bin/sh /usr/bin/mysqld_safe --datadir=/var/lib/mysql --pid-...
           └─30363 /usr/sbin/mysqld --basedir=/usr --datadir=/var/lib/mysql --p...

Mar 07 09:21:39 vagrant systemd[1]: Starting LSB: start and stop MySQL...
Mar 07 09:21:39 vagrant mysql[30271]: Starting MySQL.Logging to '/var/lib/mys...'.
Mar 07 09:21:41 vagrant mysql[30271]: . SUCCESS!
Mar 07 09:21:41 vagrant systemd[1]: Started LSB: start and stop MySQL.
Hint: Some lines were ellipsized, use -l to show in full.

[vagrant@vagrant tmp]$ sudo systemctl start mysql

[vagrant@vagrant tmp]$ systemctl status mysql

● mysql.service - LSB: start and stop MySQL

Loaded: loaded (/etc/rc.d/init.d/mysql; bad; vendor preset: disabled)

Active: active (running) since Sun 2021-03-07 09:21:41 UTC; 9s ago

Docs: man:systemd-sysv-generator(8)

Process: 30271 ExecStart=/etc/rc.d/init.d/mysql start (code=exited, status=0/SUCCESS)

CGroup: /system.slice/mysql.service

├─30277 /bin/sh /usr/bin/mysqld_safe --datadir=/var/lib/mysql --pid-...

└─30363 /usr/sbin/mysqld --basedir=/usr --datadir=/var/lib/mysql --p...

Mar 07 09:21:39 vagrant systemd[1]: Starting LSB: start and stop MySQL...

Mar 07 09:21:39 vagrant mysql[30271]: Starting MySQL.Logging to '/var/lib/mys...'.

Mar 07 09:21:41 vagrant mysql[30271]: . SUCCESS!

Mar 07 09:21:41 vagrant systemd[1]: Started LSB: start and stop MySQL.

Hint: Some lines were ellipsized, use -l to show in full.

[vagrant@vagrant photo]$ mysql -u root
Welcome to the MySQL monitor.  Commands end with ; or \g.
Your MySQL connection id is 14
Server version: 5.5.62 MySQL Community Server (GPL)

Copyright (c) 2000, 2018, Oracle and/or its affiliates. All rights reserved.

Oracle is a registered trademark of Oracle Corporation and/or its
affiliates. Other names may be trademarks of their respective
owners.

Type 'help;' or '\h' for help. Type '\c' to clear the current input statement.

mysql>

[vagrant@vagrant photo]$ mysql -u root

Welcome to the MySQL monitor. Commands end with ; or \g.

Your MySQL connection id is 14

Server version: 5.5.62 MySQL Community Server (GPL)

Oracle is a registered trademark of Oracle Corporation and/or its

affiliates. Other names may be trademarks of their respective

owners.

Type 'help;' or '\h' for help. Type '\c' to clear the current input statement.

mysql>

文字コードセットの確認

MySQLコンソールからshow variablesで文字コードセットを確認。

mysql> show variables like 'char%';
+--------------------------+----------------------------+
| Variable_name            | Value                      |
+--------------------------+----------------------------+
| character_set_client     | utf8                       |
| character_set_connection | utf8                       |
| character_set_database   | utf8                       |
| character_set_filesystem | binary                     |
| character_set_results    | utf8                       |
| character_set_server     | utf8                       |
| character_set_system     | utf8                       |
| character_sets_dir       | /usr/share/mysql/charsets/ |
+--------------------------+----------------------------+
8 rows in set (0.00 sec)

mysql> show variables like 'char%';

+--------------------------+----------------------------+

| Variable_name | Value |

+--------------------------+----------------------------+

| character_set_client | utf8 |

| character_set_connection | utf8 |

| character_set_database | utf8 |

| character_set_filesystem | binary |

| character_set_results | utf8 |

| character_set_server | utf8 |

| character_set_system | utf8 |

| character_sets_dir | /usr/share/mysql/charsets/ |

+--------------------------+----------------------------+

8 rows in set (0.00 sec)

Vagrant – 仮想環境構築 – Amazon Linux 2

2021-03-10 / tau / コメントする

概要

クラウドで利用していたAWS(Amazon Web Service)のEC2/Cloud9の環境をVagrantでローカルに構築した記録。利用時の環境に併せて、OS、MySQL、Ruby、Railsのバージョンをできるだけ整合させた。

オリジナルの環境

OS : Amazon Linux AMI release 2018.03
MySQL : mysql Ver 14.14 Distrib 5.5.62, for Linux (x86_64) using readline 5.1
Ruby : ruby 2.6.3p62 (2019-04-16 revision 67580) [x86_64-linux]
Rails : Rails 5.1.7

構築した環境

OS(Box) : bento/amazonlinux-2 (virtualbox, 1.2.1)
MySQL : Ver 14.14 Distrib 5.5.62, for Linux (x86_64) using readline 5.1
Ruby : ruby 2.6.3p62 (2019-04-16 revision 67580) [x86_64-linux]
Rails : Rails 5.1.7

Vagrant/VirtualBoxの導入

Vagrant – 仮想環境構築 – CentOS7を参照。

Boxの導入

ダウンロード

vagruntupのFind Boxesでキーワードamazonを含むBoxを検索し、bento/amazonlinux-2(1.2.1)を選択。

このBoxをvagrant addコマンドでローカルに追加。

C:\>vagrant box add bento/amazonlinux-2
==> box: Loading metadata for box 'bento/amazonlinux-2'
    box: URL: https://vagrantcloud.com/bento/amazonlinux-2
==> box: Adding box 'bento/amazonlinux-2' (v1.2.1) for provider: virtualbox
    box: Downloading: https://vagrantcloud.com/bento/boxes/amazonlinux-2/versions/1.2.1/providers/virtualbox.box
Download redirected to host: vagrantcloud-files-production.s3.amazonaws.com
    box:
==> box: Successfully added box 'bento/amazonlinux-2' (v1.2.1) for 'virtualbox'!

C:\>vagrant box list
bento/amazonlinux-2 (virtualbox, 1.2.1)
bento/centos-7.7    (virtualbox, 202005.12.0)

C:\>vagrant box add bento/amazonlinux-2

==> box: Loading metadata for box 'bento/amazonlinux-2'

box: URL: https://vagrantcloud.com/bento/amazonlinux-2

==> box: Adding box 'bento/amazonlinux-2' (v1.2.1) for provider: virtualbox

box: Downloading: https://vagrantcloud.com/bento/boxes/amazonlinux-2/versions/1.2.1/providers/virtualbox.box

Download redirected to host: vagrantcloud-files-production.s3.amazonaws.com

box:

==> box: Successfully added box 'bento/amazonlinux-2' (v1.2.1) for 'virtualbox'!

C:\>vagrant box list

bento/amazonlinux-2 (virtualbox, 1.2.1)

bento/centos-7.7 (virtualbox, 202005.12.0)

仮想環境の初期化

ディレクトリー\vagrant\amazonlinux2を作成・移動し、vagrant initでダウンロードしたBoxで環境を構築。

C:\vagrant\amazon2>vagrant init bento/amazonlinux-2
A `Vagrantfile` has been placed in this directory. You are now
ready to `vagrant up` your first virtual environment! Please read
the comments in the Vagrantfile as well as documentation on
`vagrantup.com` for more information on using Vagrant.

C:\vagrant\amazon2>vagrant init bento/amazonlinux-2

A `Vagrantfile` has been placed in this directory. You are now

ready to `vagrant up` your first virtual environment! Please read

the comments in the Vagrantfile as well as documentation on

`vagrantup.com` for more information on using Vagrant.

仮想環境の利用

仮想環境の起動

vagrant upコマンドで仮想環境を起動。初回起動時は多数のパッケージインストールや依存関係の解決で時間がかかる。

C:\vagrant\amazon2>vagrant up
Bringing machine 'default' up with 'virtualbox' provider...
==> default: Importing base box 'bento/amazonlinux-2'...
.....
==> default: Machine booted and ready![default] GuestAdditions versions on your host (6.1.18) and guest (6.1.16) do not match.
Loaded plugins: dkms-build-requires, langpacks, priorities, update-motd
.....
--> Finished Dependency Resolution
Dependencies Resolved

================================================================================
Package                  Arch     Version                   Repository    Size
================================================================================
Installing:
elfutils-libelf-devel    x86_64   0.176-2.amzn2             amzn2-core    40 k
gcc                      x86_64   7.3.1-12.amzn2            amzn2-core    22 M
kernel-devel             x86_64   4.14.198-152.320.amzn2    amzn2-core    13 M
kernel-devel             x86_64   4.14.219-161.340.amzn2    amzn2-core    13 M
Updating:
perl                     x86_64   4:5.16.3-299.amzn2.0.1    amzn2-core   8.0 M
Installing for dependencies:
cpp                      x86_64   7.3.1-12.amzn2            amzn2-core   9.2 M
glibc-devel              x86_64   2.26-41.amzn2             amzn2-core   991 k
.....
perl-libs                x86_64   4:5.16.3-299.amzn2.0.1    amzn2-core   685 k
Transaction Summary
================================================================================
Install  4 Packages (+ 4 Dependent packages)
Upgrade  1 Package  (+15 Dependent packages)

Total download size: 84 M
Downloading packages:
Delta RPMs disabled because /usr/bin/applydeltarpm not installed.
--------------------------------------------------------------------------------
Total                                              829 kB/s |  84 MB  01:43    
Running transaction check
Running transaction test
Transaction test succeeded
Running transaction
  Installing : elfutils-libelf-devel-0.176-2.amzn2.x86_64                  1/40
  Updating   : glibc-common-2.26-41.amzn2.x86_64                           2/40
  Updating   : glibc-2.26-41.amzn2.x86_64                                  3/40
.....

Installed:  elfutils-libelf-devel.x86_64 0:0.176-2.amzn2                                 
  gcc.x86_64 0:7.3.1-12.amzn2                                                  
  kernel-devel.x86_64 0:4.14.198-152.320.amzn2                                 
  kernel-devel.x86_64 0:4.14.219-161.340.amzn2                                 

Dependency Installed:
  cpp.x86_64 0:7.3.1-12.amzn2                                                  
  glibc-devel.x86_64 0:2.26-41.amzn2                                           
  glibc-headers.x86_64 0:2.26-41.amzn2                                         
  kernel-headers.x86_64 0:4.14.219-161.340.amzn2                               

Updated:
  perl.x86_64 4:5.16.3-299.amzn2.0.1                                           

Dependency Updated:
  glibc.x86_64 0:2.26-41.amzn2                                                 
.....
Complete!Copy iso file C:\Program Files\Oracle\VirtualBox\VBoxGuestAdditions.iso into the box /tmp/VBoxGuestAdditions.iso
.....
VirtualBox Guest Additions: Running kernel modules will not be replaced untilthe system is restarted

==> default: Mounting shared folders...    default: /vagrant => C:/vagrant/amazon2

C:\vagrant\amazon2>vagrant up

Bringing machine 'default' up with 'virtualbox' provider...

==> default: Importing base box 'bento/amazonlinux-2'...

.....

==> default: Machine booted and ready![default] GuestAdditions versions on your host (6.1.18) and guest (6.1.16) do not match.

Loaded plugins: dkms-build-requires, langpacks, priorities, update-motd

.....

--> Finished Dependency Resolution

Dependencies Resolved

================================================================================

Package Arch Version Repository Size

================================================================================

Installing:

elfutils-libelf-devel x86_64 0.176-2.amzn2 amzn2-core 40 k

gcc x86_64 7.3.1-12.amzn2 amzn2-core 22 M

kernel-devel x86_64 4.14.198-152.320.amzn2 amzn2-core 13 M

kernel-devel x86_64 4.14.219-161.340.amzn2 amzn2-core 13 M

Updating:

perl x86_64 4:5.16.3-299.amzn2.0.1 amzn2-core 8.0 M

Installing for dependencies:

cpp x86_64 7.3.1-12.amzn2 amzn2-core 9.2 M

glibc-devel x86_64 2.26-41.amzn2 amzn2-core 991 k

.....

perl-libs x86_64 4:5.16.3-299.amzn2.0.1 amzn2-core 685 k

Transaction Summary

================================================================================

Install 4 Packages (+ 4 Dependent packages)

Upgrade 1 Package (+15 Dependent packages)

Total download size: 84 M

Downloading packages:

Delta RPMs disabled because /usr/bin/applydeltarpm not installed.

--------------------------------------------------------------------------------

Total 829 kB/s | 84 MB 01:43

Running transaction check

Running transaction test

Transaction test succeeded

Running transaction

Installing : elfutils-libelf-devel-0.176-2.amzn2.x86_64 1/40

Updating : glibc-common-2.26-41.amzn2.x86_64 2/40

Updating : glibc-2.26-41.amzn2.x86_64 3/40

.....

Installed: elfutils-libelf-devel.x86_64 0:0.176-2.amzn2

gcc.x86_64 0:7.3.1-12.amzn2

kernel-devel.x86_64 0:4.14.198-152.320.amzn2

kernel-devel.x86_64 0:4.14.219-161.340.amzn2

Dependency Installed:

cpp.x86_64 0:7.3.1-12.amzn2

glibc-devel.x86_64 0:2.26-41.amzn2

glibc-headers.x86_64 0:2.26-41.amzn2

kernel-headers.x86_64 0:4.14.219-161.340.amzn2

Updated:

perl.x86_64 4:5.16.3-299.amzn2.0.1

Dependency Updated:

glibc.x86_64 0:2.26-41.amzn2

.....

Complete!Copy iso file C:\Program Files\Oracle\VirtualBox\VBoxGuestAdditions.iso into the box /tmp/VBoxGuestAdditions.iso

.....

VirtualBox Guest Additions: Running kernel modules will not be replaced untilthe system is restarted

==> default: Mounting shared folders... default: /vagrant => C:/vagrant/amazon2

仮想環境へのログイン

vagrant sshコマンドで仮想環境にログイン。EC2のロゴが表示される。

C:\vagrant\amazon2>vagrant ssh

       __|  __|_  )
       _|  (     /   Amazon Linux 2 AMI
      ___|\___|___|

https://aws.amazon.com/amazon-linux-2/
46 package(s) needed for security, out of 66 available
Run "sudo yum update" to apply all updates.

This system is built by the Bento project by Chef Software
More information can be found at https://github.com/chef/bento
[vagrant@vagrant ~]$

C:\vagrant\amazon2>vagrant ssh

__| __|_ )

_| ( / Amazon Linux 2 AMI

___|\___|___|

https://aws.amazon.com/amazon-linux-2/

46 package(s) needed for security, out of 66 available

Run "sudo yum update" to apply all updates.

This system is built by the Bento project by Chef Software

More information can be found at https://github.com/chef/bento

[vagrant@vagrant ~]$

システム情報

リリースの表現が違っている。

構築したシステム情報

[vagrant@vagrant ~]$ cat /etc/system-release
Amazon Linux release 2 (Karoo)
[vagrant@vagrant ~]$ cat /etc/os-release
NAME="Amazon Linux"
VERSION="2"
ID="amzn"
ID_LIKE="centos rhel fedora"
VERSION_ID="2"
PRETTY_NAME="Amazon Linux 2"
ANSI_COLOR="0;33"
CPE_NAME="cpe:2.3:o:amazon:amazon_linux:2"
HOME_URL="https://amazonlinux.com/"

[vagrant@vagrant ~]$ cat /etc/system-release

Amazon Linux release 2 (Karoo)

[vagrant@vagrant ~]$ cat /etc/os-release

NAME="Amazon Linux"

VERSION="2"

ID="amzn"

ID_LIKE="centos rhel fedora"

VERSION_ID="2"

PRETTY_NAME="Amazon Linux 2"

ANSI_COLOR="0;33"

CPE_NAME="cpe:2.3:o:amazon:amazon_linux:2"

HOME_URL="https://amazonlinux.com/"

オリジナルのシステム情報

$ cat /etc/system-release
Amazon Linux AMI release 2018.03
$ cat /etc/os-release
NAME="Amazon Linux AMI"
VERSION="2018.03"
ID="amzn"
ID_LIKE="rhel fedora"
VERSION_ID="2018.03"
PRETTY_NAME="Amazon Linux AMI 2018.03"
ANSI_COLOR="0;33"
CPE_NAME="cpe:/o:amazon:linux:2018.03:ga"
HOME_URL="http://aws.amazon.com/amazon-linux-ami/"

$ cat /etc/system-release

Amazon Linux AMI release 2018.03

$ cat /etc/os-release

NAME="Amazon Linux AMI"

VERSION="2018.03"

ID="amzn"

ID_LIKE="rhel fedora"

VERSION_ID="2018.03"

PRETTY_NAME="Amazon Linux AMI 2018.03"

ANSI_COLOR="0;33"

CPE_NAME="cpe:/o:amazon:linux:2018.03:ga"

HOME_URL="http://aws.amazon.com/amazon-linux-ami/"

ロケールとタイムゾーンの設定

確認

タイムゾーンがUTC、ロケールはLANG=enになっている。

[vagrant@vagrant ~]$ date
Sun Mar  7 21:29:29 UTC 2021
[vagrant@vagrant ~]$ locale
LANG=en_US.UTF-8
LC_CTYPE="en_US.UTF-8"
LC_NUMERIC="en_US.UTF-8"
LC_TIME="en_US.UTF-8"
LC_COLLATE="en_US.UTF-8"
LC_MONETARY="en_US.UTF-8"
LC_MESSAGES="en_US.UTF-8"
LC_PAPER="en_US.UTF-8"
LC_NAME="en_US.UTF-8"
LC_ADDRESS="en_US.UTF-8"
LC_TELEPHONE="en_US.UTF-8"
LC_MEASUREMENT="en_US.UTF-8"
LC_IDENTIFICATION="en_US.UTF-8"
LC_ALL=
[vagrant@vagrant ~]$ localectl
   System Locale: LANG=en_US.UTF-8
       VC Keymap: n/a
      X11 Layout: n/a

[vagrant@vagrant ~]$ date

Sun Mar 7 21:29:29 UTC 2021

[vagrant@vagrant ~]$ locale

LANG=en_US.UTF-8

LC_CTYPE="en_US.UTF-8"

LC_NUMERIC="en_US.UTF-8"

LC_TIME="en_US.UTF-8"

LC_COLLATE="en_US.UTF-8"

LC_MONETARY="en_US.UTF-8"

LC_MESSAGES="en_US.UTF-8"

LC_PAPER="en_US.UTF-8"

LC_NAME="en_US.UTF-8"

LC_ADDRESS="en_US.UTF-8"

LC_TELEPHONE="en_US.UTF-8"

LC_MEASUREMENT="en_US.UTF-8"

LC_IDENTIFICATION="en_US.UTF-8"

LC_ALL=

[vagrant@vagrant ~]$ localectl

System Locale: LANG=en_US.UTF-8

VC Keymap: n/a

X11 Layout: n/a

ロケールの設定

ロケールをJPに設定して再起動。表現は日本語になるが、まだタイムゾーンはUTC。

[vagrant@vagrant ~]$ sudo localectl set-locale LANG=ja_JP.UTF-8
[vagrant@vagrant ~]$ date
Sun Mar  7 21:31:03 UTC 2021
[vagrant@vagrant ~]$ exit
logout
Connection to 127.0.0.1 closed.

C:\vagrant\amazonlinux2>vagrant ssh
Last login: Sun Mar  7 21:29:03 2021 from 10.0.2.2
Last login: Sun Mar  7 21:29:03 2021 from 10.0.2.2

       __|  __|_  )
       _|  (     /   Amazon Linux 2 AMI
      ___|\___|___|

https://aws.amazon.com/amazon-linux-2/
45 package(s) needed for security, out of 65 available
Run "sudo yum update" to apply all updates.

This system is built by the Bento project by Chef Software
More information can be found at https://github.com/chef/bento
[vagrant@vagrant ~]$ date
2021年  3月  7日 日曜日 21:32:23 UTC

[vagrant@vagrant ~]$ sudo localectl set-locale LANG=ja_JP.UTF-8

[vagrant@vagrant ~]$ date

Sun Mar 7 21:31:03 UTC 2021

[vagrant@vagrant ~]$ exit

logout

Connection to 127.0.0.1 closed.

C:\vagrant\amazonlinux2>vagrant ssh

Last login: Sun Mar 7 21:29:03 2021 from 10.0.2.2

__| __|_ )

_| ( / Amazon Linux 2 AMI

___|\___|___|

https://aws.amazon.com/amazon-linux-2/

45 package(s) needed for security, out of 65 available

Run "sudo yum update" to apply all updates.

This system is built by the Bento project by Chef Software

More information can be found at https://github.com/chef/bento

[vagrant@vagrant ~]$ date

2021年 3月 7日日曜日 21:32:23 UTC

timedatectlで現在のロケールを確認。UTC。

[vagrant@vagrant ~]$ timedatectl
      Local time: 日 2021-03-07 21:34:01 UTC
  Universal time: 日 2021-03-07 21:34:01 UTC
        RTC time: 日 2021-03-07 21:33:54
       Time zone: n/a (UTC, +0000)
     NTP enabled: yes
NTP synchronized: no
RTC in local TZ: no
      DST active: n/a

[vagrant@vagrant ~]$ timedatectl

Local time: 日 2021-03-07 21:34:01 UTC

Universal time: 日 2021-03-07 21:34:01 UTC

RTC time: 日 2021-03-07 21:33:54

Time zone: n/a (UTC, +0000)

NTP enabled: yes

NTP synchronized: no

RTC in local TZ: no

DST active: n/a

タイムゾーンの設定

timedatectl list-timezonesで設定可能なタイムゾーンを確認。

[vagrant@vagrant ~]$ timedatectl list-timezones
Africa/Abidjan
Africa/Accra
Africa/Addis_Ababa
.....
Asia/Tokyo
.....

[vagrant@vagrant ~]$ timedatectl list-timezones

Africa/Abidjan

Africa/Accra

Africa/Addis_Ababa

.....

Asia/Tokyo

.....

タイムゾーンをAsia/Tokyoに設定。

[vagrant@vagrant ~]$ sudo timedatectl set-timezone Asia/Tokyo
[vagrant@vagrant ~]$ date
2021年  3月  8日 月曜日 06:37:47 JST
[vagrant@vagrant ~]$ timedatectl
      Local time: 月 2021-03-08 06:37:51 JST
  Universal time: 日 2021-03-07 21:37:51 UTC
        RTC time: 日 2021-03-07 21:37:45
       Time zone: Asia/Tokyo (JST, +0900)
     NTP enabled: yes
NTP synchronized: no
RTC in local TZ: no
      DST active: n/a

[vagrant@vagrant ~]$ sudo timedatectl set-timezone Asia/Tokyo

[vagrant@vagrant ~]$ date

2021年 3月 8日月曜日 06:37:47 JST

[vagrant@vagrant ~]$ timedatectl

Local time: 月 2021-03-08 06:37:51 JST

Universal time: 日 2021-03-07 21:37:51 UTC

RTC time: 日 2021-03-07 21:37:45

Time zone: Asia/Tokyo (JST, +0900)

NTP enabled: yes

NTP synchronized: no

RTC in local TZ: no

DST active: n/a

その他の設定

共有設定、Atomでの接続はCentOS7と同じ手順で完了。

Rails – タイムゾーン

2021-03-08 / tau / コメントする

概要

Railsでモデルのデータをデータベースに保存した時、OSやMySQLのタイムゾーンはJSTなのに、created_atやupdated_atの時刻がUSTで保存されているのに気付いた。

以下の2つの方法があるようだ。

データベースへの登録時刻をJSTにする方法
データベースへの時刻登録はUSTとし、表示をJSTにする方法

日本以外でも利用するデータベースの時刻を統一するにはUSTの方がよさそうなので、ここでは2つ目の方法を用いた。

プロジェクトのconf/application.rbに1行追加
- config.time_zone = ‘Tokyo’
サーバーが実行中の場合は再起動

これでデータベース上はUST、Railsでの扱いはJSTになる。

データベースへの記録はUST

文字列フィールドを1つ持つテスト用のモデルを生成・マイグレートする。

この操作は21時過ぎに実行したが、マイグレーションファイルの時刻が12時台で、9時間遅れているのでUSTとわかる。

なお。CentOSとMySQLのタイムゾーンはTokyoに設定されている。

Running via Spring preloader in process 26713
      invoke  active_record
      create    db/migrate/20210308121236_create_records.rb
      create    app/models/record.rb
      invoke    test_unit
      create      test/models/record_test.rb
      create      test/fixtures/records.yml
[vagrant@localhost demo_app]$ rails db:migrate
== 20210308121236 CreateRecords: migrating ====================================
-- create_table(:records)
   -> 0.0237s
== 20210308121236 CreateRecords: migrated (0.0238s) ===========================

Running via Spring preloader in process 26713

invoke active_record

create db/migrate/20210308121236_create_records.rb

create app/models/record.rb

invoke test_unit

create test/models/record_test.rb

create test/fixtures/records.yml

[vagrant@localhost demo_app]$ rails db:migrate

== 20210308121236 CreateRecords: migrating ====================================

-- create_table(:records)

-> 0.0237s

== 20210308121236 CreateRecords: migrated (0.0238s) ===========================

mysqlにテーブルが作られている。

mysql> show tables;
+-----------------------+
| Tables_in_demo_app_db |
+-----------------------+
| ar_internal_metadata  |
| records               |
| schema_migrations     |
+-----------------------+
3 rows in set (0.00 sec)

mysql> show tables;

+-----------------------+

| Tables_in_demo_app_db |

+-----------------------+

| ar_internal_metadata |

| records |

| schema_migrations |

+-----------------------+

3 rows in set (0.00 sec)

コントローラーを編集して、トップページ表示時にレコードを保存し、改めて読み込んで表示させる。

class DemoContentsController < ApplicationController
  def top_page
    record = Record.new({col1: 'abc'})
    record.save
    record = Record.find_by(col1: 'abc')
    puts "READ"
    p record
  end
end

class DemoContentsController < ApplicationController

def top_page

record = Record.new({col1: 'abc'})

record.save

record = Record.find_by(col1: 'abc')

puts "READ"

p record

end

データベースへの書き込み時と読み込み時の時刻がUSTになっている。

Started GET "/" for 10.0.2.2 at 2021-03-08 21:17:04 +0900
Cannot render console from 10.0.2.2! Allowed networks: 127.0.0.0/127.255.255.255, ::1
   (1.9ms)  SELECT `schema_migrations`.`version` FROM `schema_migrations` ORDER BY `schema_migrations`.`version` ASC
Processing by DemoContentsController#top_page as HTML
  TRANSACTION (1.4ms)  BEGIN
  ↳ app/controllers/demo_contents_controller.rb:4:in `top_page'
  Record Create (1.6ms)  INSERT INTO `records` (`col1`, `created_at`, `updated_at`) VALUES ('abc', '2021-03-08 12:17:04.394262', '2021-03-08 12:17:04.394262')
  ↳ app/controllers/demo_contents_controller.rb:4:in `top_page'
  TRANSACTION (3.4ms)  COMMIT
  ↳ app/controllers/demo_contents_controller.rb:4:in `top_page'
  Record Load (2.3ms)  SELECT `records`.* FROM `records` WHERE `records`.`col1` = 'abc' LIMIT 1
  ↳ app/controllers/demo_contents_controller.rb:5:in `top_page'
READ
#<Record id: 1, col1: "abc", created_at: "2021-03-08 12:17:04.394262000 +0000", updated_at: "2021-03-08 12:17:04.394262000 +0000">
  Rendering layout layouts/application.html.erb
  Rendering demo_contents/top_page.html.erb within layouts/application
  Rendered demo_contents/top_page.html.erb within layouts/application (Duration: 1.8ms | Allocations: 705)
[Webpacker] Everything's up-to-date. Nothing to do
  Rendered layout layouts/application.html.erb (Duration: 16.2ms | Allocations: 6563)
Completed 200 OK in 79ms (Views: 20.0ms | ActiveRecord: 13.7ms | Allocations: 16960)

Started GET "/" for 10.0.2.2 at 2021-03-08 21:17:04 +0900

Cannot render console from 10.0.2.2! Allowed networks: 127.0.0.0/127.255.255.255, ::1

(1.9ms) SELECT `schema_migrations`.`version` FROM `schema_migrations` ORDER BY `schema_migrations`.`version` ASC

Processing by DemoContentsController#top_page as HTML

TRANSACTION (1.4ms) BEGIN

↳ app/controllers/demo_contents_controller.rb:4:in `top_page'

Record Create (1.6ms) INSERT INTO `records` (`col1`, `created_at`, `updated_at`) VALUES ('abc', '2021-03-08 12:17:04.394262', '2021-03-08 12:17:04.394262')

↳ app/controllers/demo_contents_controller.rb:4:in `top_page'

TRANSACTION (3.4ms) COMMIT

↳ app/controllers/demo_contents_controller.rb:4:in `top_page'

Record Load (2.3ms) SELECT `records`.* FROM `records` WHERE `records`.`col1` = 'abc' LIMIT 1

↳ app/controllers/demo_contents_controller.rb:5:in `top_page'

READ

#<Record id: 1, col1: "abc", created_at: "2021-03-08 12:17:04.394262000 +0000", updated_at: "2021-03-08 12:17:04.394262000 +0000">

Rendering layout layouts/application.html.erb

Rendering demo_contents/top_page.html.erb within layouts/application

Rendered demo_contents/top_page.html.erb within layouts/application (Duration: 1.8ms | Allocations: 705)

[Webpacker] Everything's up-to-date. Nothing to do

Rendered layout layouts/application.html.erb (Duration: 16.2ms | Allocations: 6563)

Completed 200 OK in 79ms (Views: 20.0ms | ActiveRecord: 13.7ms | Allocations: 16960)

mysqlで登録されたレコードを確認すると、USTで保存されている。

mysql> SELECT * FROM records;
+----+------+----------------------------+----------------------------+
| id | col1 | created_at                 | updated_at                 |
+----+------+----------------------------+----------------------------+
|  1 | abc  | 2021-03-08 12:17:04.394262 | 2021-03-08 12:17:04.394262 |
+----+------+----------------------------+----------------------------+
1 row in set (0.00 sec)

mysql> SELECT * FROM records;

+----+------+----------------------------+----------------------------+

| id | col1 | created_at | updated_at |

+----+------+----------------------------+----------------------------+

| 1 | abc | 2021-03-08 12:17:04.394262 | 2021-03-08 12:17:04.394262 |

+----+------+----------------------------+----------------------------+

1 row in set (0.00 sec)

application.rbでタイムゾーンを設定

プロジェクトのconfig/aplication.rbに以下の1行を追加。

config.time_zone = 'Tokyo'

1	config.time_zone = 'Tokyo'

Railsサーバーを立ち上げなおして実行すると、表示がJSTになっている。

Started GET "/" for 10.0.2.2 at 2021-03-08 21:27:43 +0900
Cannot render console from 10.0.2.2! Allowed networks: 127.0.0.0/127.255.255.255, ::1
   (1.7ms)  SELECT `schema_migrations`.`version` FROM `schema_migrations` ORDER BY `schema_migrations`.`version` ASC
Processing by DemoContentsController#top_page as HTML
  Record Load (2.3ms)  SELECT `records`.* FROM `records` WHERE `records`.`col1` = 'abc' LIMIT 1
  ↳ app/controllers/demo_contents_controller.rb:5:in `top_page'
READ
#<Record id: 1, col1: "abc", created_at: "2021-03-08 21:17:04.394262000 +0900", updated_at: "2021-03-08 21:17:04.394262000 +0900">
  Rendering layout layouts/application.html.erb
  Rendering demo_contents/top_page.html.erb within layouts/application
  Rendered demo_contents/top_page.html.erb within layouts/application (Duration: 4.0ms | Allocations: 705)
[Webpacker] Everything's up-to-date. Nothing to do
  Rendered layout layouts/application.html.erb (Duration: 24.3ms | Allocations: 6563)
Completed 200 OK in 96ms (Views: 31.1ms | ActiveRecord: 13.3ms | Allocations: 14376)

Started GET "/" for 10.0.2.2 at 2021-03-08 21:27:43 +0900

Cannot render console from 10.0.2.2! Allowed networks: 127.0.0.0/127.255.255.255, ::1

(1.7ms) SELECT `schema_migrations`.`version` FROM `schema_migrations` ORDER BY `schema_migrations`.`version` ASC

Processing by DemoContentsController#top_page as HTML

Record Load (2.3ms) SELECT `records`.* FROM `records` WHERE `records`.`col1` = 'abc' LIMIT 1

↳ app/controllers/demo_contents_controller.rb:5:in `top_page'

READ

#<Record id: 1, col1: "abc", created_at: "2021-03-08 21:17:04.394262000 +0900", updated_at: "2021-03-08 21:17:04.394262000 +0900">

Rendering layout layouts/application.html.erb

Rendering demo_contents/top_page.html.erb within layouts/application

Rendered demo_contents/top_page.html.erb within layouts/application (Duration: 4.0ms | Allocations: 705)

[Webpacker] Everything's up-to-date. Nothing to do

Rendered layout layouts/application.html.erb (Duration: 24.3ms | Allocations: 6563)

Completed 200 OK in 96ms (Views: 31.1ms | ActiveRecord: 13.3ms | Allocations: 14376)

Rails – formヘルパーとCSRF対策

2021-03-08 / tau / コメントする

formヘルパーから生成されるタグ

たとえばfomr_tagヘルパーがレンダリングされると、formタグとhidden属性のinputタグが生成される。

<%= form_tag("/demo_contents/post_memo") do %>
↓
<form action="/demo_contents/post_memo" accept-charset="UTF-8" method="post">
<input type="hidden" name="authenticity_token" value="dN3WEdFwc6ZkCbiW_kMxFNPC_Ajz1BhnydL9kPbCcy3ZrcppdSYNHjitGKaRbvNuAQGxH_ihxcc6EjrK2AAUSA" />

<%= form_tag("/demo_contents/post_memo") do %>

↓

CSRF対策

form系のヘルパーで生成されるhiddenタイプのinputタグは、authenticity_tokenという名前でランダム文字列を値に持つ。

これはフォームに対する送信を確認するもので、Railsから送ったフォーム以外からの送信を排除するための仕掛け。

CSRF(Cross Site Request Forgeries)は、攻撃者のサイトへのリンクをクリックした場合に、そのサイトから意図しない送信が送られてしまうもの。

Railsではformヘルパーで生成されたトークンとサーバー内に持っているトークンが符合すれば、意図したフォームからの投稿と判断される。このためのメソッドがprotect_from_forgery。

Rails 5.2より前は、ApplicationControllerにprotect_from_forgeryが自動的に記述される。

class ApplicationController < ActionController::Base
  protect_from_forgery with: :exception
end

class ApplicationController < ActionController::Base

protect_from_forgery with: :exception

end

Rails 5.2以降はActionController::Baseで有効になっていて、追加記述の必要はない。

Rails – モデルによるDB操作の仕組み

2021-03-08 / tau / コメントする

概要

モデルによるデータベース操作を、できるだけ基本的な方法で行うことを試した。

またテーブル構造の変更に対して、マイグレーションを行わずにmysqlコンソールとコントロールファイル編集だけで対応できることを確認した。

モデルとテーブルの生成

モデルの生成

以下の様にモデルを生成する。このモデルは文字列型のフィールドを1つ持っている。

rails generate model record col1:string

[vagrant@localhost migrate]$ rails generate model record col1:string
Running via Spring preloader in process 24431
      invoke  active_record
      create    db/migrate/20210308054636_create_records.rb
      create    app/models/record.rb
      invoke    test_unit
      create      test/models/record_test.rb
      create      test/fixtures/records.yml

[vagrant@localhost migrate]$ rails generate model record col1:string

Running via Spring preloader in process 24431

invoke active_record

create db/migrate/20210308054636_create_records.rb

create app/models/record.rb

invoke test_unit

create test/models/record_test.rb

create test/fixtures/records.yml

app/models/record.rbが作成される。

class Record < ApplicationRecord
end

1 2	class Record < ApplicationRecord end

マイグレーションファイルも作成されていて、string型のフィールドが定義されている。

[vagrant@localhost demo_app]$ cat db/migrate/20210308054636_create_records.rb
class CreateRecords < ActiveRecord::Migration[6.1]
  def change
    create_table :records do |t|
      t.string :col1

      t.timestamps
    end
  end
end

[vagrant@localhost demo_app]$ cat db/migrate/20210308054636_create_records.rb

class CreateRecords < ActiveRecord::Migration[6.1]

def change

create_table :records do |t|

t.string :col1

t.timestamps

end

マイグレーション～テーブル生成

このモデルからマイグレーションによりテーブルを生成する。

rails db:migrate

[vagrant@localhost migrate]$ rails db:migrate
== 20210308054636 CreateRecords: migrating ====================================
-- create_table(:records)
   -> 0.0364s
== 20210308054636 CreateRecords: migrated (0.0365s) ===========================

[vagrant@localhost migrate]$ rails db:migrate

== 20210308054636 CreateRecords: migrating ====================================

-- create_table(:records)

-> 0.0364s

== 20210308054636 CreateRecords: migrated (0.0365s) ===========================

mysqlでテーブルが生成されていることと、そのテーブルの構造が確認できる。

mysql> show tables;
+-----------------------+
| Tables_in_demo_app_db |
+-----------------------+
| ar_internal_metadata  |
| records               |
| schema_migrations     |
+-----------------------+
3 rows in set (0.00 sec)

mysql> desc records;
+------------+--------------+------+-----+---------+----------------+
| Field      | Type         | Null | Key | Default | Extra          |
+------------+--------------+------+-----+---------+----------------+
| id         | bigint       | NO   | PRI | NULL    | auto_increment |
| col1       | varchar(255) | YES  |     | NULL    |                |
| created_at | datetime(6)  | NO   |     | NULL    |                |
| updated_at | datetime(6)  | NO   |     | NULL    |                |
+------------+--------------+------+-----+---------+----------------+
4 rows in set (0.00 sec)

mysql> show tables;

+-----------------------+

| Tables_in_demo_app_db |

+-----------------------+

| ar_internal_metadata |

| records |

| schema_migrations |

+-----------------------+

3 rows in set (0.00 sec)

mysql> desc records;

+------------+--------------+------+-----+---------+----------------+

+------------+--------------+------+-----+---------+----------------+

| id | bigint | NO | PRI | NULL | auto_increment |

| col1 | varchar(255) | YES | | NULL | |

+------------+--------------+------+-----+---------+----------------+

4 rows in set (0.00 sec)

モデルの構造の確認

コントローラーからモデルの内容を出力させる。

class DemoContentsController < ApplicationController
  def top_page
    puts "EXAMPLE"
    record = Record.new
    p record
  end
end

class DemoContentsController < ApplicationController

def top_page

puts "EXAMPLE"

record = Record.new

p record

end

トップページを出力させると、サーバー実行中のコンソールに以下が出力される。

app/controllers/demo_contents_controller.rb:4:in `top_page'
Started GET "/" for 10.0.2.2 at 2021-03-** **:**:** +0900
Cannot render console from 10.0.2.2! Allowed networks: 127.0.0.0/127.255.255.255, ::1
Processing by DemoContentsController#top_page as HTML
EXAMPLE
#<Record id: nil, col1: nil, created_at: nil, updated_at: nil>

app/controllers/demo_contents_controller.rb:4:in `top_page'

Started GET "/" for 10.0.2.2 at 2021-03-** **:**:** +0900

Cannot render console from 10.0.2.2! Allowed networks: 127.0.0.0/127.255.255.255, ::1

Processing by DemoContentsController#top_page as HTML

EXAMPLE

#<Record id: nil, col1: nil, created_at: nil, updated_at: nil>

Railsデフォルトのid、created_at、updated_atに加えてcol1が要素に加わっている。

データの登録確認

トップページアクセス時にレコードを1つ登録する。レコードのフィールドはハッシュで指定する。

lass DemoContentsController < ApplicationController
  def top_page
    puts "EXAMPLE"
    record = Record.new({col1: 'abc'})
    p record
    record.save
  end
end

lass DemoContentsController < ApplicationController

def top_page

puts "EXAMPLE"

record = Record.new({col1: 'abc'})

p record

record.save

end

Railsサーバーのコンソールに以下が出力され、データが生成・登録されていることがわかる。

app/controllers/demo_contents_controller.rb:6:in `top_page'
Started GET "/" for 10.0.2.2 at 2021-03-** **:**:** +0900
Cannot render console from 10.0.2.2! Allowed networks: 127.0.0.0/127.255.255.255, ::1
Processing by DemoContentsController#top_page as HTML
EXAMPLE
#<Record id: nil, col1: "abc", created_at: nil, updated_at: nil>
  TRANSACTION (2.7ms)  BEGIN
  ↳ app/controllers/demo_contents_controller.rb:6:in `top_page'
  Record Create (2.4ms)  INSERT INTO `records` (`col1`, `created_at`, `updated_at`) VALUES ('abc', '2021-03-** **:**:**.501886', '2021-03-** **:**:**.501886')
  ↳ app/controllers/demo_contents_controller.rb:6:in `top_page'
  TRANSACTION (9.4ms)  COMMIT

app/controllers/demo_contents_controller.rb:6:in `top_page'

Started GET "/" for 10.0.2.2 at 2021-03-** **:**:** +0900

Cannot render console from 10.0.2.2! Allowed networks: 127.0.0.0/127.255.255.255, ::1

Processing by DemoContentsController#top_page as HTML

EXAMPLE

#<Record id: nil, col1: "abc", created_at: nil, updated_at: nil>

TRANSACTION (2.7ms) BEGIN

↳ app/controllers/demo_contents_controller.rb:6:in `top_page'

Record Create (2.4ms) INSERT INTO `records` (`col1`, `created_at`, `updated_at`) VALUES ('abc', '2021-03-** **:**:**.501886', '2021-03-** **:**:**.501886')

↳ app/controllers/demo_contents_controller.rb:6:in `top_page'

TRANSACTION (9.4ms) COMMIT

mysqlでもテーブルへの登録状況が確認できる。

mysql> SELECT * FROM records;
+----+------+----------------------------+----------------------------+
| id | col1 | created_at                 | updated_at                 |
+----+------+----------------------------+----------------------------+
|  1 | abc  | 2021-03-** **:**:**.501886 | 2021-03-** **:**:**.501886 |
+----+------+----------------------------+----------------------------+
1 row in set (0.00 sec)

mysql> SELECT * FROM records;

+----+------+----------------------------+----------------------------+

| id | col1 | created_at | updated_at |

+----+------+----------------------------+----------------------------+

| 1 | abc | 2021-03-** **:**:**.501886 | 2021-03-** **:**:**.501886 |

+----+------+----------------------------+----------------------------+

1 row in set (0.00 sec)

データの読み込み確認

トップページ読み込み時にデータベースを読み込んで表示するように変更する。

class DemoContentsController < ApplicationController
  def top_page
    puts "EXAMPLE"
    records = Record.all
    p records
  end
end

class DemoContentsController < ApplicationController

def top_page

puts "EXAMPLE"

records = Record.all

p records

end

出力は以下のとおりで、データベースの内容が読みだされている。

app/controllers/demo_contents_controller.rb:5:in `top_page'
.....
EXAMPLE
  Record Load (2.0ms)  SELECT `records`.* FROM `records` /* loading for inspect */ LIMIT 11
  ↳ app/controllers/demo_contents_controller.rb:5:in `p'
#<ActiveRecord::Relation [#<Record id: 1, col1: "abc", created_at: "2021-03-** **:**:**.501886000 +0000", updated_at: "2021-03-** **:**:**.501886000 +0000">]>

app/controllers/demo_contents_controller.rb:5:in `top_page'

.....

EXAMPLE

Record Load (2.0ms) SELECT `records`.* FROM `records` /* loading for inspect */ LIMIT 11

↳ app/controllers/demo_contents_controller.rb:5:in `p'

#<ActiveRecord::Relation [#<Record id: 1, col1: "abc", created_at: "2021-03-** **:**:**.501886000 +0000", updated_at: "2021-03-** **:**:**.501886000 +0000">]>

MySQLでのテーブル変更

以下の様にmysqlで直接テーブルにフィールドを加える。

mysql> ALTER TABLE records ADD col2 INT;
Query OK, 0 rows affected (0.03 sec)
Records: 0  Duplicates: 0  Warnings: 0

mysql> SELECT * FROM records;
+----+------+----------------------------+----------------------------+------+
| id | col1 | created_at                 | updated_at                 | col2 |
+----+------+----------------------------+----------------------------+------+
|  1 | abc  | 2021-03-** **:**:**.501886 | 2021-03-** **:**:**.501886 | NULL |
+----+------+----------------------------+----------------------------+------+
1 row in set (0.00 sec)

mysql> ALTER TABLE records ADD col2 INT;

Query OK, 0 rows affected (0.03 sec)

Records: 0 Duplicates: 0 Warnings: 0

mysql> SELECT * FROM records;

+----+------+----------------------------+----------------------------+------+

| id | col1 | created_at | updated_at | col2 |

+----+------+----------------------------+----------------------------+------+

| 1 | abc | 2021-03-** **:**:**.501886 | 2021-03-** **:**:**.501886 | NULL |

+----+------+----------------------------+----------------------------+------+

1 row in set (0.00 sec)

Railsで変更後テーブルへの書き込み

トップページアクセス時に、フィールド追加後のテーブルに新たなデータを書き込むように変更。

class DemoContentsController < ApplicationController
  def top_page
    puts "EXAMPLE"
    record = Record.new({col1: 'ABC', col2: 123})
    p record
    record.save
  end
end

class DemoContentsController < ApplicationController

def top_page

puts "EXAMPLE"

record = Record.new({col1: 'ABC', col2: 123})

p record

record.save

end

トップページ表示時にデータが登録され、テーブルは以下の様に更新されている。

mysql> SELECT * FROM records;
+----+------+----------------------------+----------------------------+------+
| id | col1 | created_at                 | updated_at                 | col2 |
+----+------+----------------------------+----------------------------+------+
|  1 | abc  | 2021-03-** **:**:**.501886 | 2021-03-** **:**:**.501886 | NULL |
|  2 | ABC  | 2021-03-** **:**:**.219484 | 2021-03-** **:**:**.219484 |  123 |
+----+------+----------------------------+----------------------------+------+
2 rows in set (0.00 sec)

mysql> SELECT * FROM records;

+----+------+----------------------------+----------------------------+------+

| id | col1 | created_at | updated_at | col2 |

+----+------+----------------------------+----------------------------+------+

| 1 | abc | 2021-03-** **:**:**.501886 | 2021-03-** **:**:**.501886 | NULL |

| 2 | ABC | 2021-03-** **:**:**.219484 | 2021-03-** **:**:**.219484 | 123 |

+----+------+----------------------------+----------------------------+------+

2 rows in set (0.00 sec)

Rails – プロジェクトでのデータベース準備

2021-03-08 / tau / コメントする

概要

Railsでモデルによりフォームやデータベースとのやり取りをする流れ。

プロジェクト生成時にDBMSを指定
database.ymlを編集してデータベースを生成
モデルを生成
マイグレーションでテーブルを生成
モデルでフォームデータを取得
モデルでテーブルを読み書き

プロジェクト生成時

プロジェクト生成時にDBMSを指定する。

Rails2.0.2以降ではデフォルトデータベースがMySQLからSQLiteに変更
MySQLを使う場合、プロジェクト生成時に以下の様に指定

rails generate project_name -d mysql rails generrate project_name --database=mysql

データベースの生成・操作

database.ymlの編集

config/database.ymlファイルの内容を設定・変更

default: &default
  #adapter: sqlite3
  adapter: mysql2 # MySQLを使う設定になっているか確認
  pool: <%= ENV.fetch("RAILS_MAX_THREADS") { 5 } %>
  timeout: 5000
  encoding: utf8
  username: root  # MySQLのユーザー名を確認
  password: ****  # MySQLのパスワードを確認

development:
  <<: *default
  #database: db/development.sqlite3
  database: ****  # 利用するDB名を設定

test:
  <<: *default
  #database: db/test.sqlite3
  database: ****  # 利用するDB名を設定またはコメントアウト

production:
  <<: *default
  #database: db/production.sqlite3 # 利用するDB名を設定またはコメントアウト

default: &default

#adapter: sqlite3

adapter: mysql2 # MySQLを使う設定になっているか確認

pool: <%= ENV.fetch("RAILS_MAX_THREADS") { 5 } %>

timeout: 5000

encoding: utf8

username: root # MySQLのユーザー名を確認

password: **** # MySQLのパスワードを確認

development:

<<: *default

#database: db/development.sqlite3

database: **** # 利用するDB名を設定

test:

<<: *default

#database: db/test.sqlite3

database: **** # 利用するDB名を設定またはコメントアウト

production:

<<: *default

#database: db/production.sqlite3 # 利用するDB名を設定またはコメントアウト

データベースの生成

以下のコマンドでdatabase.ymlの設定に従ってデータベースを生成。

rails db:create

データベースの確認

以下のいずれかの方法で、アプリケーションのデータベースを確認できる。

mysql -u user -pを実行してMySQLのコンソールに入る
プロジェクトディレクトリー内でrails dbconsoleを実行して、アプリケーションが使うデータベースをuseした状態でMySQLのコンソールに入る

データベースの削除

以下のコマンドでアプリケーションで使っているデータベースが削除される。有無を言わさずすべてのテーブルごと消えてしまうので注意。

rails db:drop

実行例

database.yml

データベース名を設定する。以下はdemo_appアプリケーションでdemo_app_dbを使う設定。

[vagrant@localhost demo_app]$ cat config/database.yml
.....
default: &default
  adapter: mysql2
  encoding: utf8mb4
  pool: <%= ENV.fetch("RAILS_MAX_THREADS") { 5 } %>
  username: root
  password: vagrant
  socket: /var/lib/mysql/mysql.sock

development:
  <<: *default
  database: demo_app_db
.....

[vagrant@localhost demo_app]$ cat config/database.yml

.....

default: &default

adapter: mysql2

encoding: utf8mb4

pool: <%= ENV.fetch("RAILS_MAX_THREADS") { 5 } %>

username: root

password: vagrant

socket: /var/lib/mysql/mysql.sock

development:

<<: *default

database: demo_app_db

.....

データベースの生成

rails db:createコマンドでdatabase.ymlの設定を使ってデータベースを作成する。

[vagrant@localhost demo_app]$ rails db:create
Created database 'demo_app_db'

1 2	[vagrant@localhost demo_app]$ rails db:create Created database 'demo_app_db'

rails dbconsoleコマンドでデータベースが作成されたことを確認。

mysql> show databases;
+--------------------+
| Database           |
+--------------------+
| demo_app_db        |
| information_schema |
| mysql              |
| performance_schema |
| sys                |
| testdb             |
+--------------------+
6 rows in set (0.00 sec)

mysql> show databases;

+--------------------+

| Database |

+--------------------+

| demo_app_db |

| information_schema |

| mysql |

| performance_schema |

| sys |

| testdb |

+--------------------+

6 rows in set (0.00 sec)