经过好一段时间的折腾，还好搞出一个稍微有点含金量的的提升，在这里得感谢我的大飞哥的鼎力支持！阿里嘎多。。。 ##该demo涉及的技术点(仅供参考)： element-ui koa2 MongoDB Solidity go-ethereum PFS星际文件系统 web3 truffle
Solidity在线编译 MateMask 源码地址: https://github.com/Jacky-MYD/vue-dapp-demo
至于开发环境的搭建应该是比较繁琐的，上述链接可以参考，当然各技术点的官网会好一点。
###项目目录
sudo mongod
2.cd到服务端：
cd serve
npm install
npm run start // 默认端口8081
3.cd到客户端
cd clietn
npm install
npm run dev // 默认端口：8090
4.打开Ganache，默认本地环境：http://127.0.0.1:7545 5.登录MateMask 6.启动ipfs环境
ipfs daemon
7.浏览器访问：http://127.0.0.1:8090 在各种环境都启动好之后，就可以通过合约进行注册用户
demo简介 在编写好服务端register的API以及客户端代码后（这里就不解释了）， 编写合约： Account.sol
pragma solidity ^0.5.8;
import "./SafeMath.sol";//开源的安全操作unit256的合约
contract Account{
using SafeMath for uint256;
//新成员创建事件
event NewMember(string _name, string _avator);
//成员信息结构
struct Member {
string name;//名字
string avatar;//头像
bool isExist;//是否注册
uint256 balance;//可周转余额
}
//地址到成员信息的mapping
mapping(address => Member) internal addressToMember;
//限制调用的条件
modifier onlyMemberOf(address _from){
require(addressToMember[_from].isExist);
_;
}
// 注册
function registerMember(string memory _name, string memory _avatar) public {
require(!isMemberOf());
addressToMember[msg.sender] = Member(_name, _avatar, true, 0);
emit NewMember(_name, _avatar);
}
...
}
通过truffle进行合约编译 ，编译后会得一个Account.json文件，里面含有合约的ABI和合约地址等信息
const Account = artifacts.require("Account");
module.exports = function(deployer) {
deployer.deploy(Account);
};
连接web3
import Web3 from 'web3'
let getWeb3 = new Promise((resolve, rejects) => {
var web3js = window.web3;
var web3Provider;
if (typeof web3js !== 'undefined') {
web3Provider = web3js.currentProvider;
} else {
// If no injected web3 instance is detected, fall back to Ganache
web3Provider = new Web3.providers.HttpProvider('http://127.0.0.1:7545');
}
var web3 = new Web3(web3Provider);
resolve({
injectedWeb3: web3.eth.net.isListening(),
web3() {
return web3
}
})
}).then((result) => {
return new Promise(function (resolve, reject) {
result.web3().eth.net.getId((err, networkId) => {
if(err) {
reject(new Error('Unable to retrieve network ID'))
} else {
console.log('retrieve newworkId: ' + networkId)
result = Object.assign({}, result, {networkId})
resolve(result)
}
})
})
}).then(result => {
return new Promise(function (resolve, reject) {
result.web3().eth.getCoinbase((err, coinbase) => {
if(err) {
reject(new Error('Unable to retrieve coinbase'))
} else {
coinbase = result.web3().utils.toChecksumAddress(coinbase);
console.log('retrieve coinbase: '+ coinbase);
result = Object.assign({}, result, {coinbase});
resolve(result)
}})
})
});
export default getWeb3
通过web3调用合约中的方法
import Web3 from 'web3'
import { address, ABI } from './comtractsAbi/Account'
import AccountContract from '../../build/contracts/Account'
let getContract = new Promise((resolve, rejects) => {
let web3 = new Web3(window.web3.currentProvider)
let MyContract = new web3.eth.Contract(AccountContract.abi, AccountContract.networks[5777].address)
if (!MyContract) {
reject("no contract instance build")
}
resolve(MyContract);
})
export default getContract
配置ipfs
import ipfsAPI from 'ipfs-api'
import util from './util'
let ipfs = ipfsAPI('localhost', '5001', {protocol: 'http'})
let ipfsPublic = {
/**
* set ipfs
*/
add: (param) => {
return new Promise(async (resolve, reject) => {
const buffer = Buffer.from(param)
await ipfs.add(buffer).then( rsp => {
resolve(rsp[0].hash)
}).catch(err => {
console.error(err)
reject (err)
})
})
},
/**
* get ipfs buffer
*/
getBuff: (hash) => {
return new Promise(async (resolve, reject) => {
await ipfs.cat(hash).then( buff => {
resolve(buff)
})
.catch(err => {
console.error(err)
reject (err)
})
})
},
/**
* buffer to utf-8 str
*/
get: (hash) => {
return new Promise(async (resolve, reject) => {
await ipfs.cat(hash).then( buff => {
let strContent = util.Utf8ArrayToStr(buff);
resolve(strContent)
})
.catch(err => {
console.error(err)
reject (err)
})
})
}
}
export default ipfsPublic
至于代码详情，可看源码
项目流程简单说明
在合约部署后，项目启动完成时，会得到一个合约地址（address："0x07f417017aa903616eecc7fb4932b7f1383305a3"）
