[ShopifyApp]ブログ記事にいいねボタンを設置Part5「データベースに記事タイトル追加」　Remixでアプリ作成 #005

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。

今日はPrismaで作成したLikeのテーブルに記事タイトルを入れておくのを忘れてしまってたのでそれを追加しておきます。次回アプリのダッシュボードで記事毎のいいね数を一覧で表示させたいのでそれの準備です。

（テーブル作る時に先に作っておけば良かった。。。）

▼前回の続き

✔️今日のゴール

【ご購入前のご注意】
※返金&サポート&コメント返信はしておりません。メンバーシップの「スタンダードプラン」でのみ対応しています
※コードのみのご紹介で解説などはしておりません。
※2024.5時点のコードです。メンテナンスは今後する予定はありません。
※環境やバージョンによりうまく動作しない可能性はあるかもしれません。

✔️作成手順

📌Step1 　PrismaのLIKEテーブルに記事タイトルを追加

❶まずはPrismaスタジオ開いて現在のデータをすべて削除

npm run prisma studio

すべて選択してデリート

❷schema.prismaファイルを開いてLikeモデルに

articleTitle String

を追加。下記のようになっているはず。

model Like {
  id        Int      @id @default(autoincrement())
  articleID String
  articleTitle String
  userID    String
  createdAt DateTime @default(now())
}

これでマイグレーションする。ファイル名なんでもいいです。下記で実行してみました。

npx prisma migrate dev --name add_article_title_to_like

これでarticleTitleのテーブルができました。

次は、バックエンドとフロントに紐付け。

📌Step２ 　バックエンド：Action内を変更

下記のように記事タイトル関連を追加