Truffle创建一个Dapp的三大步#区块链#solidity#Truffle#Dapp#以太坊

solidity 专栏收录该内容
2 篇文章 0 订阅

简单介绍Dapp的制作过程。
补:最重要的第零件事是你需要有一个idea
解释:以$+语句 开头的都需要在命令行输入。
解释://后面的话表示注释
需要:Node、Truffle、Ganache、MetaMask、会solidity的你
制作Dapp的三步:

step1:准备

建立项目目录并进入

$ mkdir 项目名/
$ cd 项目名/

使用 truffle unbox 创建项目

$ truffle unbox pet-shop
//这里的pet-shop是一个官方经典实例,该实例已将Dapp开发框架写好。
//为了更方便的开发,我们将借助官方的框架。
//因此,我们需要借助pet-shop的框架,修改pet-shop的源代码,使其变成我们自己的Dapp。

认识目录结构:

build/ 合约编译后将以json自动存放于此
contracts/ 所有智能合约的文件夹,包含一个部署合约 Migrations.sol
migrations/ 所有部署脚步的文件夹
src/ 前端代码
test/ 智能合约测试用例文件夹
truffle.js/ 配置文件

写自己的智能合约

把你的想法用solidity语言写出来。
放在contracts文件夹中。

step2:编译部署测试

编译

$ truffle compile
//将智能合约编程成json文件

部署

创建一个自己的部署脚本 2_deploy_contracts.js

var 合约 = artifacts.require(“合约名字.sol”);

module.exports = function(deployer) {
  deployer.deploy(合约);
};

打开Ganache

//Ganache将运行一个私有区块链节点
//为了将我们的代码运行在区块链节点上,我们先试试运行在Ganache上,再考虑运行在以太坊区块链上。

$ truffle migrate
//将合约部署到区块链节点上

测试

test 目录下新建一个 Test.sol

pragma solidity ^0.5.0;

import "truffle/Assert.sol";   // 引入的断言
import "truffle/DeployedAddresses.sol";  // 用来获取被测试合约的地址
import "../contracts/合约名字.sol";      // 被测试合约

contract Test {
func{Assert.equal(a,b)}
}//断言基本语句

$ truffle test
//测试我们的合约。这一步请勿忽略。

step3:web3上构造Dapp

web3初始化

app.js:

initWeb3: function() {

  if (window.ethereum) {
    App.web3Provider = window.ethereum;
    try {
      await window.ethereum.enable();
    } catch (error) {
      console.error("User denied account access")
    }
  }
  else if (window.web3) {
    App.web3Provider = window.web3.currentProvider;
  }
  else {
    App.web3Provider = new Web3.providers.HttpProvider('http://localhost:7545’);//运行在7545端口上
  }
  web3 = new Web3(App.web3Provider);

  return App.initContract();
}

合约初始化

initContract: function() {
  $.getJSON(‘合约名字.json', function(data) {
    // 用|合约名字.json数据创建一个可交互的TruffleContract合约实例。
    var 合约Artifact = data;
    App.contracts.合约名字 = TruffleContract(合约Artifact);
    App.contracts.合约名字.setProvider(App.web3Provider);

    return App.mark合约();
  });
  return App.bindEvents();
}

合约功能使用

合约功能: function(adopters, account) {
  var 合约实例Instance;

  App.contracts.合约名字.deployed().then(function(instance) {
    合约实例Instance = instance;

    // 调用合约中的方法, 用call读取信息不用消耗gas
    return 合约实例Instance.合约方法.call();
  }).then(function(功能返回值) {
    使用功能返回值;
  }).catch(function(err) {
  });
}

Dapp已经创建完成,让他运行在本地吧。

$ npm run dev 打开http://localhost:7545
  • 2
    点赞
  • 0
    评论
  • 2
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值