헤로쿠 서버에서 Nitrous(스코판) 사이트 서비스하기

in sct •  7 months ago  (edited)


안녕하세요. 안피곤입니다.

최근에 스팀코인판에서 코드 바운티 프로그램 운영/보상 발표가 있었습니다.

관련글: "[Notice] 코드 바운티 프로그램 운영, 보상 발표 (code bounty program)"


이 발표를 계기로 스팀잇에 많은 개발자들의 유입이 있었으면 좋겠습니다. 그리고 #kr-dev 태그에 개발글이 넘쳤으면 좋겠어요. ㅋ

이번에 무료로 이용할 수 있는 헤로쿠 서버에 Nitrous를 올려보았습니다. Docker를 사용해서 앱을 배포하면 매우 간단합니다. 그래서 제가 사용한 방법을 간략하게 정리해서 공유합니다.




Nitrous 오픈 소스 포크하고 내려 받기

Nitrous 오픈소스: https://github.com/eonwarped/nitrous/

Nitrous 깃헙 저장소(Repository)를 내 깃헙으로 포크(Fork)합니다. 포크한다라는 말은 오픈 소스 코드를 통째로 복사하여 독립적인 새로운 앱을 개발하는 것을 말합니다.

아래는 내 깃헙 저장소에 포크된 Nitrous 오픈소스입니다. 그다음 [Clone or download] 버튼을 눌러서 깃헙 저장소 URL을 확인합니다.

그리고 깃헙 저장소 URL에서 nitrous 오픈소스를 git clone 합니다.

nitrous 디렉토리로 이동합니다. 그리고 체크아웃 받을 수 있는 브랜치(branch)를 확인합니다.

위 브랜치 중에서 가장 마음에 드는 브랜치를 선택하면 됩니다. 저는 스팀코인판(scotty_steemcoinpan) 브랜치를 체크아웃 받았습니다.




도커 설치

Nitrous를 빌드하고 구동하기 위해서 Docker를 설치합니다. Docker를 사용하지 않고 전통적인 방법으로 개발해도 됩니다. 하지만 개발환경 구축하는건 정말 귀찮은 일입니다.

저는 Mac OS를 사용하고 있습니다. 그래서 Homebrew를 사용하여 Docker를 설치했습니다.

brew cask install docker 

참고: How to install Docker in Mac, Windows, and Linux


윈도우즈에서 도커를 설치하는 방법은 realmankwon님의 "내 컴퓨터에서 나만의 sct를 실행해 보자" 글을 참고하세요.




Heroku 가입하기

헤로쿠에 회원가입을 하고 Heroku-CLI를 설치합니다. Heroku-CLI 설치 방법은 공식 가이드 문서를 참고합니다.

헤로쿠에 로그인합니다. heroku login를 입력하면 브라우저가 실행되면서 로그인창이 나타납니다.

그리고 Heroku 앱을 생성합니다. 저는 anpigon으로 생성했습니다. 참고로 앱 이름은 도메인으로도 사용됩니다. 예) anpigon.herokuapp.com




Heroku 에 배포하기

도커 이미지 배포 방법은 헤로쿠 공식 문서를 참고하였습니다.

참고: https://devcenter.heroku.com/articles/container-registry-and-runtime


컨테이너에 로그인합니다.

$ heroku container:login


도커 이미지를 빌드하고 Container Registry에 푸시(push)합니다.

$ heroku container:push web


그런 다음 도커 이미지를 앱으로 출시(release)합니다.

$ heroku container:release web


이제 브라우저에서 앱을 실행합니다.

$ heroku open




아래는 헤로쿠 서버에서 앱을 실행한 화면입니다.

참고로 이미지 URL은 https://steemitdevimages.com/ 도메인을 바라보고 있어서 이미지가 하나도 안보입니다.


댓글, 팔로우, 업보팅해 주시는 모든 분들 감사합니다.

항상 행복한 하루 보내시길 바랍니다.


vote, reblog, follow @anpigon

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

naha.sct님이 anpigon님을 멘션하셨습니당. 아래 링크를 누르시면 연결되용~ ^^
naha.sct님의 naha.sct 소식 190703.1012 (+ 임대자 모집중)

...00
onespringday 100
chocolatelover 500
isaaclab 700
anpigon 245
influencer07 400
kinojun 100
2. 임대자 보팅 현황...

아! 몰라~ 몰라~ 몰라~~~~~~ ㅋㅋ
역시나 안피곤님 댓글은 어쩔수가 없나봐요!! ㅎ 즐거운 오후 되세요~

정성스러운 댓글 감사합니다.

엄정화의 몰라 듣고 오겠습니다.

오, 이런 방법이 있군요
저도 이렇게 해봐야겠습니다 ㅋㅋ 지금 사이트는 어찌되건 돈이 드니깐...ㅠ

  ·  7 months ago (edited)

개발 서버로 헤로쿠가 참 유용합니다. 헤로쿠는 한달에 한달의 550시간 무료 사용이 가능합니다. 신용카드를 등록하면 1000시간 무료 사용가능하다고 하네요.

좋은 글 감사합니다

큐레이션 감사합니다.

Thank you for your continued support towards JJM. For each 1000 JJM you are holding, you can get an additional 1% of upvote. 10,000JJM would give you a 11% daily voting from the 700K SP virus707 account.

아~! 좋은 정보 감사합니다 ㅎㅎ 대충 찾아보니 github랑 바로 연동도 가능한것 처럼 보이네요 ㅎㅎ

Posted using Partiko iOS

네 맞아요. 헤로쿠에서 깃헙 연동도 제공하고 있어요. 깃헙에 커밋하면 바로 빌드 배포하는 환경 구축이 가능할 것 같아요. 설정해보다가 말았습니다.ㅋ

@anpigon님 곰돌이가 24.1배로 보팅해드리고 가요~! 영차~

주말에 저도 따라해 봐야겠네요 좋은 글 감사합니다.

저도 댓글 감사합니다. ㅎㅎ

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.567 which ranks you at #16266 across all Steem accounts.
Your rank has improved 134 places in the last three days (old rank 16400).

In our last Algorithmic Curation Round, consisting of 181 contributions, your post is ranked at #106.

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