heroku 실습 복습하기

12577 단어 node.jsnode.js

출처

아래 내용은 해당 코드를 따른다.

사용법

아래 내용은 해당 명령을 따른다.

순서

  1. heroku app하나 만들기 => exam0421로 만듬
  2. 폴더 하나 만들기
  3. heroku login 명령어를 통해 heroku 연결하기 (웹사이트로 간단히 접속)
  4. git init 명령어 사용 =>git push위해서
  5. heroku git:remote -a exam0421하기
  6. npm init 명령어 실행으로 package.json설치
  7. npm install express / npm install cors 각각 명령실행
  8. package.json 파일에 "start": "node app.js"추가
  9. app.js 코드 작성
  10. git add * / commit / push 하기 (쓴이는 node_modules는 push 안했는데도 정상 동작했던 것 같다.)
  11. https://exam0421.herokuapp.com/gets 해당 부분 확인하기
  12. https://exam0421.herokuapp.com/posts에 명령 보내보기

app.js

1) commonJS

const express  = require('express');
const app = express();
const cors = require('cors');
app.use(express.json());
app.use(cors());

const getResult = {'get' : 'get~~~'}

app.get('/gets',(req,res)=>{
  res.status(201).send(getResult);
})

app.post('/posts',(req,res)=>{
  res.status(201).send({'posts':req.body.name + ' 가 너가 보낸거지?'});
})

app.listen(process.env.PORT || 5000)

2) ES6

import express from 'express';
import cors from 'cors';
const app = express();
app.use(express.json());
app.use(cors());

const getResult = {'get' : 'get~~~'}

app.get('/gets',(req,res)=>{
  res.status(201).send(getResult);
})

app.post('/posts',(req,res)=>{
  res.status(201).send({'posts':req.body.name + ' 가 너가 보낸거지?'});
})

app.listen(process.env.PORT || 5000)
  • package.json 에 추가로 "type" : "module" 추가

1. get명령어 사용하기

https://exam0421.herokuapp.com/gets 해당 부분에 들어가면
코드에 있는 getResult를 send하므로
{'get' : 'get~~~'}가 나오는 것을 확인 할 수 있다.

2. post명령어 사용하기

크롬 콘솔에서

fetch('https://exam0421.herokuapp.com/posts',{method:"POST",headers:{"Content-Type" : "application/json"},body:JSON.stringify({'name':'misaka'})}).then(res=>res.json()).then((data)=>{console.log(data)})

해당 명령을 실행하면 Promise가 나온 후

{posts: "misaka 가 너가 보낸거지?"} 잘 반환되는 것을 확인 할 수 있다.

좋은 웹페이지 즐겨찾기