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

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

2022-08-089 min read

目次

  1. はじめに
  2. プロジェクト作成
  3. dbの用意
  4. prisma-スキーマ定義
  5. selectinsert-の実装

はじめに

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 { PrismaClient, Prisma } 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
  }
]
Tags
javascript(103)
linux(54)
amazon%20aws(47)
node.js(43)
%E3%82%A2%E3%83%AB%E3%82%B4%E3%83%AA%E3%82%BA%E3%83%A0(36)
typescript(33)
%E7%94%BB%E5%83%8F%E5%87%A6%E7%90%86(30)
html5(29)
php(24)
centos(24)
python(22)
%E7%AB%B6%E6%8A%80%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0(21)
mac(21)
mysql(19)
canvas(18)
opencv(17)
%E9%9B%91%E8%AB%87(16)
docker(16)
wordpress(15)
atcoder(14)
apache(12)
%E6%A9%9F%E6%A2%B0%E5%AD%A6%E7%BF%92(12)
%E3%83%87%E3%83%BC%E3%82%BF%E3%83%99%E3%83%BC%E3%82%B9(12)
amazon%20s3(12)
red%20hat(12)
ubuntu(11)
github(10)
git(10)
vue.js(10)
%E7%94%BB%E5%83%8F%E5%87%A6%E7%90%86100%E6%9C%AC%E3%83%8E%E3%83%83%E3%82%AF(10)
mariadb(10)
aws%20cdk(9)
css3(8)
%E5%8F%AF%E8%A6%96%E5%8C%96(8)
%E5%B0%8F%E3%83%8D%E3%82%BF(8)
amazon%20lightsail(7)
react(7)
%E3%83%96%E3%83%AD%E3%82%B0(6)
cms(6)
oracle(6)
perl(6)
gitlab(6)
next.js(6)
prisma(6)
iam(5)
amazon%20ec2(5)
%E8%B3%87%E6%A0%BC%E8%A9%A6%E9%A8%93(5)
aws%20amplify(5)
nestjs(5)
curl(4)
Author
githubzennqiita
ただの備忘録です。※このブログの内容は個人の見解であり、所属する組織等の見解ではないです。