heroku 실습 복습하기

출처

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

사용법

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

순서

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 가 너가 보낸거지?"} 잘 반환되는 것을 확인 할 수 있다.