# 作ったコントラクタをテストネットワークで利用する ### Infura.ioを利用する ethereumの開発を進めようとするとローカルにノードを立てなければいけなかったり、結構容量が必要だったりします。そこで、infura.ioでは、ethereumのノードのホスティングサービスとなっています。様々なテストネットワークにも対応しているため便利です。 ### Infura.ioに登録する [https://infura.io](https://infura.io/)/にアクセスして「GET STARTED FOR FREE」を押して進めましょう。 ![](https://2065311989-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPaXBcOlSdtMssa9shX%2F-LQBN7Upfe7ggJO4nFI7%2F-LQBNAcBsp9S3SlSePd8%2F%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202018-11-01%208.05.36.png?alt=media\&token=a7f33b33-bbcc-4f48-8d22-ee63dc4448e5) 登録時には、名前、メルアド、パスワードが必要です。 ![](https://2065311989-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPaXBcOlSdtMssa9shX%2F-LQBN7Upfe7ggJO4nFI7%2F-LQBNy0lXYd5yTtrVoOz%2F%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202018-11-01%208.08.53.png?alt=media\&token=6aec0300-d048-474c-b77a-06039473e07e) すると、下記のような画面になり登録したメールアドレスに確認用のメールが送信されます。 ![確認画面](https://2065311989-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPaXBcOlSdtMssa9shX%2F-LQBN7Upfe7ggJO4nFI7%2F-LQBO_A2Mj7epO4fDl8E%2F%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202018-11-01%208.11.41.png?alt=media\&token=1ba6b349-c2c0-4b35-93ee-1b7134185e12) \ 届いた確認メールの「CONFIRM EMAIL ADDRESS」をクリックして登録を進めましょう。 ![確認メール](https://2065311989-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPaXBcOlSdtMssa9shX%2F-LQBN7Upfe7ggJO4nFI7%2F-LQBOKEty1TWtFhmMB-9%2F%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202018-11-01%208.10.24.png?alt=media\&token=a047b7ab-eca4-42c6-aa46-16cafdbe7495) チュートリアルが始まりますが、「SKIP」で飛ばしましょう。下記のようなトップになったあと、「CREATE NEW PROJECT」をクリックしてプロジェクトを新規作成します。 ![](https://2065311989-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPaXBcOlSdtMssa9shX%2F-LQBN7Upfe7ggJO4nFI7%2F-LQBPcI-Z5ZYCUpAutlP%2F%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202018-11-01%208.15.37.png?alt=media\&token=d15f732a-373d-48e8-a94e-79591c100cea) infura.ioのテストネットワークに繋ぐためのプロジェクトのため「RINKEBY API」の名前にしましょう。 ![](https://2065311989-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPaXBcOlSdtMssa9shX%2F-LQBN7Upfe7ggJO4nFI7%2F-LQBPyZNNDMMzyGSZE6D%2F%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202018-11-01%208.16.16.png?alt=media\&token=0b884b68-7434-479a-b1b9-a98ff47c205d) プロジェクトが作成されましたら、次に繋げるネットワークの種類を変更します。「ENDPOINT」のネットワークを「RINKEBY」に設定するとエンドポイントも少し変更されます。rinkeby.infura\~\~のエンドポイントの右にある青いアイコンをクリックしてコピーしましょう。 ![](https://2065311989-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPaXBcOlSdtMssa9shX%2F-LQBN7Upfe7ggJO4nFI7%2F-LQBQGiWD6H9hNbrwYWI%2F%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202018-11-01%208.19.03.png?alt=media\&token=7a7f6a4f-0297-46ef-bf6c-44b76cfec94b) これでテストネットワークをローカルの容量を食わずに開発で利用することができます。 ハードウォレットのプラグインをインストールする {% code title="ターミナル" %} ``` npm install --save truffle-hdwallet-provider@0.0.3 ``` {% endcode %} 作成したコントラクタをテストネットワークにてデプロイするためのプログラムを作成する 新しくdeploy.jsを作成して下記のコードを書いていきましょう。重要なポイントは、providerを作成するときに、まずは、MetaMaskで12個のキーワードがありましたね。それとinfura.ioでコピーしたrinkebyのネットワークに繋げるためのAPI KEYを入れましょう。 ``` const HDWalletProvider = require('truffle-hdwallet-provider'); const Web3 = require('web3'); const {interface, bytecode} = require('./compile'); const provider = new HDWalletProvider( '12個キーワード', 'https://rinkeby.infura.io/v3/あなたのコピーしたリンク' ); const web3 = new Web3(provider); const deploy = async () => { const accounts = await web3.eth.getAccounts(); console.log('Attempting to deploy from account ', accounts[0]); const result = await new web3.eth.Contract(JSON.parse(interface)) .deploy({ data: bytecode, arguments: ['Hi there!'] }) .send({ from: accounts[0],gas:'1000000' }); console.log('Contract deployed to ', result.options.address); }; deploy(); ``` これをnode deploy.jsで実行することで、MetaMaskのアカウントが取得することができたらOKです。 {% code title="ターミナル" %} ``` * node deploy.js Attempting to deploy from account MetaMaskのアドレス Contract deployed to コントラクタのアドレス ``` {% endcode %} 下記のようなエラー表記が出たら、gasが口座から引けない状態のため、「MetaMask rinkebyのネットワークでetherを取得する」にでetherを所持したアドレスで行いましょう。 {% code title="ターミナル" %} ``` (node:80230) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 1): Error: insufficient funds for gas * price + value (node:80230) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code. ``` {% endcode %} ### デプロイされたコントラクタの内容を確認する deploy.jsにてコントラクタが作成されてデプロイされました。テストネットワークを見ることでコントラクタが正常に発行されたかを見ることができます。にアクセスしましょう。 ![](https://2065311989-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPaXBcOlSdtMssa9shX%2F-LQCj2vLk8aPmIUeHdBw%2F-LQCjsp1UVzFt3JvV13U%2F%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202018-11-01%2014.29.14.png?alt=media\&token=e7b3f66e-bf56-4df2-a00a-b3642578d077) このページで先ほどの結果で出たコントラクタのアドレスをページの右上に貼り付けましょう。すると、コントラクタの内容が表示されて正常に発行されたこととトランザクションの内容が表示されます。 ![](https://2065311989-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPaXBcOlSdtMssa9shX%2F-LQCj2vLk8aPmIUeHdBw%2F-LQCkRLNueSNI94DtkRV%2F%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202018-11-01%2014.31.01.png?alt=media\&token=b76d16e4-60a6-4266-a73a-9666cca45888) ### RemixでInboxを実行してみる ローカルでdeployまでを行いました。内容としてテストも正常に通したため今度は、Remixで実行してみたいと思います。Remixにアクセスしたあと、Environmentの設定を「Injected Web3」に設定してみましょう。するとMetaMaskのアドレス内容がしたのAccountに表示されていることがわかります。 これは、Injected Web3がMetaMask から供給される Web3 のアカウントを使用するという設定です。 ![](https://2065311989-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPaXBcOlSdtMssa9shX%2F-LQCoj3GMe1D7h64KbyU%2F-LQClByy4cHDcFci29iP%2F%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202018-11-01%2014.33.58.png?alt=media\&token=42fb12ae-9f03-4c2b-a873-d63d1410598f) ### 作成されたコントラクタのアドレスを入れる Inboxの下にある 「At Address」にローカルで表示させたコントラクトのアドレスをコピペし、At Addressボタンを押すと、そのコントラクタの内容にフォーカスすることができます。 ![ここのAt Address部分](https://2065311989-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPaXBcOlSdtMssa9shX%2F-LQCoj3GMe1D7h64KbyU%2F-LQCm85qpqD1OvoE1JNj%2F%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202018-11-01%2014.38.55.png?alt=media\&token=5a3f37d8-0db4-46a1-ba89-eb94b66e93b7) ![](https://2065311989-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPaXBcOlSdtMssa9shX%2F-LQCoj3GMe1D7h64KbyU%2F-LQCmYGGn-sZoAxsLQ72%2F%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202018-11-01%2014.40.00.png?alt=media\&token=d73d19aa-9eb9-4e34-985c-627a83174dfa) ### callとmethodの違い ここで、callとmethodの違いがはっきりわかります。今までVMの中で閉じられていた世界では、messageボタンもsetMessageボタンも押すとすぐに反応しました。しかし、今回はrinkebyネットワークに存在しているコントラクタにアクセスして更新するため行いが大きく異なります。 messageボタンはcallするだけなのですぐにHi thereが表示されます。 しかし、setMessageボタンに"hey"などの文字列を入れて行うと新しいウィンドウが表示されてきます。 ![](https://2065311989-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPaXBcOlSdtMssa9shX%2F-LQCoj3GMe1D7h64KbyU%2F-LQCnbL6cgw2LFXk1GRK%2F%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202018-11-01%2014.44.58.png?alt=media\&token=4349c0bc-66ca-415d-8157-2a2c57692e24) コントラクトの中身を変えることで新しくトランザクションが発生しそのときにgasが必要となるための確認が必要となります。確認ボタンを押しましょう。 確認ボタンを押したあと、すぐにmessageボタンを押してcallしてみてください。まだ「Hi there」のままだと思います。これがネットワークでトランザクションを新しく発行している処理です。MetaMaskのポップが表示されたことでトランザクションが正常にできたことがわかりますので、その後messageをcallしてみましょう。すると「hey」に変更されているはずです。 ![](https://2065311989-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPaXBcOlSdtMssa9shX%2F-LQCoj3GMe1D7h64KbyU%2F-LQCoVYHkLkSff5ZSRyu%2F%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202018-11-01%2014.46.59.png?alt=media\&token=0841b76a-652a-4586-badc-3c80d3726d88) ![](https://2065311989-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPaXBcOlSdtMssa9shX%2F-LQCoj3GMe1D7h64KbyU%2F-LQCoSqqxYuvmaonYWP8%2F%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202018-11-01%2014.46.52.png?alt=media\&token=a820cc33-1051-4285-bb3f-196c7f9339a4) ![](https://2065311989-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPaXBcOlSdtMssa9shX%2F-LQCoj3GMe1D7h64KbyU%2F-LQCod_hnKy8OtvU9VYI%2F%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202018-11-01%2014.50.11.png?alt=media\&token=414705fb-245f-46d9-9072-5ec5876a6025)