스마트 계약이 공용 (테스트) 네트워크에 게시되었으므로 웹에서 프런트 엔드를 호스팅하여 사용자가 DApp을 통해 게임을 시작할 수 있도록해야합니다.
몇 가지 옵션이 있습니다. 집에서 웹 서버를 실행하면 시간과 돈이 많이 들거나 다음과 같은 업계 최고의 호스팅 서비스를 사용할 수 있습니다 DigitalOcean or AWS월 요금을 청구합니다 (하위 패키지의 경우는 적지 만).
필요한 것은 무료 호스팅 서비스이며 빠르고 사용하기 쉬우 며 DApp 베타 테스트를위한 플랫폼을 제공합니다.
이러한 서비스가 존재합니다! 나는 그들 중 두 가지를 통해 걸을 것입니다. 소개 헤로 꾸 과 GitHub 페이지.
헤로 꾸
"Heroku는 개발자가 클라우드에서 애플리케이션을 완전히 구축, 실행 및 운영 할 수 있도록하는 PaaS (Platform as a Service)입니다.” — 헤로쿠닷컴
Heroku는 다양한 기술을 강력하게 지원하며 특히 노드 응용 프로그램 배포에 능숙합니다. 프로젝트에 Truffle Suite를 사용한다고 가정하면 Heroku로 배포하는 데 아무런 문제가 없습니다.
명령 행을 사용하여 Heroku에 배포하려면 먼저 Heroku 다운로드 페이지로 이동하여 Heroku 명령 줄 인터페이스 (CLI)
Heroku.com으로 이동하여 계정을 만들고 새 앱을 만듭니다. 기본 설정을 수행 한 후 "설정"탭으로 이동하여 "Heroku git URL"을 찾으십시오. 그림 3은 어디서 찾을 수 있는지 보여줍니다.
터미널을 열고 프로젝트 루트 폴더로 이동하십시오. 버전 관리를 위해 이미 Git을 사용하고 있다고 가정하면 Heroku Git URL을 사용하여 이와 같은 새로운 리모컨을 추가하십시오. [heroku_git_url]
Heroku 앱의 URL입니다) :
자식 원격 추가 heroku [heroku_git_url]
그런 다음 새로 설치된 Heroku CLI를 사용하여 계정에 로그인하십시오.
헤 로쿠 로그인
확인을 위해 브라우저가 열립니다. 로그인에 성공하면 남은 것은 배포하는 것입니다! 다음을 실행하여 Heroku로 푸시하십시오.
git push heroku 마스터
로그가 끝날 때까지 기다렸다가 DApp이 작동합니다!
Heroku는 프로젝트 이름에 따라 URL을 할당합니다. 열려면 Heroku.com으로 돌아가서 그림 4에 표시된 "앱 열기"버튼을 클릭하십시오.
DApp이 이제 Heroku에 게시되었습니다!
GitHub 페이지
"GitHub Pages는 HTML, CSS 및 JavaScript 파일을 GitHub의 저장소에서 바로 가져 오는 정적 사이트 호스팅 서비스입니다"— Github.com
Git을 사용한 사람은 GitHub에 대해 알고 있습니다. 그것은 세계에서 가장 큰 오픈 소스 버전 제어 플랫폼이며 매일 수많은 개발자들이 사용합니다.
GitHub 페이지 GitHub 리포지토리에서 정적 웹 사이트를 직접 호스팅 할 수있는 서비스입니다. 즉, 앱이 서버 측 계산 (예 : PHP)을 수행하지 않는 한 계속 진행해야합니다.
리포지토리에 GitHub를 아직 사용하고 있지 않다면이 기능을 활용하는 것이 좋습니다. 사용자가 Truffle Suite를 사용하고 있다고 가정하고 명령 행으로 이동하여 프로젝트의 루트 디렉토리로 이동하십시오.
설치 gh-pages
다음 명령을 실행하여 패키지 :
npm install --gh 페이지 저장
다음으로 몇 가지 세부 정보를 추가해야합니다. package.json
파일. 텍스트 편집기에서 패키지 파일을여십시오.
기본 객체 안에 다음을 추가하십시오. [user-name]
GitHub 사용자 이름이며 [repo-name]
GitHub 저장소의 이름입니다.
"홈페이지": "https : // [user-name] .github.io / [repo-name] /",
에 다음 옵션을 추가하십시오 “scripts”
의 섹션 package.json
:
"predeploy": "npm run build",
"배치": "gh-pages -d build",
이제 남은 건 달려 npm run deploy
GitHub 페이지에 DApp을 배포합니다.
DApp이 이제 GitHub 페이지에 게시되었습니다!