理解以太坊DAPP开发.docx 第22页

理解？ 以太坊DAPP的开发者熊立兵（Tiny Xiong）？ 自我介绍 熊立兵（Tiny Xiong） 深度解读区块链登联科技创始人？ 人们？ 目录 什么是去中心化应用程序？ 申请DApp？ 一个简单的DApp编写合约编写Web前端以太坊dapp平台，实现前端与合约的交互DecentralizedAppApp/H5/? 小程序请求响应服务器？ 服务器？ UIHTTPRPC后端服务程序智能合约Nginx/Apache节点EVM？ 一个简单的 Dapp？ 一个简单的Dapp，读取合约中的姓名和年龄，并显示姓名和年龄，并保存在区块链（合约）上 如何编写智能合约 编写Web前端，实现前端与合约的交互. 编写智能合约。 以太坊上的智能合约程序是代码和数据（状态）的集合。编程语言：Soliditycontract Hello {function hello() public returns(string) { return "Hello World";}}编写智能合约工具IDE-Remix（在线） Web IDE) wallet - MetaMask writing smart contract pragma solidity ^0.5 .0; 合同 InfoContract {字符串名称; uint age;function setInfo(string _name, uint _age) public { name = _name;age = _age;}function getInfo() public view returns(string, uint) { return (name, age);}}写前端

第一个 DApp 演示已更新

实现前端与合约交互 Web3.js 一套以太坊与节点交互的API，是对RPC调用的封装 获取节点状态 获取账户信息 调用合约以太坊dapp平台，监听合约事件... 实现前端与合约交互导入和初始的web3if(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 /DAppDemosTru?e 开发框架，脚手架：集成合约编译、链接、测试、部署...在 Remix 中编译和复制