heroku 실습 복습하기
출처
아래 내용은 해당 코드를 따른다.
사용법
아래 내용은 해당 명령을 따른다.
순서
- heroku app하나 만들기 => exam0421로 만듬
- 폴더 하나 만들기
heroku login
명령어를 통해 heroku 연결하기 (웹사이트로 간단히 접속)git init
명령어 사용 =>git push위해서heroku git:remote -a exam0421
하기npm init
명령어 실행으로 package.json설치npm install express
/npm install cors
각각 명령실행- package.json 파일에
"start": "node app.js"
추가- app.js 코드 작성
- git add * / commit / push 하기 (쓴이는
node_modules
는 push 안했는데도 정상 동작했던 것 같다.)https://exam0421.herokuapp.com/gets
해당 부분 확인하기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 가 너가 보낸거지?"}
잘 반환되는 것을 확인 할 수 있다.
Author And Source
이 문제에 관하여(heroku 실습 복습하기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@khw970421/heroku-실습-복습하기저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)