express를vercel에 설정하기

요약:


node/express를vercel에 디버깅하는 데 사용하는 예

프로비저닝

  • express
  • node.js: 14
  • vercel
  • typescript
  • 연관성


    참조 코드


    https://github.com/kuc-arc-f/express_2021ts_pub

    설정

  • vercel.json을 추가합니다.
    
    {
      "version": 2,
      "builds": [
        {
          "src": "dist/src/index.js",
          "use": "@vercel/node"
        }
      ],
      "routes": [
        {
          "src": "/.*",
          "dest": "/dist/src/index.js"
        }
      ]
    }
    
  • package.json
  • {
      "scripts": {
        "start": "ts-node src/index.ts",
        "build": "rimraf dist && tsc",
        "deploy": "npm run build && vercel --prod"
      },
      "devDependencies": {
        "@types/express": "^4.17.8",
        "rimraf": "^3.0.2",
        "ts-node": "^9.1.1",
        "typescript": "^4.0.2"
      },
      "dependencies": {
        "express": "^4.17.1"
      }
    }
    
    
  • src/index.ts, 라우팅/만 설정합니다
  • index.ts
    
    const express = require('express');
    const app = express();
    
    app.use(express.json());
    app.use(express.urlencoded({ extended: true }));
    
    app.get('/', (req: any, res: any) => {
      try {
        res.send({ name: "hoge" });
      } catch (error) {
        res.sendStatus(500);
      }
    });
    
    //app.listen(process.env.PORT || 3000);
    app.listen({ port: 3000 }, () => {
      console.log(`Server ready at http://localhost:3000`);
    });
    console.log('starts');
    
    export default app;
    
    4
  • 테스트 시작/로컬
  • yarn build
    yarn start
    
    
    4
  • vercel depro는github를 통해 디자인되었습니다
  • 도메인을 설정합니다.vercel.앱을 열면 페이지가 열립니다.
    ....

    좋은 웹페이지 즐겨찾기