일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- Component
- graphQL
- TypeScript
- express
- ES6
- API
- 자바스크립트
- DART
- NextJs
- 리액트
- backend
- CSS
- Flutter
- node.js
- Mongoose
- GRID
- pug
- JavaScript
- heroku
- form
- clonecoding
- react
- Session
- javscript
- ECMAScript
- HTML
- nodejs
- MongoDB
- frontend
- CLONE
- Today
- Total
Enjoy Programming
Github and aws s3 - 1 본문
앞서 깃헙 시크릿과 클라이언트 아이디 환경변수를 해로쿠에 등록했음에도 에러가 뿜어져 나왔다...
뭐가 문제일까.
문제가 저기있다.. redirect를 4000번 포트로 이동했다.
기억난다 callback url을 localhost:4000번으로 시작하도록
이걸 바꿔줘야 한다. mysitename.herokuapp.com 으로 ~ 배포시에는 이렇게 하고
테스팅할때는 다시 변경해줘야하는 번거로움이 있다~ 귀찮으면~ 그냥 oauth앱을 두개 만들어서
하나는 테스팅용으로 등록하고 하나는 heroku에 등록하면 된다~ 굳 까먹으니 지금 바로 해놓자.
자 다 제대로 해줬고 깃헙 로그인을 해보자~!~!~!
제대로 잘된다~!~!~!~! 오케이
그럼 로그인되었으니 유저가 생겼을 것이다~ 실제 데이터 베이스로 이동해보자~!
컬렉션을 확인해 보면...
굳굳 제대로 뜬다~~
이제 heroku git으로 배포하는 것을 배웠고~~
이번에는 github 으로 해보자.
깃헙을 클릭해주고 내 깃헙계정과 연결후 레포지토리를 검색해주자.
그리고 커넥트 해주면~!~!~1
연결되었다~~ 좋은점?? 이랄까 내가 그냥 깃헙에 push할때마다 heroku는 바로 배포를 하게된다.
장점은 git push heroku master를 안해도 자동으로 진행된다는 점이지만~ 만약 내가 잘못된 것을 git push했다면?
모든것이 바로 배포되기 때문에 안좋은 점도 있다. 자동으로 되는 것보다 차라리 한단계 더 거치는게 필자는 나은듯 하다.
음 문제가 생겼다... 배포된 사이트를 크롬으로 접속하니 http를 사용하지 않아서인지~ 카메라 접근이 안된다.
일단 brave브라우저로 진행해본다.
녹화를 하고~~~ 업로드를 하면 정상적으로 진행이 된다~ 그런데
예를 들어 내가 코드를 수정하고 다시 배포를 했다면?
다시 배포가되고나서 파일이 로드되지 않는다. 니코의 경우 프로필 사진도 없어졌는데 왜 난 그대로 존재하는거지;; ㅋㅋ
아무튼 내가 서버의 코드를 변경하고 변경점이 있으면 heroku는 서버를 변경해 새 서버를 만들게 된다. 그래서 해당 파일url을 가져오지 못한다. 이를 해결하기위해 이제 aws를 사용한다.
이제 다음 포스팅으로
'JavaScript > Node.JS' 카테고리의 다른 글
Product && develop Environment (0) | 2021.06.30 |
---|---|
Github and aws s3 - 2 (0) | 2021.06.29 |
environment variables (0) | 2021.06.29 |
MongoDb Atlas (0) | 2021.06.29 |
Deploying to Heroku (0) | 2021.06.29 |