スマートコントラクトがパブリック(テスト)ネットワークで公開されたので、ユーザーが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ページに公開されました。