搞明白以太坊DAPP开发.docxVIP

搞明?白以太坊DAPP开发 熊丽兵（Tiny熊） ?自我介绍 熊丽兵（Tiny熊） 深?入浅出区块链 登链科技创始?人  ?目录 什什么是去中?心化应?用DApp ?一个简单的DApp 编写合约 编写 Web 前端 实现前端与合约交互 Decentralized App App App/H5/?小程序 请求 回应 服务器? 服务器? DApp App/H5/ App/H5/?小程序 交易易 事件 App 如何开发  DApp 客户端UI 客户端UI HTTP RPC 后端服务程序 智能合约 Nginx/Apache 节点EVM ?一个简单的Dapp ?一个简单的Dapp 读取合约内名字和年年龄并显示 名字和年年龄保存在区块链（合约）上 如何实现 编写智能合约 编写 Web 前端 实现前端与合约交互 编写智能合约 智能合约 以太坊上的程序，是代码和数据(状态)的集合。 编程语?言：Solidity contract Hello { function hello() public returns(string) { return "Hello World"; } } 编写智能合约 ?工具 IDE - Remix （在线的Web IDE） 钱包 - MetaMask 编写智能合约 pragma solidity ^0.5.0; contract InfoContract { string name; uint age; function setInfo(string _name, uint _age) public { name = _name; age = _age; } function getInfo() public view returns(string, uint) { return (name, age); } } 编写前端 <div class="container"> <h1>First DApp Demo</h1> <h2 id="info"> </h2> <label >姓名：</label> <input id="name" type="text"> <label>年年龄：</label> <input id="age" type="text"> <button id = "button">更更新</button> </div> 实现前端与合约交互 web3.js 以太坊和节点交互的?一套API，是对RPC调?用的封装 获取节点状态 获取账号信息 调?用合约、监听合约事件 … 实现前端与合约交互 导?入及初始web3 <script src=“web3.min.js"></script> if (typeof web3 !== 'undefined') { web3 = new Web3(web3.currentProvider); } else { web3 = new Web3(new Wviders.HttpProvider("")); } } 实现前端与合约交互 实例例合约 var infoContract = web3.eth.contract(ABI); var info = infoContract.at(’合约地址’); ABI：Application Binary Interface 应?用程序?二进制接?口：告诉应?用合约提供了了那些接?口 实现前端与合约交互 调?用合约函数 info.getInfo(function(error, result) { }); info.setInfo(name, age, function(error, result) { }) demo github: /xilibi2003/DAppDemos Tru?e 开发框架、脚?手架 ：集成合约编译、链接、测试、部署… Remix 中编译拷?贝ABI tru?e compile Remix 中部署拷?贝地址 tru?e migrate 不不易易测试 tru?e test DApp的问题 DApp -> DWeb 谢 谢 学习完整课程