３回目のものもnoteには投稿したけれど、
こちらでは復習も兼ねて３回と４回をまとめて記載していきます！
（長くなりそうなので、何回かに分けます！）

最終目的：sinatraで簡易的な掲示板アプリを作る

今回は掲示板アプリなのでcreate_board_contets.rbファイルを作成。
$ touch create_board_contets.rb

create_board_contets.rb

require 'pg'

# herokuから持ってきた情報を記入
conn = PG::connect(
  host: '',
  user: '',
  password: '',
  dbname: '',
  port: ''
)
conn.exec("
  CREATE TABLE board_contents (
    id serial,
    name text,
    comment text,
    commented_at timestamp,
    PRIMARY KEY (id)
  );"
)

テーブルを作成するために、rubyファイルを実行。
$ ruby create_board_contets.rb
これでデータベースにboard_contentsというテーブルが作成される！

PGcommanderでも確認。

board_contentsからデータを持ってくるために、
app.rbを修正する。

app.rb

get '/' do
	
  conn = PG::connect(
    host: '',
    user: '',
    password: '',
    dbname: '',
    port: '5432'
  )

  @data = conn.exec("select * from board_contents;")
  conn.finish
  erb :index
end

ビューに反映させるためにindex.erbも修正。

index.erb

<h1>hello world</h1>
<ul>
<% @data.each do |mes| %>
  <li><%= mes["id"] %>
    /
    <%= mes["name"] %>
    /
    <%= mes["comment"] %>
  </li>
<% end %>
</ul>

このままだと、データの情報丸見えなので、
DBの接続情報を隠すためにdotenvを導入する。

Gemfile.

source "https://rubygems.org"

git_source(:github) {|repo_name| "https://github.com/#{repo_name}" }

# gem "rails"

gem 'sinatra'
gem 'sinatra-contrib'
gem 'pg'
gem 'dotenv' # ここを追記

$ bundle installを忘れずに。

環境変数を設定する**.env**ファイルを新規作成する。

env.

DATABASE_HOST=''
DATABASE_USER=''
DATABASE_PASSWORD=''
DATABASE_NAME=''
DATABASE_PORT=''

.envから取得した情報でpostgresqlにアクセスするために、
app.rbを修正する。

app.rb

require 'sinatra'
require 'sinatra/reloader'
require 'pg'
require 'dotenv/load' # 追加

get '/' do
  conn = PG::connect(
    host: ENV['DATABASE_HOST'], ⇦環境変数
    user: ENV['DATABASE_USER'],
    password: ENV['DATABASE_PASSWORD'],
    dbname: ENV['DATABASE_NAME'],
    port: ENV['DATABASE_PORT']
  )
  @data = conn.exec("select * from board_contents;")
  conn.finish
  erb :index
end

ここまで出来れば、いよいよ投稿フォームを作成していきます。
・formを使ってPOSTリクエストを実行できるようにする。

index.erb

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <ul>
      <% @data.each do |mes| %>
        <li><%= mes["id"] %>/<%= mes["name"] %>/<%= mes["comment"] %></li>
      <% end %>
    </ul>
    <form action="/comments" method="post">
      名前：<input type="text" name="name">
      コメント：<input type="text" name="comment">
			<!-- 送信ボタン -->
      <input type="submit" value="送信する">
    </form>
  </body>
</html>

一度確認してみると、無事表示されました。
↓↓

ですがformのアクションを実行する処理がまだなので、
POSTメソッドを追加していきます。

app.rb

# 下記を追記
post '/comments' do
  p params["name"]
  p params["comment"]
end

POSTされたデータをDBへ保存する処理をする。

さっき追記したpostの部分を以下に修正。

app.rb

post '/comments' do
	# paramsでデータを受け取る
	name = params["name"]
  comment = params["comment"]
	# dbに接続
	conn = PG::connect(
    host: ENV['DATABASE_HOST'],
    user: ENV['DATABASE_USER'],
    password: ENV['DATABASE_PASSWORD'],
    dbname: ENV['DATABASE_NAME'],
    port: ENV['DATABASE_PORT']
  )
	# sqlを組み立てる
	sql = "INSERT INTO board_contents (name, comment) VALUES ('#{name}', '#{comment}');"
  # sqlを実行する
	@data = conn.exec(sql)
end

PG commanderなどのツールで反映されているか確認する！

無事、反映されてます！

これで簡単な掲示板アプリの完成です。

データベース接続処理を関数化してみる。

app.rb

# 文字列で受け取ったsqlを実行する関数
def postgres(sql)
  conn = PG::connect(
    host: ENV['DATABASE_HOST'],
    user: ENV['DATABASE_USER'],
    password: ENV['DATABASE_PASSWORD'],
    dbname: ENV['DATABASE_NAME'],
    port: ENV['DATABASE_PORT']
  )
  data = conn.exec(sql)
  conn.finish
  data
end

get '/' do
  @data = postgres("select * from board_contents;")
  erb :index
end

post '/comments' do
	name = params["name"]
  comment = params["comment"]
  sql = "INSERT INTO board_contents (name, comment) VALUES ('#{name}', '#{comment}');"
  @data = postgres(sql)
  redirect '/'
end

さらに、module化もしてみる。

$ touch mydatabase.rb

mydatabase.rb

require 'pg'
require 'dotenv/load'

module Mydatabase
  def self.exec(sql)
    @conn = PG.connect(
        host: ENV['DATABASE_HOST'],
        user: ENV['DATABASE_USER'],
        password: ENV['DATABASE_PASSWORD'],
        dbname: ENV['DATABASE_NAME'],
        port: ENV['DATABASE_PORT']
    )
    data = @conn.exec(sql)
    @conn.finish
    data
  end
end

app.rbも修正する。

app.rb

require 'sinatra'
require 'sinatra/reloader'
require 'pg'
require 'dotenv/load'
require './mydatabase' # moduleの読み込み

get '/' do
	# moduleを使ったDBアクセス
  @data = Mydatabase.exec("select * from board_contents;")
  erb :index
end

post '/comments' do
  name = params["name"]
  comment = params["comment"]
  sql = "INSERT INTO board_contents (name, comment) VALUES ('#{name}', '#{comment}');"
  # moduleを使ったDBアクセス
	@data = Mydatabase.exec(sql)
  redirect '/'
end

念の為、ちゃんと表示されているか確認。

無事、module化も完了！

今回の勉強会では最後にスクレイピングもやりました。
こちらはまた長くなりそうなので、
別でもまとめていきたいと思います。