【完全保存版】AstarのWASMのサンプルコントラクトを作ってみよう！
０ はじめに
１ 環境設定について
事前に、下の部分から、お手持ちのPCに合わせて、環境設定を行なってください。
２ Shibuyaトークンの取得について
次に、Polkadot-jsでウォレットを作成し、Shibuyaトークンを取得します。
取得方法は、こちらをご参照ください
１ 実際に作ってみよう！
１ Git cloneを行う
では、具体的な処理に移っていきましょう。
次のコマンドで、git cloneを行います。
git clone https://github.com/ytakahashi2020/flipper_test.git
なお、こちらのGithubを使っています。
２ コンパイルを行う
では、コンパイルを行いましょう。
次に、下のように、コントラクトのあるフォルダに移動します。
cd flipper_test/contracts/flipper
下のコマンドでコンパイルを行います。
cargo contract build
下のようになれば、成功です。
この「~.contract」というファイルを使うことになります。
３ デプロイする
Substrateに行き、デプロイしましょう。
「Astar Shibuya」であることを確認し、下のように、「Upload New Contract Code」を実行します。
ここで使用するファイルを選択します。
ここで選ぶのが、コンパイル時にできた、「flipper.contract」です。
このように、選択し、「Next」で進みます。
ここで、初期値の設定などが行われます。
今回は、このまま、「Next」で進みます。
「Upload and Instantiate」でデプロイを行います。
Polkadot.jsが立ち上がるので、実行を行います。
これで、完成しました！
コントラクトを作ることができました。
３ ファイル構成の概要を知ろう
１ lib.rs
実際のコントラクトの中身が書いてあるのが、こちらの「lib.rs」です。
拡張子が「.rs」とあるように、Rustで書かれています。
２ Cargo.toml
このファイルで、依存関係やどのファイルをビルドするかなどを定義します。
なお、CargoはRustのパッケージ管理ツールです。
３ rust-toolchain.toml
こちらは、その名の通り、Rustのツールチェーンの設定を行うためのファイルです。
こちらは、なくても大丈夫ですが、あると便利です。
追記 コントラクトのコンパイルがうまくいかないときは
コントラクトのコンパイルがうまくいかないものの、フロントエンドとの繋ぎ込みの部分だけでもやりたいケースもあると思います。
１ フォルダの作成
まずは、「flipper」フォルダに「target」、「ink」フォルダを下のように作成して下さい。
フォルダ名を間違わないようにご注意ください。
２ ファイルのダウンロード
次に、こちらのGithubの下の部分から、この３つのファイルをダウンロードします。
３ ファイルの設定
最後に、下のように、ファイルを設定します。
また、デプロイ時には、こちらの「flipper.contract」を使用することでデプロイが可能です。
今回は、以上です。
サポートをしていただけたらすごく嬉しいです😄 いただけたサポートを励みに、これからもコツコツ頑張っていきます😊