admin 发表于 2019-6-2 23:15:46

【以太坊开发】以太坊DAPP搭建实战—宠物商店

  默认连接的是以太坊主网(左上角显示),选择Custom RPC,添加一个网络:,点返回后,显示如下:
  1. 文章摘要 【本文目标】 通过逐步的指导和截图举证,一步步带领一个技术小白完成一个宠物商店DAPP应用的开发和部署。 【环境前置条件】 参考《第一课 如何在WINDOWS环境下搭建以太坊开发环境》,已完成Ubuntu的安装,已完成TRUFFLE,Ganache-cli,...
  可以看到用来管理整个应用的App对象,init函数加载宠物信息,就初始化web3。
  web3是一个实现了与以太坊节点通信的库,我们利用web3来和合约进行交互。
  Ganache 启动之后界面如下,自动生成10个账号(默认交易对象为第1个账号):
http://upload-images.jianshu.io/upload_images/2476164-05f941be3d3b5e68.png
  注意:这里需要在Ubuntu系统中执行,而不是Xshell连接客户端,否则弹不出图形界面。
http://upload-images.jianshu.io/upload_images/2476164-2e7fa73b5ac28f3b.png
http://upload-images.jianshu.io/upload_images/2476164-3329da857a12aeae.png
  在部署合约之前,我们使用Ganache来开启一个私链来进行开发测试,默认端口:7545(区别:TestRPC的默认监听端口:8545)。
  在Truffle Boxpet-shop里,已经包含了应用的前端代码,代码在工程根目录下的src/文件夹下。
  以上两段代码无需做任何修改,当运行npm run dev的时候,就能启动lite-server了。
  使用truffle-contract会帮我们保存合约部署的信息,就不需要我们手动修改合约地址,修改initContract方法代码如下:
  在打开的Ganache界面里可以看到区块链状态的变化,现在产生了4个区块。如下图:
  接下来需要本地的web 服务器提供服务的访问, Truffle Box pet-shop里提供了一个lite-server可以直接使用,我们来查看看一下它是如何工作的。
http://upload-images.jianshu.io/upload_images/2476164-bd95e9f094925a4a.png
  Ganache把所有东西都存在内存里,因此,节点一旦重启,将丢失以前的状态。
  如果想要远程访问Ganache,可以将127.0.0.1设置成对外的IP地址即可。
  这里我们通过还原一个Ganache为我们创建好的钱包,作为我们的开发测试钱包。点击页面的 Import Existing DEN,在Wallet Seed框中输入Ganache显示的助记词。
  我们已经编写和部署及测试好了合约,接下我们为合约编写UI,让合约真正可以用起来。
  MetaMask 是一款插件形式的以太坊轻客户端,开发过程中使用MetaMask和我们的Dapp进行交互是个很好的选择。
  【本文目标】 通过本文的学习和时间,你将熟悉以太坊开发框架Truffle的配置和运行,并借助Truffle完成一个智能合约的部署。【技术收获】通过本文的学习,你将掌握以下内容:1,了解TRUFFLE的功能2,了解TRUFFLE的安装,配置和启动3,借助TRUFFLE完成M...
  能克制欲望的只能是更高级的欲望。这句话第一次看到就震惊了! 到今天,我必须承认我自己的普通性,我各方面的条件都十分的普通,最大的特点也就是美神亮点的地方,什么都算不上好,也都不差就是我前二十多年的状态,也许也是我这一生的状态写照吧,未来我会有一个一般般的事业,找一个一样平凡...
  Ganache的前身就是TestRPC,提供了两个版本:一个CLI版本,一个图形界面版本,可按需要安装。
  现在我们来测试一下智能合约,测试用例可以用 JavaScript或Solidity来编写,这里使用Solidity。
http://upload-images.jianshu.io/upload_images/2476164-07e17598496a4f69.png
http://upload-images.jianshu.io/upload_images/2476164-6ffc100d5f79db4a.png
  DApp是区块链技术落地应用的主要体现方式,通过将友好的交互设计与其背后的智能合约相结合,就能产生一个个区块链应用。 开发一个DApp需要哪些技能?需要几个人配合?其实,1个人分3步就可以完成一个DApp! 首先准备并部署开发环境 其次编写并部署智能合约 最后测试合约并创建...
  现在领养一只宠物看看,当我们点击Adopt按钮时,MetaMask会提示我们交易的确认,如图:
  丹霞阳元石 山川浓艳抹脂胭,灭欲何如存欲坚。 莫道岭南无霸气,雄风一股入云天。 探阴元石遇雨 霞女粗心体忘遮,攀援惹客弃舟车。 幸邀雷雨来相助,不使猪哥到住家。 登丹霞韶音楼 云霞赋就上高楼,一曲韶音万壑留。 天以灵心相惠我,美人为伴足风流。
  好了,恭喜你,即将成为一名去中心化式应用开发者的你已经成为迈出了坚实的一步。
页: [1]
查看完整版本: 【以太坊开发】以太坊DAPP搭建实战—宠物商店