前言

本次博客简单记录下开发DApp过程中遇到的一些问题，以及相应的解决方案，因此写的也是很随意，仅供参考

项目地址

Vue如何使用Web3

安装Web3的依赖
1
npm install web3@^0.20.0 --save

项目里创建全局web3对象

写一个插件，例如命名为Web3.js

import Web3 from "web3"
export default {
    install: function (Vue, options) {
        var web3 = window.web3
        if (typeof web3 !== 'undefined') {
            web3 = new Web3(web3.currentProvider)
        } else {
            web3 = new Web3(new Web3.providers.HttpProvider('http://localhost:8545'))
        }
        Vue.prototype.$web3 = web3
    }
}

在main.js里启用该插件，以后就可以这样使用this.$web3这个全局对象了
1
Vue.use(Web3)

例子

获得第一个区块的信息

// 获得第一个区块的信息
this.$web3.eth.getBlock(0)

// 在控制台输出相应信息
console.log(this.$web3.eth.getBlock(0))

参考链接 - 基于Vue、web3的以太坊项目开发及交易内幕初探

创建账号失败问题

此处Web3.js 1.0与0.2的API混用了，没有搞清楚不同版本的区别

创建用户写法

1
2
3

 this.$web3.eth.personal.newAccount('sysu',(err, accounts) => {
    console.log(accounts, err)
})

报错

1	Uncaught TypeError: Cannot read property 'newAccount' of undefined at <anonymous>:1:19

控制台再次尝试同样结果，内心崩溃
newAccount

搜寻许久，发现web3下面使用创建用户的模式应该为
1
2
3
this.$web3.personal.newAccount('sysu', (err, addr) => {
console.log(err)
})
即personal不是在eth命名空间下，与在geth中的控制台使用有所区别

问题仍然没有解决，还是报错了

1	The method personal_newAccount does not exist/is not available] undefine

继续查找解决方案

Are you running with code from the Geth console or from an external JavaScript environment? If you connect an external environment to Geth via the HTTP-RPC interface, by default the personal namespace is not available due to security considerations.

发现问题所在，默认情况下，personal由于安全考虑，命名空间不可用

解决方案

Run your node with --rpc and --rpcapi personal,web3 flags.
i.e. geth --dev --rpcapi personal,web3,eth --rpc
You may need to add --rpccorsdomain "<your-domain>", in case you are using web3 in the web.
geth --dev --rpcapi personal,web3,eth --rpccorsdomain "your-domain"

参照dalao的提示，使用geth启动私有链的时候需要加入--rpcapi personal,web3,eth

1	geth -datadir myData/00 -networkid 2018 -rpc -rpcapi personal,web3,eth --rpcport "8545" --port "30303" -rpcaddr YOUR_IP -rpccorsdomain "*" console

然后再次测试

参考链接 - personal_newAccount does not exist/is not available

Web3.js 0.2XX版本与 Web3.js 1.0版本

Web3.js 0.2x.x API 中文版手册
Web3.js 1.0 中文手册
二者关于API的使用有较多的区别，不能混用。个人后面发现Web3.js 1.0更加好用，然后就果断上车了

Remix连接私有链出现的问题

问题1: Not possible to connect to the Web3 provider

Not possible to connect to the Web3 provider. Make sure the provider is running and a connection is open (via IPC or RPC).
remix
错误原因：在使用geth启动私有链结点的时候没有--rpc
解决:

1	geth -datadir myData/00 -networkid 2018 -rpc -rpcapi personal,web3,eth,net --rpcport "8545" --port "30303" -rpcaddr 127.0.0.1 -rpccorsdomain "*" console

加入以后可以正常连接了

问题2: 成功连接后显示`can't detect network`

remix
错误原因：在使用geth启动私有链结点的时候没有zding开启net
解决:

1	geth -datadir myData/00 -networkid 2018 -rpc -rpcapi personal,web3,eth,net --rpcport "8545" --port "30303" -rpcaddr 127.0.0.1 -rpccorsdomain "*" console

前言