はじめに
このガイドでは、MultiBaaSを始めるための2つの方法を説明します：
-
サンプルアプリのクイックスタート - MultiBaaSサンプルアプリをセットアップして実行します。このアプリは、MultiBaaSがEVMスマートコントラクトとのやり取りをどのように簡素化するかを示します。学習ツールとして使用したり、独自のdAppを構築するためのスキャフォールドとして使用できます。
-
コントラクトをMultiBaaSにリンク - 事前にデプロイされたスマートコントラクトをMultiBaaSにリンクして、インタラクティブな呼び出し、状態の可視化、ライブイベントトラッキングを実現します。
サンプルアプリのクイックスタート
デプロイメントを作成
console.curvegrid.comにアクセスし、サインアップして、選択したネットワーク上にMultiBaaSデプロイメントを作成します。ほぼ瞬時のブロック確定性と、アカウント資金調達のための簡単にアクセス可能なフォーセットを備えているため、Curvegrid Testnetネットワークの使用をお勧めします。
- APIキーを作成
Admin > API Keys > New Keyに移動し、ラベル「sample_app_admin」でキーを作成し、「Administrators」を選択します。APIキーとデプロイメントURLをコピーして保存します。
- Reownプロジェクトを作成
アプリケーションはRainbowKitを使用してウォレットをリンクします。
cloud.reown.comにアクセスし、サインアップして、「Sample App」という名前の新しいプロジェクトを作成します。Project IDをコピーして保存します。
- アプリケーションをインストール
サンプルアプリのリポジトリをクローンし、プロンプトに従ってインストール手順を実行します：
git clone https://github.com/curvegrid/multibaas-sample-app.git
cd multibaas-sample-app
npm install
- ローカルアプリケーションをデプロイ
インストール後、以下の完了メッセージが表示されます：
#### Configuration complete 🦦 ####
To deploy the voting contract:
cd blockchain
npm run deploy:voting:dev
To run the frontend server after deploying the contract:
cd frontend
npm run dev
プロンプトに従って投票コントラクトをデプロイし、フロントエンドサーバーを起動します。その後、ブラウザでhttp://localhost:3000/に移動します。アプリは次のように表示されます：
ウォレットを接続して、デプロイされたコントラクトとのやり取りを開始します：
コントラクトをMultiBaaSにリンク
サンプルアプリに追加のコントラクトを追加する場合でも、既にデプロイされているコントラクトに接続する場合でも、MultiBaaSは状態の検査、関数の呼び出し、イベントの監視、その他の主要機能を実行するための即時UIを提供します。
既にデプロイメントを作成していることを確認してください。
注：選択したコントラクトと同じネットワーク上にMultiBaasデプロイメントが必要です。
-
Contracts > On-Chainに移動し、左サイドバーのプラスアイコンをクリックします。
-
Link Contract > Contract from addressを選択します。これは、事前にデプロイされたコントラクトを追加する最も簡単な方法です。Etherscan、Blockscout、またはSourcifyで検証されたコントラクトで最も効果的です。
- まずライブラリにコントラクトコードを追加し、次に事前にデプロイされたコントラクトの詳細を入力して、ウィザードを完了します。イベントを監視するには、Sync Eventsを有効にし、Starting Blockを選択します。
コントラクトが正常にリンクされると、モーダルに次の確認メッセージが表示されます：
- モーダルを閉じると、新しくリンクされたコントラクトの概要にリダイレクトされます。ここから、サイドパネルを使用してナビゲートし、コントラクトの状態を調べたり、関数を呼び出したり、イベントを監視したりできます。
おめでとうございます！これで、MultiBaaSでプロジェクトの構築を開始する準備が整いました。