create account

[Node.js] App을 Heroku에 배포하기 by anpigon

View this thread on: hive.blog |  peakd.com |  ecency.com
kr · @anpigon · (edited)
$1.65
[Node.js] App을 Heroku에 배포하기
![](https://ipfs.busy.org/ipfs/QmaTbNNNuBGC1AipD6618N26nAyT1CgDJBQC91Ku9C6RfV)

<br>

# Heroku

[Heroku](https://www.heroku.com)는 간단하게 사용할 수 있는 가벼운 클라우드 서버입니다. 참고로, 우리가 많이 사용하고 있는 **busy.org**가 **Heroku**에서 호스팅 되고 있습니다.

게다가 무료 가격 정책도 있습니다. 무료는 **매월 550시간** 사용이 가능합니다. 신용카드 정보를 추가로 입력하면 **매월 1000시간** 사용이 가능합니다. 그리고 30분 동안 사용하지 않으면 자동으로 슬립모드에 들어갑니다. 

보통은 [heroku-cli](https://devcenter.heroku.com/articles/heroku-cli)를 사용하여 heroku에 배포합니다. 하지만 지금은 쉽고 간단하게 하려고 합니다. 그래서 브라우저에서 배포하는 방법으로 진행할게요.

<br><br>

## Github에 소스 업로드 하기

Github에 소스 업로드 과정을 생략하고, 그냥 오픈 소스를 사용하겠습니다. 오픈소스 [busy.org](https://github.com/busyorg/busy) 저장소를 내 저장소로 포크합니다. 왼쪽 상단에 보이는 `Fork` 버튼을 누르면 됩니다.
![](https://ipfs.busy.org/ipfs/QmTRfwxeumdYwYVqnj8KkSxEwxmq4V9ggYXHKRHUu5JJL5)

<br><br>

## Heroku에 앱 생성하기

**Heroku**를 가입하고 `New App`을 생성합니다. `App Name`은 나중에 서브 도메인명이 됩니다. (예. `https://AppName.herokuapp.com`)

![](https://ipfs.busy.org/ipfs/QmdVaHy6rZsYAjWxec5jz5GXVKQiaKrycUyvziFfnNgFRZ)

<br>그 다음은 **Heroku**에 GitHub 계정을 연결합니다. 그리고 연결된 GitHub 계정에서 배포할 앱을 선택합니다.

![](https://ipfs.busy.org/ipfs/QmRsCpf75r14DcnYHhn3VW2FxAGrueptXGZX4ARUUoHa2S)

<br>마지막으로 **Deploy Branch**를 선택합니다. 그러면 빌드/배포 과정이 진행됩니다.

![](https://ipfs.busy.org/ipfs/QmXGqhBxyvTqokbu6b8KPUahfNmyPfdR1qShE5eZcCPXJr)

<br>`Activity Feed  > Build Log`에서 로그를 확인 할 수 있습니다.

![](https://ipfs.busy.org/ipfs/QmYmMB8QYn12LwbaQHwPamqxE6Mb8rR4t8yooYB8jtzKid)

<br>빌드/배포에 성공하면, 페이지 상단의 `Open app` 버튼을 눌러줍니다.

![](https://ipfs.busy.org/ipfs/QmUB31Zajr3okmWmPtd2nxShEQ4LfwWJbWCGxD2QrpEsE1)

<br>아래 화면과 같이 자동으로 브라우저에 사이트가 표시됩니다. **busy.org**에는 `Heroku` 설정파일이 포함되어 있습니다. 그래서 아무 문제 없이 Heroku에 배포가 잘되었습니다.

![](https://ipfs.busy.org/ipfs/QmXbKgJ3PzrS3JQkq9Rab3rnD9oGoytQttRJTzQgvU3EsX)

<br>마지막으로 내가 배포한 사이트에서는  스팀 커넥트(Steem Connect)를 사용하여 로그인할 수 없습니다. 스팀 커넥트는 도메인에 종속되어 있습니다. 그래서 busy.org 소스에 포함된 스팀 커넥트는 사용할 수 없습니다. 

그래서 저는 아래와 같이 액세스 토큰을 JS콘솔창에서 직접 입력하여 로그인하였습니다. 혹시나 물어보시는 분이 있을까 봐서요. ㅎㅎ

![](https://ipfs.busy.org/ipfs/QmYTTdEfF9w317NB87iMRaJpEKf27gfG8PjcDSQTNs1XcE)

<br>여기까지 읽어주셔서 감사합니다.




---

#####  <sub> **Sponsored ( Powered by [dclick](https://www.dclick.io) )** </sub>
[![dclick-imagead](https://s3.ap-northeast-2.amazonaws.com/dclick/image/jaydih/1546582340214.jpeg)](https://api.dclick.io/v1/c?x=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJjIjoiYW5waWdvbiIsInMiOiJoZXJva3Utbm9kZWpzLWFwcC1oZXJva3UtLTE1NDY5NjcxMTI0NTEiLCJhIjpbImktMTI0Il0sInVybCI6Imh0dHBzOi8vc2hhcmUyc3RlZW0uaW8vP3JlZj1qYXlkaWgiLCJpYXQiOjE1NDY5NjcxMTIsImV4cCI6MTg2MjMyNzExMn0.ZBKjQRMb_TG4Vpe1ixeT3yKZ0fj70n-UbHMNTD6ybUI)
👍  , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,
properties (23)
authoranpigon
permlinkheroku-nodejs-app-heroku--1546967112451
categorykr
json_metadata{"tags":["kr","kr-dev","busy","jjangjjangman","heroku"],"app":"busy/2.5.6","format":"markdown","community":"busy","links":["https://www.heroku.com","https://devcenter.heroku.com/articles/heroku-cli","https://github.com/busyorg/busy","https://www.dclick.io","https://api.dclick.io/v1/c?x=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJjIjoiYW5waWdvbiIsInMiOiJoZXJva3Utbm9kZWpzLWFwcC1oZXJva3UtLTE1NDY5NjcxMTI0NTEiLCJhIjpbImktMTI0Il0sInVybCI6Imh0dHBzOi8vc2hhcmUyc3RlZW0uaW8vP3JlZj1qYXlkaWgiLCJpYXQiOjE1NDY5NjcxMTIsImV4cCI6MTg2MjMyNzExMn0.ZBKjQRMb_TG4Vpe1ixeT3yKZ0fj70n-UbHMNTD6ybUI"],"image":["https://ipfs.busy.org/ipfs/QmaTbNNNuBGC1AipD6618N26nAyT1CgDJBQC91Ku9C6RfV","https://ipfs.busy.org/ipfs/QmTRfwxeumdYwYVqnj8KkSxEwxmq4V9ggYXHKRHUu5JJL5","https://ipfs.busy.org/ipfs/QmdVaHy6rZsYAjWxec5jz5GXVKQiaKrycUyvziFfnNgFRZ","https://ipfs.busy.org/ipfs/QmRsCpf75r14DcnYHhn3VW2FxAGrueptXGZX4ARUUoHa2S","https://ipfs.busy.org/ipfs/QmXGqhBxyvTqokbu6b8KPUahfNmyPfdR1qShE5eZcCPXJr","https://ipfs.busy.org/ipfs/QmYmMB8QYn12LwbaQHwPamqxE6Mb8rR4t8yooYB8jtzKid","https://ipfs.busy.org/ipfs/QmUB31Zajr3okmWmPtd2nxShEQ4LfwWJbWCGxD2QrpEsE1","https://ipfs.busy.org/ipfs/QmXbKgJ3PzrS3JQkq9Rab3rnD9oGoytQttRJTzQgvU3EsX","https://ipfs.busy.org/ipfs/QmYTTdEfF9w317NB87iMRaJpEKf27gfG8PjcDSQTNs1XcE","https://s3.ap-northeast-2.amazonaws.com/dclick/image/jaydih/1546582340214.jpeg"]}
created2019-01-08 17:05:12
last_update2019-01-31 04:40:36
depth0
children11
last_payout2019-01-15 17:05:12
cashout_time1969-12-31 23:59:59
total_payout_value1.265 HBD
curator_payout_value0.385 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length2,520
author_reputation17,258,940,000,931
root_title"[Node.js] App을 Heroku에 배포하기"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id78,083,795
net_rshares3,204,417,440,819
author_curate_reward""
vote details (47)
@blockchainstudio · (edited)
무료버전에도 busy잘 올라가나 보군요^^ 저도 한번 해봐야겠네요. 이제 곧 busy 개발도 해주시겠군요. 감사합니다! 

참 스팀커넥트 인증이 그런게 있나보네요. 로컬 dev 서버는 steemconnect인증 잘됩니다.
properties (22)
authorblockchainstudio
permlinkre-anpigon-heroku-nodejs-app-heroku--1546967112451-20190108t172846243z
categorykr
json_metadata{"community":"busy","app":"busy/2.5.6","format":"markdown","tags":["kr"],"users":[],"links":[],"image":[]}
created2019-01-08 17:28:12
last_update2019-01-08 17:33:12
depth1
children4
last_payout2019-01-15 17:28:12
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length124
author_reputation178,988,499,015,921
root_title"[Node.js] App을 Heroku에 배포하기"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id78,084,859
net_rshares0
@anpigon ·
$0.02
덕분에 busy 에도 관심을 가지게 되었네요. 그런데 개발까지 할 시간은 있을지 잘 모르겠어요. 그래도 열심히 해볼게요.ㅋㅋ

그리고 맞습니다. localhost:3000에서는 스팀커넥트 인증이 잘 됩니다. 아마 개발할때 불편함 때문에 로컬호스트도 스팀커넥트에 등록해놓았나봐요.
👍  ,
properties (23)
authoranpigon
permlinkre-blockchainstudio-re-anpigon-heroku-nodejs-app-heroku--1546967112451-20190108t233953086z
categorykr
json_metadata{"community":"busy","app":"busy/2.5.6","format":"markdown","tags":["kr"],"users":[],"links":[],"image":[]}
created2019-01-08 23:39:57
last_update2019-01-08 23:39:57
depth2
children3
last_payout2019-01-15 23:39:57
cashout_time1969-12-31 23:59:59
total_payout_value0.016 HBD
curator_payout_value0.005 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length156
author_reputation17,258,940,000,931
root_title"[Node.js] App을 Heroku에 배포하기"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id78,099,681
net_rshares43,560,574,927
author_curate_reward""
vote details (2)
@blockchainstudio · 
> 아마 개발할때 불편함 때문에 로컬호스트도 스팀커넥트에 등록해놓았나봐요.

오 그렇겠군요. 전 딴데 올려본적이 없어서 몰랐네요.

참 github가 이제 개인유저 private repository도 무료제공으로 바뀌었다네요. MS의 자금력 덕분인듯?
👍  
properties (23)
authorblockchainstudio
permlinkre-anpigon-re-blockchainstudio-re-anpigon-heroku-nodejs-app-heroku--1546967112451-20190108t234434289z
categorykr
json_metadata{"community":"busy","app":"busy/2.5.6","format":"markdown","tags":["kr"],"users":[],"links":[],"image":[]}
created2019-01-08 23:44:36
last_update2019-01-08 23:44:36
depth3
children1
last_payout2019-01-15 23:44:36
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length140
author_reputation178,988,499,015,921
root_title"[Node.js] App을 Heroku에 배포하기"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id78,099,871
net_rshares10,309,584,816
author_curate_reward""
vote details (1)
@gomdory · 
곰돌이가 @anpigon님의 소중한 댓글에 $0.018을 보팅해서 $0.005을 살려드리고 가요. 곰돌이가 지금까지 총 2558번 $31.722을 보팅해서 $31.795을 구했습니다.  @gomdory 곰도뤼~
properties (22)
authorgomdory
permlinkre-re-blockchainstudio-re-anpigon-heroku-nodejs-app-heroku--1546967112451-20190108t233953086z-20190115t091603
categorykr
json_metadata""
created2019-01-15 09:16:06
last_update2019-01-15 09:16:06
depth3
children0
last_payout2019-01-22 09:16:06
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length117
author_reputation38,104,394,235,725
root_title"[Node.js] App을 Heroku에 배포하기"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id78,401,115
net_rshares0
@bluengel · 
2019황금돼지해(^(00)^)~복 많이 받으셔용~♩♬

디클릭 ♥ 사랑 함께 응원합니당~!
행복한 수욜 ♥ 보내셔용~*^^*

Posted using [Partiko Android](https://steemit.com/@partiko-android)
properties (22)
authorbluengel
permlinkbluengel-re-anpigon-heroku-nodejs-app-heroku--1546967112451-20190109t041511891z
categorykr
json_metadata{"app":"partiko","client":"android"}
created2019-01-09 04:15:12
last_update2019-01-09 04:15:12
depth1
children1
last_payout2019-01-16 04:15:12
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length140
author_reputation129,269,571,273,945
root_title"[Node.js] App을 Heroku에 배포하기"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id78,110,075
net_rshares0
@anpigon · 
블루엔젤님도 새해복 많이 받으세요~~
properties (22)
authoranpigon
permlinkre-bluengel-bluengel-re-anpigon-heroku-nodejs-app-heroku--1546967112451-20190109t105259551z
categorykr
json_metadata{"community":"busy","app":"busy/2.5.6","format":"markdown","tags":["kr"],"users":[],"links":[],"image":[]}
created2019-01-09 10:53:00
last_update2019-01-09 10:53:00
depth2
children0
last_payout2019-01-16 10:53:00
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length20
author_reputation17,258,940,000,931
root_title"[Node.js] App을 Heroku에 배포하기"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id78,123,557
net_rshares0
@bukio · 
짱짱맨 호출에 응답하여 보팅하였습니다.
properties (22)
authorbukio
permlinkre-bukio-jjangjjangman-1546968036154
categorykr
json_metadata"{"tags":["bukio", "jjangjjangman"],"app":"steemer/1.0"}"
created2019-01-08 17:20:36
last_update2019-01-08 17:20:36
depth1
children0
last_payout2019-01-15 17:20:36
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length21
author_reputation11,545,563,591,097
root_title"[Node.js] App을 Heroku에 배포하기"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id78,084,525
net_rshares0
@gomdory · 
![](https://ipfs.busy.org/ipfs/QmWYYJdd1o71WgoizVh8Q1QmeqfTUSRy8fGRQ7QYFMQZm1)
properties (22)
authorgomdory
permlinkre-heroku-nodejs-app-heroku--1546967112451-20190109t105101
categorykr
json_metadata""
created2019-01-09 10:51:03
last_update2019-01-09 10:51:03
depth1
children1
last_payout2019-01-16 10:51:03
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length78
author_reputation38,104,394,235,725
root_title"[Node.js] App을 Heroku에 배포하기"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id78,123,474
net_rshares0
@anpigon · 
고마워요 곰돌이~
properties (22)
authoranpigon
permlinkre-gomdory-re-heroku-nodejs-app-heroku--1546967112451-20190109t105101-20190109t105234789z
categorykr
json_metadata{"community":"busy","app":"busy/2.5.6","format":"markdown","tags":["kr"],"users":[],"links":[],"image":[]}
created2019-01-09 10:52:36
last_update2019-01-09 10:52:36
depth2
children0
last_payout2019-01-16 10:52:36
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length9
author_reputation17,258,940,000,931
root_title"[Node.js] App을 Heroku에 배포하기"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id78,123,534
net_rshares0
@steem-ua · 
#### Hi @anpigon!

Your post was upvoted by @steem-ua, new Steem dApp, using UserAuthority for algorithmic post curation!
Your **UA** account score is currently 2.769 which ranks you at **#12864** across all Steem accounts.
Your rank has improved 108 places in the last three days (old rank 12972).

In our last Algorithmic Curation Round, consisting of 256 contributions, your post is ranked at **#160**.
##### Evaluation of your UA score:

* Only a few people are following you, try to convince more people with good work.
* The readers like your work!
* Good user engagement!


**Feel free to join our [@steem-ua Discord server](https://discord.gg/KpBNYGz)**
properties (22)
authorsteem-ua
permlinkre-heroku-nodejs-app-heroku--1546967112451-20190109t030633z
categorykr
json_metadata"{"app": "beem/0.20.14"}"
created2019-01-09 03:06:36
last_update2019-01-09 03:06:36
depth1
children0
last_payout2019-01-16 03:06:36
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length661
author_reputation23,214,230,978,060
root_title"[Node.js] App을 Heroku에 배포하기"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id78,107,618
net_rshares0
Help/Feedback