express, postgres 및 Graphql과 함께 Prisma를 사용하는 방법은 무엇입니까?

이 새 블로그에 오신 것을 환영합니다. 이 블로그에서는 익스프레스 서버의 도움으로 API를 설정하는 방법을 배웁니다. Express 서버에 graphql을 통합하는 방법을 배웁니다.

GitHub 링크 — https://github.com/nextdev1111/prisma-postgres-graphql-express

📒참고


  • 이 프로젝트에 **pnpm 을 사용할 예정이지만 튜토리얼에서 **npm으로 수행하는 방법을 보여줍니다.
  • 이 프로젝트에서는 **typescript **를 사용할 것입니다.

  • 1단계: 📦 설정



    원하는 이름으로 폴더를 만드십시오. 하지만 npm 명명 제한을 고려해야 합니다.

    그런 다음 이 명령을 실행합니다.

    npm init -y
    

    src라는 다른 폴더를 만듭니다. src 폴더에 **index.ts **라는 파일을 만듭니다.

    [root folder]
    
    --- src
    --- --- index.ts
    

    타입스크립트를 설정하려면







    그런 다음 터미널에 이 명령을 입력하십시오




    npm i
    

    이렇게 하면 모든 종속 항목이 설치됩니다.



    'npm install' 명령은 설치 중에 모든 종속성과 devDependencies를 자동으로 추가해야 합니다.



    그런 다음 👇을 입력하여 **tsconfig **파일을 만듭니다.



    npm tsc --init
    

    2단계: 🗃️ postgres 데이터베이스로 Prisma 설정



    터미널에 이 명령을 입력하세요



    npm prisma init
    

    Prisma는 루트 폴더에 두 가지를 설정합니다.



    <올>
  • Prisma 폴더

  • .env 파일



  • prisma 폴더에서 schema.prisma 파일을 찾을 수 있습니다.



    <script id="gist-ltag"src="https://gist.github.com/nextdev1111/a62ac56f49d630634be2a6f6e20b6c8a.js"/>





    지금 데이터베이스를 추가해 보겠습니다.



    https://railway.app/로 이동



    새 프로젝트 시작을 클릭하십시오



    PostgreSQL 데이터베이스를 설정할 수 있습니다. 문제가 발견되면 YouTube 동영상을 시청할 수도 있습니다.







    그런 다음 postgresql 데이터베이스 연결 키를 복사해야 합니다



    그런 다음 .env 프로젝트의 루트 폴더로 이동합니다.



    그런 다음 .env 파일에서 연결 문자열을 변경합니다.



    → 연결 문자열에 암호도 포함해야 합니다.



    그런 다음 입력하십시오




    prisma db push
    

    ⚠️오류



    오류가 발생하면 연결 문자열을 확인해야 합니다.


    3단계: ✨익스프레스 서버



    기본 익스프레스 서버입니다



    <script id="gist-ltag"src="https://gist.github.com/nextdev1111/cba7ea80d1064f861eea39f510f74eec.js"/>





    데이터베이스에 항목을 추가하려는 경우.



    프리즈마 스튜디오를 이용하셔도 됩니다




    npm prisma studio
    

    4단계: 💪Grahpql 통합




    <script id="gist-ltag"src="https://gist.github.com/nextdev1111/c2e844de2c331607ecf0adf60ddbabea.js"/>





    이 경로에서 graphiql을 사용할 수 있습니다.




    [http://localhost:3000/graphql](http://localhost:3000/graphql)
    


    질문하고 싶은 것이 있으면 편하게 물어보세요👇

    Join the Next Dev Discord Server!

    좋은 웹페이지 즐겨찾기