Skip to content

Latest commit

 

History

History
139 lines (101 loc) · 3.32 KB

README3.md

File metadata and controls

139 lines (101 loc) · 3.32 KB
Raw

Soul Wallet ローカル起動方法

ローカルで動かす手順は下記の通りです。

  1. API サーバーの設定と起動
  2. intro-app の起動
  3. Soul Wallet の起動

API サーバーの設定と起動

  1. apiディレクトリに移動する。
  2. モジュールのインストールのため下記コマンドを実行
npm i
  1. .envファイルを作成し、MetaMask のニーモニックコードを貼り付ける。
MNEMONIC=YOUR_DATA
STRIPE_API_KEY=YOUR_DATA
PINATA_API_KEY=YOUR_DATA
PINATA_API_SECRET=YOUR_DATA
PINATA_API_JWT=YOUR_DATA
  1. ABI.jsにコンパイルしたコントラクトの ABI 情報を貼り付ける。
const MyTokenABI = `ここにABIを貼り付ける`;

const FactoryABI = `ここにABIを貼り付ける`;

const WalletABI = `ここにABIを貼り付ける`;
  1. 起動コマンドを入力する。
npm run start

下記のように出力されれば、API サーバーの起動は完了

> api server@0.1.0 start
> node server.js

起動しました https://192.168.0.3:3001

intro-app の起動

  1. intro-appディレクトリに移動する。
  2. モジュールのインストールのため下記コマンドを実行
npm i
  1. App.js6 行目の変数URLに API サーバー起動時に出力されたエンドポイントの情報を入力する。
      import QRCode from "qrcode.react";
      import './App.css';

      function App() {
      // URL
+      const URL = 'http://192.168.0.14:3000' // please change

      return (
      <div className="App">
            <header className="App-header">
            <p>
            <strong>Welcome to  Soul Wallet!!</strong>
            </p>
            <QRCode value={URL} />
            <a href={URL}>{URL}</a>
            </header>
      </div>
      );
      }
  1. 起動コマンドを実行する。
npm run start

http://localhost:3002/にアクセスして QR コードが表示されていることを確認する。

Soul Wallet の起動

  1. frontendディレクトリに移動する。
  2. モジュールのインストールのため下記コマンドを実行
npm i

  1. Constants.jsの 29 行目のの変数baseURLに API サーバー起動時に出力されたエンドポイントの情報を入力する。

  2. Constants.jsの CONTRACT_ADDRESSとMYTOKEN_ADDRESSにデプロイしたアドレス情報を入力する。

/**
 * 各種定数を管理するためのファイル
 */

// contract Address (WalletFactory)
+ export const CONTRACT_ADDRESS = "0xD776E3Dfc486e576304ABe13865D94d063F7b821";
// contract Address (MyToken)
+ export const MYTOKEN_ADDRESS = "0x17c803255c20C946E72855901c6C0B1C2195Cfc0";
// chain ID
export const chainId = '43113';
// rpc URL
export const RPC_URL = `https://ava-testnet.public.blastapi.io/ext/bc/C/rpc`;
// API Base URL
+ export const baseURL = 'http://192.168.0.16:3001'; // please change
  1. .envファイルにストライプと pinata の API の環境変数を記載する。
REACT_APP_STRIPE_API_KEY=<YOUR_DATA>
REACT_APP_PINATA_API_KEY=<YOUR_DATA>
REACT_APP_PINATA_API_SECRET=<YOUR_DATA>
REACT_APP_PINATA_API_JWT=<YOUR_DATA>
  1. 起動コマンドを実行する。
npm run start