本篇文章给大家分享的是有关SimpleChain 开发Dapp实例分析，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。
成都创新互联公司-专业网站定制、快速模板网站建设、高性价比城关网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式城关网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖城关地区。费用合理售后完善，10多年实体公司更值得信赖。
SimpleChian技术社区最近准备举办开发挑战赛，很多社区老铁都跃跃欲试想基于SimpleChain开发Dapp应用。鉴于此种情况，本期我们就来聊一下如何基于SimpleChain开发Dapp。 下面是开发Dapp开发的详细过程，流程梳理如下：
除了Mac电脑，还需要安装SimpleChain开发的相关环境。环境如下:
nodejs truffle solidity testrpc
另外，教程中还会用到webpack，安装教程网上也有很多。这部分如果不熟悉的话请自行查阅学习下。
前面我们已经安装了truffle ,我们只需要在 电脑的项目目录下新建conference目录，进入目录执行truffle init，就可以使用truffle这个Dapp前端框架来初始化自己的项目。执行完后建立如下的子目录和文件:
contracts/: 智能合约存放的目录，默认情况下已经帮你创建 Migrations.sol合约。 migrations/: 存放部署脚本 test/: 存放测试脚本 truffle.js: truffle的配置文件
修改truffle.js文件，改成如下:
module.exports = {
networks: {
development: {
host: "localhost",
port: 8545,
network_id: "*" // 匹配任何network id
}
}
};上面的是设置我们稍后要部署智能合约的位置, 否则会报网络错误。
打开电脑的一个终端，输入testrpc运行测试节点。testrpc是一个完整的在内存中的区块链测试环境，启动 testrpc 经后，会默认创建10个帐号，Available Accounts是帐号列表，Private Keys是相对应的帐号密钥。如下图：
进入contracts目录，此目录是存放合约代码的地方。我们可以使用编程工具（Viscode）编写测试合约代码。我这里贴出的是投票的智能合约
pragma solidity ^0.4.2;
contract Migrations {
address public owner;
uint public last_completed_migration;
modifier restricted() {
if (msg.sender == owner) _;
}
function Migrations() {
owner = msg.sender;
}
function setCompleted(uint completed) restricted {
last_completed_migration = completed;
}
function upgrade(address new_address) restricted {
Migrations upgraded = Migrations(new_address);
upgraded.setCompleted(last_completed_migration);
}
}合约内容很简单,是一个针对链上投票的策略。用户可以链上投票，保证投票的真实性和客观性。
修改migrations下的1_initial_migration.js文件，改成如下：
//var Migrations = artifacts.require("./Migrations.sol");
var Conference = artifacts.require("./Voting.sol");
module.exports = function(deployer) {
//deployer.deploy(Migrations);
deployer.deploy(Conference);
};编译：
$ sudo truffle compile --compile-all
注意看下有无报错：
Truffle 仅默认编译自上次编译后被修改过的文件，来减少不必要的编译。如果你想编译全部文件，可以使用--compile-all选项。
然后会多出一个build目录，该目录下的文件都不要做任何的修改。
部署:
$ sudo truffle migrate --reset
这个命令会执行所有migrations目录下的js文件。如果之前执行过truffle migrate命令，再次执行，只会部署新的js文件，如果没有新的js文件，不会起任何作用。如果使用--reset参数，则会重新的执行所有脚本的部署。
测试下，在test目录新增一个conference.js测试文件，
var Conference = artifacts.require("./Voting.sol");
contract('Conference', function(accounts) {
console.log("start testing");
//console.log(accounts);
var owner_account = accounts[0];
var sender_account = accounts[1];
it("Initial conference settings should match", function(done) {
Conference.new({from: owner_account}).then(
function(conference) {
conference.quota.call().then(
function(quota) {
assert.equal(quota, 100, "Quota doesn't match!");
}).then(
function() {
return conference.numRegistrants.call();
}).then(
function(num) {
assert.equal(num, 0, "Registrants doesn't match!");
return conference.organizer.call();
}).then(
function(organizer) {
assert.equal(organizer, owner_account, "Owner doesn't match!");
done();
}).catch(done);
}).catch(done);
});这是一个测试用例，运行truffle test查看测试结果。
$ truffle test Using network 'development'. start testing Contract: Conference ✓ Initial conference settings should match (191ms) ✓ Should update quota (174ms) ✓ Should let you buy a ticket (717ms) ✓ Should issue a refund by owner only (714ms) 4 passing (2s)
在conference目录下执行npm init，然后一路回车，会生成一个名为package.json的文件，编辑这个文件，在scripts部分增加两个命令，最终如下:
{ "name": "conference", "version": "1.0.0", "description": "", "main": "truffle-config.js", "directories": { "test": "test" }, "scripts": { "test": "echo "Error: no test specified" && exit 1", "start": "webpack", "server": "webpack-dev-server --open" }, "author": "", "license": "ISC" }
package.json文件定义了这个项目所需要的各种模块，以及项目的配置信息（比如名称、版本、许可证等元数据）。npm命令根据这个配置文件，自动下载所需的模块，也就是配置项目所需的运行和开发环境。
然后在conference目录下新建app目录，并创建index.html文件，如下: