BCSkill (Block chain skill )
区块链中文技术社区

只讨论区块链底层技术
遵守一切相关法律政策！

本文章将演示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 )
  }

  修改 network为httpNetwork

  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
  

下面演示Scatter在Chrome浏览器下的使用，以及帐号，身份，网络等设置

1.打开Chrome已安装的Scatter

• 输入密码(New Password)和确认密码(Confirm Password)
• 点击创建新Scatter(Create New Scatter)
• 跳转到助记词页面
  
  将显示的单词手抄下来保存
• 点击I wrote it down进入下一步
• 点击Start Basic Setup进入导入Key页面，如果此时没有Key,点击 No Blockchain 跳过。
  
  此时进入Scatter的主界面
  

2.配置

要想Scatter对一个EOS网络支持的网站，能够进行转账等操作权限，需要进行以下配置

• 添加对应chain id的EOS网络
• 添加已存在EOS网络的账号
• 配置账户身份信息

1.添加对应chain id的EOS网络

• 打开右上角设置
• 在Settings中打开Networks
  此列表已存在EOS,ETH各一个配置，下面演示新建一个我们自己的EOS网络。
• 点击右上角New 进入网络设置
  
  根据自己网络的配置，填写信息
  
  对于chain id 可以通过 cleos get info等方式获取到（具体的查看本站相关贴，此处不详述）

2.添加已存在EOS网络的账号

• 打开主界面 Key Pairs
• 在Key Pairs 主界面点击New 新建
  
  输入EOS网络已存在的账号名和私钥 （发帖此时，新建的话，目前EOS网络有问题，需要先抵押，也许后期后支持）
  
  点击Save 保存
  

  3.配置账户身份信息

• 主界面打开 Identities 进入身份设置
  
  此处存在一个演示身份.
• 下面我们演示新建身份，点击右上角New进入身份新建页面
  
• 选择我们上面新建的网络（Bcskill）和账户Key(dapp.exec1)
  
• 点击Import导入帐号
  
• 选择你将以何种身份加入帐号，然后点击Use Selected Account
  
  剩下的用户信息，自己根据需要自行填写即可。
• 点击Save 保存
  
  此时已完成新建账户身份。
• 测试下账户身份，点击获取账户余额
  
  

Scatter 在测试网络中与Dapp交互使用

下面演示在Chrome浏览器中演示Scatter的安装

1.源代码安装

首先将Scatter 项目源代码clone到本地

git clone https://github.com/EOSEssentials/Scatter

• 简述源代码编译

  首先安装好nodejs环境，在此目录执行 npm install安装项目依赖，依赖安装完成后，执行npm run build即可编译出build目录，里面的文件与目录下scatter.zip（此为当前源代码之前编译完成的）文件功能相同。

• 加载扩展

  Chrome 浏览器地址栏打开chrome://extensions/，点击打开LOAD UNPACKED,选择scatter.zip解压目录，或者编译生成的build目录。即可完成扩展的安装
  

2.Store安装

打开Chrome Store地址：(Go to Chrome Store)
点击添加至CHROME,允许安装即可自动完成

相关推荐：
Scatter的使用及添加测试网络相关设置
Scatter 在测试网络中与Dapp交互使用

cd eos_source_dir/build
sudo make install

确认下交易的时间与最新同步区块的时间相差不超过
config.ini 配置的 max-transaction-time设置的时间。

测试环境可以修改
max-transaction-time = 30000 或者更高