スマートコントラクトがパブリック（テスト）ネットワークで公開されたので、ユーザーがDAppでプレイを開始できるように、フロントエンドをWebでホストする必要があります。
いくつかのオプションがあります。 時間と費用がかかる自宅からWebサーバーを実行したり、業界をリードするホスティングサービスを使用したりできます。 DigitalOcean or AWS、月額料金を請求します（ローエンドのパッケージでは少額ですが）。
必要なのは、高速で使いやすい無料のホスティングサービスであり、DAppのベータテスト用のプラットフォームを提供します。
これらのサービスは存在します！ そのうちのXNUMXつについて説明します。 の紹介 ヘロク & GitHubページ.
ヘロク
「Herokuは、開発者が完全にクラウドでアプリケーションを構築、実行、操作できるようにするサービスとしてのプラットフォーム（PaaS）です。」 — Heroku.com
Herokuは多数の技術を強力にサポートしており、特にNodeアプリケーションの配備に優れています。 プロジェクトにTruffle Suiteを使用していると仮定すると、Herokuで問題なくデプロイできます。
コマンドラインを使用してHerokuにデプロイするには、最初にHerokuダウンロードページに移動して、 Herokuコマンドラインインターフェイス （CLI）
Heroku.comにアクセスして、アカウントを作成し、新しいアプリを作成します。 基本的な設定が完了したら、「設定」タブに移動して「Heroku git URL」を見つけます。 図3は、それを見つける場所を示しています。
ターミナルを開き、プロジェクトのルートフォルダーに移動します。 バージョン管理にすでにGitを使用していると仮定して、Heroku Git URLを使用して、次のような新しいリモートを追加します（ここで [heroku_git_url] HerokuアプリからのURLです）：
git リモート追加 heroku [heroku_git_url]
次に、新しくインストールされたHeroku CLIを使用して、アカウントにログインします。
Herokuログイン
これにより、ブラウザが開いて確認されます。 ログインに成功したら、あとはデプロイするだけです！ 以下を実行してHerokuにプッシュします。
git push herokuマスター
ログが完了するまで待ってください。DAppが稼働しています。
Herokuは、プロジェクトの名前に応じてURLを割り当てます。 開くには、Heroku.comに戻って、図4に示す[アプリを開く]ボタンをクリックします。
DAppがHerokuでライブ配信されます！
GitHubページ
「GitHub Pagesは、GitHub上のリポジトリからHTML、CSS、JavaScriptファイルを直接取得する静的サイトホスティングサービスです」— Github.com
Gitを使用したことのある人なら誰でもGitHubを知っています。 これは世界最大のオープンソースバージョン管理プラットフォームであり、毎日数え切れないほどの開発者によって使用されています。
GitHubページ GitHubリポジトリから直接静的Webサイトをホスティングできるサービスです。 つまり、アプリがサーバー側の計算（PHPなど）を実行しない限り、問題ありません。
リポジトリでGitHubをまだ使用していない場合は、これを利用することを強くお勧めします。 あなたがそうであり、プロジェクトがTruffle Suiteを使用していると仮定し、コマンドラインに移動して、プロジェクトのルートディレクトリに移動します。
インストール gh-pages 次のコマンドを実行してパッケージ化します。
npm install --save gh-pages
次に、いくつかの詳細を追加する必要があります package.json ファイル。 テキストエディターでパッケージファイルを開きます。
メインオブジェクト内に以下を追加します。 [user-name] GitHubのユーザー名であり、 [repo-name] GitHubリポジトリの名前です。
"ホームページ"： "https：// [ユーザー名] .github.io / [リポジトリ名] /"、
次のオプションを “scripts” のセクション package.json:
"事前展開"： "npm run build"、
"展開"： "gh-pages -dビルド"、
今残っているのは走ることだけです npm run deploy DAppをGitHub Pagesにデプロイします。
DAppがGitHubページに公開されました。
