前面讲了那么多，其实都是为了成功运行一个Dapp做的铺垫，那么今天我们就来完整的运行一个Dapp。运行这个Dapp前面几篇文章的操作是必不可少的，Dapp的源码是我在网上找的，不过由于合约语法和Truffle框架的升级，原来的demo已经不能够正常运行，所以我在原来的基础上进行了修改，重新上传到了git上，有需要的可以去Conference下载源码。
运行Dapp没必要纠结什么node集成，webpack之类的，把项目创建在自己的服务器路径下也能够实现项目的正常运行，或是一些web开发工具例如:WS、PhpStorm之类的都提供有浏览器调试工具，所以不要纠结前端编译的问题。早前的Truffle框架是集成有构建功能的，后来官方觉得绑定得太死反而有些鸡肋，就把默认构建功能移除了，当然功能还是保留在的，可以去Truffle官方找找资料。
初始化智能合约
编译合约、部署合约、启动testrpc这些前提操作就不再赘述了。前面讲truffle console的时候就讲到了使用TruffleContract的方式来调试合约，其实我们也可以通过这种方式来初始化合约，当然比较合理的方式是使用web3来初始化合约。这里我们以TruffleContract的方式来初始化。
这部操作我们需要引用truffle-contract.min.js资源包，初始化合约的关键代码如下：
var myConferenceInstance;
var Conference = TruffleContract(合约编译后的json内容);
// Initialize
function initializeConference() {
Conference.setProvider(new web3.providers.HttpProvider("http://localhost:8545"));
Conference.new({from: account, gas: 3141592}).then(
function (conf) {
myConferenceInstance = conf;
$("#confAddress").html(myConferenceInstance.address);
checkValues();
});
}
通过这种方式初始化合约必须要设置provider。
调用合约中的方法
初始化完成之后，就可以调用合约中的方法，完成具体的业务流程，例如调用buyTicket()方法：
// buyTicket
function buyTicket(buyerAddress, ticketPrice) {
myConferenceInstance.buyTicket({from: buyerAddress, value: ticketPrice}).then(
function () {
return myConferenceInstance.numRegistrants.call();
}).then(
function (num) {
$("#numRegistrants").html(num.toNumber());
return myConferenceInstance.registrantsPaid.call(buyerAddress);
}).then(
function (valuePaid) {
var msgResult;
if (valuePaid.toNumber() == ticketPrice) {
msgResult = "Purchase successful";
} else {
msgResult = "Purchase failed";
}
$("#buyTicketResult").html(msgResult);
});
}
具体的代码去git上查看。
运行Dapp
完成业务逻辑之后，就可以运行Dapp。
1.首先启动testrpc
2.浏览器还需要安装有MetaMask插件。将MetaMask的网络设置为Localhost 8545，然后从testrpc提供的测试地址中选一个导入到MetaMask中
3.账户导入成功之后，运行Dapp
4.测试买票和退票
总结
上面的例子并不是很完善，因为只是一个demo，在业务逻辑实现的过程中少了一些阈值的判断，这样做有些缺乏严谨，大伙儿尝试的过程中可以进一步完善。
另外，智能合约的初始化最好还是使用web3中提供的方法，在开发Dapp的之前最好熟练掌握web3的用法。
