新手教程 Scatter 在测试网络中与 Dapp 交互使用

Surou · 2018年09月26日 · 最后由 eosman 回复于 2018年09月26日 · 513 次阅读

本文章将演示Scatter在测试网络中,与Dapp项目进行常规操作。

1.Dapp测试项目搭建

1.clone Dapp测试项目代码
git clone https://github.com/generEOS/eostoolkit.git
2.编译运行eostoolkit
  • 进入eostoolkit源码目录,修改package.json中dependencies的eosjs为当前最新版本,发文时"eosjs": "^15.0.1"
  • 执行npm install安装项目依赖,然后执行npm start执行。
  • chrome打开http://127.0.0.1:8080 访问Dapp项目。
  • 点击Attach Identity链接Scatter扩展,匹配适合的身份信息。 对于Scatter 查找是否存在针对该Dapp项目网络的身份,是根据Scatter添加的身份是否拥有与此Dapp项目相同的chain id身份。 #### 2.修改Dapp项目配置,支持EOS测试网络。
  • ##### 由于我们要测的是自己的EOS测试网络,所以修改下Dapp项目代码 修改eostoolkit\src\scatter-client.jsx,修改host,port,chainId为我们测试网络对应的参数
const httpNetwork = {
    blockchain:'eos',
    host:'192.168.1.112', // ( or null if endorsed chainId )
    port:8888, // ( or null if defaulting to 80 )
    chainId:"cf057bbfb72640471fd910bcb67639c22df9f92470936cddc1ade0e2f2e7dc4f", // Or null to fetch automatically ( takes longer )
}

修改 networkhttpNetwork

connectIdentity() {
      this.state.scatter.getIdentity({accounts:[{chainId:httpNetwork.chainId, blockchain:httpNetwork.blockchain}]}).then(() => {
          console.log('Attach Identity');
          console.log(this.state.scatter.identity);
          this.setState({identity: window.scatter.identity});
      }).catch(error => {
          console.error(error);
          console.error(chainId:httpNetwork.chainId);
      });
  }
  • 等待Dapp项目重新编译运行后,再次点击Attach Identity链接Scatter扩展,匹配适合的身份信息。 已经正确检测到我们上篇文章添加的账号身份。
  • 选择对应的Identity,点击 Select Identity
  • 点击Accept Dapp项目将接受此身份信息 #### 3.测试Dapp与Scatter的交互 此处只举查看账号信息的例子,其余的自行测试 在Lookup Accounts输入Enter Account Name 查询账户 dapp.exec1 点击Search

eostoolkit当前版本2.0,新版本请对应参考

共收到 1 条回复
需要 登录 后方可回复, 如果你还没有账号请点击这里 注册