Prisma TypeScript MySQLなプロジェクトの構築

はじめに

Prisma TypeScript MySQL な構成でプロジェクトの作成をしてみました。

プロジェクト作成

以下のコマンドでプロジェクトを作成します。

mkdir prisma-test
cd prisma-test
npm init -y
npm install prisma typescript ts-node @types/node --save-dev
npx prisma init

DBの用意

dockerイメージを利用してMySQLを起動します。

docker-compose.yml

services:
  db:
    image: mysql:8
    container_name: mysql_host
    environment:
      MYSQL_ROOT_PASSWORD: root
      MYSQL_DATABASE: app
      MYSQL_USER: docker
      MYSQL_PASSWORD: docker
      TZ: 'Asia/Tokyo'
    command: mysqld --character-set-server=utf8mb4 --collation-server=utf8mb4_general_ci
    ports:
    - 3306:3306

ファイル設定後、起動します。

docker-compose up -d

prisma スキーマ定義

次の定義のとおり、スキーマファイルを編集します。

prisma/schema.prisma

datasource db {
  provider = "mysql"
  url      = env("DATABASE_URL")
}

generator client {
  provider = "prisma-client-js"
}

model Post {
  id        Int      @id @default(autoincrement())
  title     String
  content   String?
  published Boolean  @default(false)
  author    User?    @relation(fields: [authorId], references: [id])
  createdAt DateTime @default(now())
  updateAt  DateTime @default(now()) @updatedAt
  authorId  Int?
}

model User {
  id        Int      @id @default(autoincrement())
  email     String   @unique
  name      String?
  createdAt DateTime @default(now())
  updateAt  DateTime @default(now()) @updatedAt
  posts     Post[]
}

編集が終わったらマイグレーションを行います。

npx prisma migrate dev --name init

./prisma
├── migrations
│   ├── 20220806061556_init
│   │   └── migration.sql
│   └── migration_lock.toml
└── schema.prisma

SELECT/INSERT の実装

次に、実行ファイルであるmain.tsを作成します。

import { Prisma, PrismaClient } from '@prisma/client';

const prisma = new PrismaClient();

async function main() {
  await prisma.user.create({
    data: {
      name: 'あああ',
      email: `alice-${new Date().getTime()}@example.com`,
      posts: {
        create: { title: 'Hello World' },
      },
    },
  });
  const allUsers = await prisma.user.findMany();
  console.log(allUsers);
}

main()
  .catch((e) => {
    throw e;
  })
  .finally(async () => {
    await prisma.$disconnect();
  });

編集が終わったら実行します。

npx ts-node ./main.ts

結果が次のように出力されます。

[
  {
    id: 1,
    email: 'alice-1659767646486@prisma.io',
    name: 'Alice',
    createdAt: 2022-08-06T06:34:06.587Z,
    updateAt: 2022-08-06T06:34:06.587Z
  },
  {
    id: 2,
    email: 'alice-1659767649969@prisma.io',
    name: 'Alice',
    createdAt: 2022-08-06T06:34:10.013Z,
    updateAt: 2022-08-06T06:34:10.013Z
  },
  {
    id: 3,
    email: 'alice-1659767659377@prisma.io',
    name: 'あああ',
    createdAt: 2022-08-06T06:34:19.418Z,
    updateAt: 2022-08-06T06:34:19.418Z
  }
]