以太坊区块链使用WEB3开发自己第一个DAPP

摘要：在学习了最基础的一些以太坊知识以及开发框架搭建完成之后，可以尝试开发自己的第一个DApp，此处使用Truffle开发框架，Remix编译环境，Genache测试客户端，具体操作如下

 

在学习了最基础的一些以太坊知识以及开发框架搭建完成之后，可以尝试开发自己的第一个DAPP，此处使用松露开发框架，混音编译环境，Genache测试客户端，具体操作如下。

    此处参照MetaCoin创建自己的模拟转账Dapp名称为RuoliCoin

 

1，创建工作目录

            创建RuoliCoin目录，在此目录下打开命令行执行Truffle初始化命令，如下：

松露unbox webpack

            即可创建基础松露框架。

 

2，创建密实智能合约文件

            在RuoliCoin / contracts目录下删除原有的ConvertLib.sol，MetaCoin.sol两个文件，新建RuoliCoin.sol文件，使用Web版本的Remix打开此文件，进行智能合约的编写操作，最后编写好的智能合约内容如下：

pragma solidity ^ 0.4.23;

合同RuoliCoin {
	mapping（address => uint）balances; 事件转移（地址索引_from，地址索引_to，uint256 _value）; constructor（）public {
		余额[msg.sender] = 10000;
	函数sendCoin（地址接收者，uint金额）公共返回（bool足够）{if（balances [msg.sender] 

 

3，部署至测试环境

        修改truffle.js文件，指定本地RCP Server地址（启动Ganache后主界面有显示），内容如下：

module.exports = {
    网络：{  
        发展：{  
            主持人：'localhost'，  
            港口：'7545'，  
            network_id：'*'//匹配任何网络ID  
        }  
    } 
};

         迁移目录下1_initial_migration.js，2_deploy_contracts.js两个文件非常重要切勿删除，在此目录下将2_deploy_contracts.js进行修改内容如下：

var RuoliCoin = artifacts.require（“./ RuoliCoin.sol”）; module.exports = function（deployer）{
  deployer.deploy（RuoliCoin）;
  
};

       

在RuoliCoin目录下使用命令行编译并部署智能合约文件，如下：

PS C：\ Workspace \ Ruoli-Code \ Truffle \ RuoliCoin> truffle compile
PS C：\ Workspace \ Ruoli-Code \ Truffle \ RuoliCoin>松露部署
使用网络'发展'。

正在运行迁移：1_initial_migration.js
  部署迁移...
  ... 0x73e55a0f780c6780039abc3feb8b5e1243744135096e441668e8ab55579e51db
  迁移：0xb81237dd01159a36a5ac3c760d227bbafe3341e成功迁移到网络...
  ... 0xc5be542ec02f5513ec21e441c54bd31f0c86221da26ed518a2da25c190faa24b保存文物......
正在运行迁移：2_deploy_contracts.js
  部署RuoliCoin ......
  ... 0xd4c85531d5d83c61f79485c43e6e4146d51b909c8b73bf5d88b60aa990cf1d08
  RuoliCoin：0x6ba286f3115994baf1fed1159e81f77c9e1cd4fa成功迁移到网络...
  ... 0xc8d5533c11181c87e6b60d4863cdebb450a2404134aea03a573ce6886905a00b保存文物......
PS C：\ Workspace \ Ruoli-Code \ Truffle \ RuoliCoin>

此时查看Ganache界面中第一个账户的ETH余额已减少，说明部署成功。

 

4，编写页面文件

在app目录下删除所有文件，新建index.html，javascripts / app.js两个文件，文件内容如下：

index.html如下：

<！DOCTYPE html>