![見出し画像](https://assets.st-note.com/production/uploads/images/35027539/rectangle_large_type_2_0115d5ac8a48a2f9dc18bd98cd15a194.jpeg?width=1200)
TECHCAMP学習47日目
【ChatAppのフロント実装】続き
チャット画面の実装
最後、Fetch originボタンをクリックしてもPull originボタンが出てこず、メンターさんに質問。
なぜかother branchにmasterが入っていた。
current branchにmasterを入れる必要がある。
settingからbranchesに入って、default branchでmasterを選択してupdate
デスクトップGithubに戻ってもう一度マージし直してmasterに反映。
【ChatAppのユーザー管理機能を実装】
deviseを用いてユーザー管理機能を実装
サインアップ機能ログイン機能
ログアウト機能
ユーザー編集機能
1 deviseのGemをインストール
Gemfileにgem’devise’ bundle install
2コマンドを実行してUserモデルを作成
rails g devise user
3カラムを記述してマイグレーションを実行
t.string :name, null: false
rails db:migrate
4ログイン画面に遷移するように実装
before_action :authenticate_user!
5ユーザーの名前をDBに保存できるようにする
configure_permitted_parametersメソッド
6ユーザー編集画面が表示されるようにする
resources :users, only: [:edit, :update]
rails g controller users にeditアクションを追記
7ユーザー編集した内容が更新されるように実装
updateアクションをusersコントローラーに定義
8情報更新成功後、チャット画面に遷移する
if else の条件分岐 アップデートに成功→トップ画面、失敗→編集画面
9サイドバーからユーザー編集ページに遷移できるように実装
link_toを使用
10ログアウト機能を実装
editビューファイルでlink_toでログアウトパスを指定
11バリデーションを設定
validates :name, presence: true
この記事が気に入ったらサポートをしてみませんか?