入职区块链公司,开始自己接受完整项目,最近的新项目是合约。主要使用的技术就会Matemask、web3.js等(技术很菜,仅供参考,有错误请指教)

1.先下载matemask到本地 (我是下载到本地的文件夹里面)

如图

           入职区块链公司,开始自己接受完整项目,最近的新项目是合约。主要使用的技术就会Matemask、web3.js等(技术很菜,仅供参考,有错误请指教)_第1张图片

然后在浏览器的扩展程序中加载

入职区块链公司,开始自己接受完整项目,最近的新项目是合约。主要使用的技术就会Matemask、web3.js等(技术很菜,仅供参考,有错误请指教)_第2张图片

注册登录(要记住助记词)然后登录

入职区块链公司,开始自己接受完整项目,最近的新项目是合约。主要使用的技术就会Matemask、web3.js等(技术很菜,仅供参考,有错误请指教)_第3张图片

这个网络是自己项目设置的(步骤一二 效果图三)

入职区块链公司,开始自己接受完整项目,最近的新项目是合约。主要使用的技术就会Matemask、web3.js等(技术很菜,仅供参考,有错误请指教)_第4张图片入职区块链公司,开始自己接受完整项目,最近的新项目是合约。主要使用的技术就会Matemask、web3.js等(技术很菜,仅供参考,有错误请指教)_第5张图片入职区块链公司,开始自己接受完整项目,最近的新项目是合约。主要使用的技术就会Matemask、web3.js等(技术很菜,仅供参考,有错误请指教)_第6张图片

这样安装就算完成。

2.web3.js的使用(我写的可能不是很好 但是我用起来不出错)

我的理解就是:web3.js是以太网的节点,它提供了一套API 所以接入以太网的程序都是需要调用web3.js的 matemask就是在浏览器中提供了一个web3实例

开始调用接口之前后台会提供一个abi 和addrss

下图这部分代码是在首页调用的 初始化web3.js 其实就是看matemask是否生效

入职区块链公司,开始自己接受完整项目,最近的新项目是合约。主要使用的技术就会Matemask、web3.js等(技术很菜,仅供参考,有错误请指教)_第7张图片

当页面matemask生效之后就开始调用接口了 

提供的abi里面是不同接口组成对的数组 里面的name是接口的名称 inputs是接口需要的参数 ouput是返回值 payable为true 就是跟支付相关的 需要传递数量 燃料单价等 为false就是跟支付不相关不传数量

 

我的项目需求是就是页面要提示用户账户余额 newabi newadd是接口的abi和address getBalance和cxesch就是abi里面的两个接口name getAccounts 这个函数是获取当前账户地址(也就是自己的地址)account[0] 这个值就是自己地址

入职区块链公司,开始自己接受完整项目,最近的新项目是合约。主要使用的技术就会Matemask、web3.js等(技术很菜,仅供参考,有错误请指教)_第8张图片

 

项目其中包括列表信息 也是要请求接口 这个就是abi其中的ordersOf的接口(举例)(我的写法是这样的)

入职区块链公司,开始自己接受完整项目,最近的新项目是合约。主要使用的技术就会Matemask、web3.js等(技术很菜,仅供参考,有错误请指教)_第9张图片

 入职区块链公司,开始自己接受完整项目,最近的新项目是合约。主要使用的技术就会Matemask、web3.js等(技术很菜,仅供参考,有错误请指教)_第10张图片

 

payable为true的时候

入职区块链公司,开始自己接受完整项目,最近的新项目是合约。主要使用的技术就会Matemask、web3.js等(技术很菜,仅供参考,有错误请指教)_第11张图片

入职区块链公司,开始自己接受完整项目,最近的新项目是合约。主要使用的技术就会Matemask、web3.js等(技术很菜,仅供参考,有错误请指教)_第12张图片

楼下两张图是payable为true的时候传递je(input标签输入的数量 需要数据处理) jsrx xjrx也是传递的参数 gas gasprice这两个参数是燃料单价 是固定的 

入职区块链公司,开始自己接受完整项目,最近的新项目是合约。主要使用的技术就会Matemask、web3.js等(技术很菜,仅供参考,有错误请指教)_第13张图片

 

3.每次调用接口的时候不能时时麻烦后台帮忙查看返回值时候正确 

https://www.myetherwallet.com/(我不清楚这个网站是需要配置什么 但是我是从这个网站看每个接口调用的返回值 传递参数)

最后一张图片就是查看不同接口返回的参数情况

入职区块链公司,开始自己接受完整项目,最近的新项目是合约。主要使用的技术就会Matemask、web3.js等(技术很菜,仅供参考,有错误请指教)_第14张图片入职区块链公司,开始自己接受完整项目,最近的新项目是合约。主要使用的技术就会Matemask、web3.js等(技术很菜,仅供参考,有错误请指教)_第15张图片入职区块链公司,开始自己接受完整项目,最近的新项目是合约。主要使用的技术就会Matemask、web3.js等(技术很菜,仅供参考,有错误请指教)_第16张图片入职区块链公司,开始自己接受完整项目,最近的新项目是合约。主要使用的技术就会Matemask、web3.js等(技术很菜,仅供参考,有错误请指教)_第17张图片

 

你可能感兴趣的:(matemask,web3.js)