アップロードしよう

コードのビルド

「ビルド」とは開発用のソースコードを加工して、Webページとして配布可能な状態にまとめるという作業になります。

VSCodeのターミナルで以下のコマンドを実行しましょう。

$ npm run build

しばらく待ってログ出力が止まったら終了です。「build」フォルダ以下に加工後のファイルが出来上がっているので、VSCode上で「build」フォルダを右クリックし、「Reveal in Finder」を選択してみましょう

「build」フォルダの中身が表示されるので、フォルダ内のファイルをすべてコピーしておいてください。
これらをまるごとアップロードすればOKです。

ファイルのアップロード

アップロード時の注意点

基本的には先ほどのファイル一式をそのままアップロードすればOKなのですが、サブディレクトリ以下に設置するとうまく動作しないということだけ覚えておいてください！

具体的には、https://crypto-code.jp/以下に設置すればOKですが、https://crypto-code.jp/dapps/以下に設置するとNGといった形です。

ただ、ドメインの直下にはたいてい重要なページが設置されていることが多いと思いますので、そのときにはサブドメインを利用するようにしましょう。こちらも具体例で言いますとhttps://dapps.crypto-code.jp/のような形です。

最後に

具体的なアップロードに関しては、契約しているサーバによって方法が変わるので、すみませんが説明は省略とさせてください 💦
（要望があれば個別のサーバごとのやり方を紹介できるかもしれませんので、感想・ご要望お待ちしております）

全体を通してわからない点や、記事通り試したけどうまく行かない点などあれば問い合わせフォームやTwitterのDMにてお気軽にご連絡ください！

ここまでお読みくださり、ありがとうございました！