一步步教你开发部署第一个去中心化应用(Dapp)宠物商店区块链技术剖析

本文通过实例教大家来开发去中心化应用,应用效果如图:

从本文,你可以学习到:

Pete有一个宠物店,有16只宠物,他想开发一个去中心化应用,让大家来领养宠物。在trufflebox中,已经提供了pet-shop的网站部分的代码,我们只需要编写合约及交互部分。

1、建立项目目录并进入

>mkdirpet-shop-tutorial>cdpet-shop-tutorial2、使用truffleunbox创建项目

>truffleunboxpet-shopDownloading...Unpacking...Settingup...Unboxsuccessful.Sweet!Commands:Compile:trufflecompileMigrate:trufflemigrateTestcontracts:truffletestRundevserver:npmrundev这一步需要等待一会

contracts/智能合约的文件夹,所有的智能合约文件都放置在这里,里面包含一个重要的合约Migrations.sol(稍后再讲)migrations/用来处理部署(迁移)智能合约,迁移是一个额外特别的合约用来保存合约的变化。test/智能合约测试用例文件夹truffle.js/配置文件

其他代码可以暂时不用管

在contracts目录下,添加合约文件Adoption.sol

pragmasolidity^0.4.17;contractAdoption{address[16]publicadopters;//保存领养者的地址//领养宠物functionadopt(uintpetId)publicreturns(uint){require(petId>=0&&petId<=15);//确保id在数组长度内adopters[petId]=msg.sender;//保存调用这地址returnpetId;}//返回领养者functiongetAdopters()publicviewreturns(address[16]){returnadopters;}}编译部署智能合约Truffle集成了一个开发者控制台,可用来生成一个开发链用来测试和部署智能合约。

Solidity是编译型语言,需要把可读的Solidity代码编译为EVM字节码才能运行。dapp的根目录pet-shop-tutorial下,

>trufflecompile输出

Compiling./contracts/Adoption.sol...Writingartifactsto./build/contracts部署编译之后,就可以部署到区块链上。在migrations文件夹下已经有一个1_initial_migration.js部署脚本,用来部署Migrations.sol合约。Migrations.sol用来确保不会部署相同的合约。

现在我们来创建一个自己的部署脚本2_deploy_contracts.js

接下来执行部署命令:

>trufflemigrate执行后,有一下类似的输出,

Usingnetwork'develop'.Runningmigration:1_initial_migration.jsDeployingMigrations......0x3076b7dac65afc44ec51508bf6f2b6894f833f0f9560ecad2d6d41ed98a4679fMigrations:0x8cdaf0cd259887258bc13a92c0a6da92698644c0Savingsuccessfulmigrationtonetwork......0xd7bc86d31bee32fa3988f1c1eabce403a1b5d570340a3a9cdba53a472ee8c956Savingartifacts...Runningmigration:2_deploy_contracts.jsDeployingAdoption......0x2c6ab4471c225b5473f2079ee42ca1356007e51d5bb57eb80bfeb406acc35cd4Adoption:0x345ca3e014aaf5dca488057592ee47305d9b3e10Savingsuccessfulmigrationtonetwork......0xf36163615f41ef7ed8f4a8f192149a0bf633fe1a2398ce001bf44c43dc7bdda0Savingartifacts...在打开的Ganache里可以看到区块链状态的变化,现在产生了4个区块。这时说明已经智能合约已经部署好了。

现在我们来测试一下智能合约,测试用例可以用JavaScriptorSolidity来编写,这里使用Solidity。

在test目录下新建一个TestAdoption.sol,编写测试合约

pragmasolidity^0.4.17;import"truffle/Assert.sol";//引入的断言import"truffle/DeployedAddresses.sol";//用来获取被测试合约的地址import"../contracts/Adoption.sol";//被测试合约contractTestAdoption{Adoptionadoption=Adoption(DeployedAddresses.Adoption());//领养测试用例functiontestUserCanAdoptPet()public{uintreturnedId=adoption.adopt(8);uintexpected=8;Assert.equal(returnedId,expected,"AdoptionofpetID8shouldberecorded.");}//宠物所有者测试用例functiontestGetAdopterAddressByPetId()public{//期望领养者的地址就是本合约地址,因为交易是由测试合约发起交易,addressexpected=this;addressadopter=adoption.adopters(8);Assert.equal(adopter,expected,"OwnerofpetID8shouldberecorded.");}//测试所有领养者functiontestGetAdopterAddressByPetIdInArray()public{//领养者的地址就是本合约地址addressexpected=this;address[16]memoryadopters=adoption.getAdopters();Assert.equal(adopters[8],expected,"OwnerofpetID8shouldberecorded.");}}Assert.sol及DeployedAddresses.sol是Truffle框架提供,在test目录下并不提供truffle目录。

TestAdoption合约中添加adopt的测试用例

在终端中,执行

truffletest如果测试通过,则终端输出:

Usingnetwork'develop'.Compiling./contracts/Adoption.sol...Compiling./test/TestAdoption.sol...Compilingtruffle/Assert.sol...Compilingtruffle/DeployedAddresses.sol...TestAdoptiontestUserCanAdoptPet(62ms)testGetAdopterAddressByPetId(53ms)testGetAdopterAddressByPetIdInArray(73ms)3passing(554ms)创建用户接口和智能合约交互我们已经编写和部署及测试好了我们的合约,接下我们为合约编写UI,让合约真正可以用起来。

在TruffleBoxpet-shop里,已经包含了应用的前端代码,代码在src/文件夹下。

接下来,我们来编辑app.js修改initWeb3():删除注释,修改为:

使用truffle-contract会帮我们保存合约部署的信息,就不需要我们手动修改合约地址,修改initContract()代码如下:

initContract:function(){//加载Adoption.json,保存了Adoption的ABI(接口说明)信息及部署后的网络(地址)信息,它在编译合约的时候生成ABI,在部署的时候追加网络信息$.getJSON('Adoption.json',function(data){//用Adoption.json数据创建一个可交互的TruffleContract合约实例。varAdoptionArtifact=data;App.contracts.Adoption=TruffleContract(AdoptionArtifact);//SettheproviderforourcontractApp.contracts.Adoption.setProvider(App.web3Provider);//UseourcontracttoretrieveandmarktheadoptedpetsreturnApp.markAdopted();});returnApp.bindEvents();}处理领养修改markAdopted()代码:

markAdopted:function(adopters,account){varadoptionInstance;App.contracts.Adoption.deployed().then(function(instance){adoptionInstance=instance;//调用合约的getAdopters(),用call读取信息不用消耗gasreturnadoptionInstance.getAdopters.call();}).then(function(adopters){for(i=0;i

在接受隐私说明后,会出现页面如下:

这里我们通过还原一个Ganache为我们创建好的钱包,作为我们的开发测试钱包。点击页面的ImportExistingDEN,输入Ganache显示的助记词。

candymaplecakesugarpuddingcreamhoneyrichsmoothcrumblesweettreat然后自己想要的密码,点击OK。如图:

至此MetaMask的安装,配置已经完成。

接下来需要本地的web服务器提供服务的访问,TruffleBoxpet-shop里提供了一个lite-server可以直接使用,我们看看它是如何工作的。bs-config.json指示了lite-server的工作目录。

{"server":{"baseDir":["./src","./build/contracts"]}}./src是网站文件目录./build/contracts是合约输出目录

以此同时,在package.json文件的scripts中添加了dev命令:

"scripts":{"dev":"lite-server","test":"echo\"Error:notestspecified\"&&exit1"},当运行npmrundev的时候,就会启动lite-server

>npmrundev会自动打开浏览器显示我们的dapp,如本文的第一张图。现在领养一直宠物看看,当我们点击Adopt时,MetaMask会提示我们交易的确认,如图:

点击Submit确认后,就可以看到成功领养了这次宠物。

在MetaMask中,也可以看到交易的清单:

区块链技术专家,《精通以太坊智能合约开发》的作者,北京航空航天大学硕士,创新工场高级工程师,猎豹移动技术项目负责人,以太坊基金会讲师,登链科技创始人兼CTO。对底层公链技术,区块链技术落地都有深入研究。

THE END
1.宠物领养app排行榜前十名偏玩手游盒子分享十大宠物领养app排行榜前十名手机应用,编辑为您推荐手机宠物领养app排行榜第一名到前5名到前十名的应用。找宠物领养app有哪些、宠物领养app哪个好用,上偏玩手游盒子https://m.pianwan.com/s/zj-32876096
2.美国留学,领养宠物狗的方式有哪些?美国宠物领养攻略TestDaily...在忠诚的狗狗眼里,主人就是它们的全部,遇到危险它们总能第一个保护在主人的面前,所以不要辜负它们的信任,一旦决定领养了就要对它们负责到底哦! 推荐阅读 ?美国宠物领养攻略 | 在美国怎么领养一直猫?领养渠道有哪些?领养方式是什么美国有哪些好吃的零食?这9款宝藏零食推荐给你!?留学生住宿,学校宿舍/合租公寓和独...https://www.testdaily.cn/48314/
3.宠物领养下载宠物领养手机APP官方下载金牛区私宠订制宠物用品店出品的安卓版宠物领养,领养代替买卖。安心市场提供安卓版宠物领养APP官方下载,手机宠物领养apk安装包免费下载。https://m.anxinapk.com/rj/52492693.html
4.狗狗领养寄养APP毕业论文.doc文档全文预览狗狗领养寄养APP 毕业论文 第 PAGE \* Arabic \* MERGEFORMAT 7 页 移动互联网应用开发 课程设计 题目: 狗狗领养寄养APP 用户需求分析 这是一款针对养狗人士的app,考虑到现在社会上越来越多人选择了饲养宠物,但是随之而来也产生了一些问题,考虑到现在许多养狗人士因为要照顾狗而不能出去旅游或者在外出差等,但是如...https://max.book118.com/html/2019/0422/6241053040002024.shtm
5....宠物日常生活宠物吃喝玩乐宠物交友宠物找寻宠物领养宠物...为爱宠寻找属于TA的另一半;宠物相亲、宠物配种、免费领养、宠物寻找、宠物交友,线下活动,宠物线下领养等,还可以挑选自己心仪的宠物;找寻丢失的那个TA;免费领养无家可归的毛孩子!相亲无忧,选购无忧!http://www.ddlove.cn/
1.全国十大宠物领养平台领养猫狗的平台推荐可领养宠物的app有哪些领养宠物的意义在于,给流浪动物一个赖以生存的家,解决它们的温饱、健康、居住问题。那么,你知道全国宠物领养中心有哪些吗?下面买购网编辑就带大家看一份宠物领养平台名单,一起了解下宠安家、幸运土猫、宠物帮领养中心,以及有只宠物、宠胖胖、搜栖、宠友社等流浪猫/流浪狗领养平台。 01 宠安家 互联网线上公益领养...https://www.maigoo.com/top/430609.html
2.有只宠物软件下载有只宠物appv2.3.8手机版有只宠物app是一款由上海栖凤网络科技有限公司开发的宠物领养服务软件,本软件拥有很多宠物服务功能,用户可以通过本软件帮助自己的宠物寻找伴侣,还有很多讨论社区供用户了解养宠知识互相交流学习。 有只宠物app简介: 有只宠物社区平台,包括狗狗猫咪领养,狗狗猫咪相亲,狗狗猫咪寻配种借配种,狗狗猫咪成长记录,宠物喂养咨询问答...https://m.qqtn.com/q/772224
3.AppStore上的“咕噜咕噜- 宠物上门喂养寄养领养互助社区 4+ 找上门喂猫遛狗必备 Shanghai Cinnamon Roll Tech Ltd. 3.7 ? 34 个评分 免费 App Store 在这里查看: iPhone 截屏 简介 在咕噜找你可以到附近的喂养员上门帮你喂养或陪玩 也可以成为喂养员,帮助附近的有需要的养宠人 还能和别人分享自己的宠物,宠物是咕噜的“主角...https://itunes.apple.com/cn/app/id1528642159
4.附近有喵app下载附近有喵(手机宠物领养软件)v1.1.7安卓手机版下载...附近有喵是一款非常好用的手机宠物领养软件。用户可以在软件上浏览相关信息,了解宠物特征、年龄、品种等内容,综合考虑后再进行领养。给自己的生活增添色彩,就来app里看一看吧。 详情简介 附近有喵是一款猫咪领养软件。用户可查看附近免费的猫咪领养和爱心资助等,软件内部可记录猫咪的领养手册和成长记录。另外还有全面的...https://www.jb51.net/softs/903678.html
5.基于SSM框架和推荐算法的宠物领养救助平台+94253(免费领源码)可做计...截至如今,互联网已经深入人们的生活,智能手机、笔记本电脑等已经是人们获取信息的主要工具,这是一个沟通无限的时代,因此,利用网络来进行宠物领养救助平台的管理也成为大势所趋,所以,开发一个宠物领养救助平台是有充分需求的。 1.3 研究的内容 目前许多人仍将传统的纸质工具作为信息管理的主要工具,而网络技术的应用只是起...https://blog.csdn.net/BS53804/article/details/136076560
6.电子宠物APP用户调研5. 如果APP能领养电子宠物,您希望这款APP内出现什么宠物? A.小猫B.小狗C.熊猫D.老虎E.狮子F.大象G.兔子H.企鹅I.北极熊J.狐狸K.羊L.猴子M.其它 6. 如果您有一个电子宠物,您希望跟它产生怎样的互动? A.喂食B.玩耍C.洗澡D.换装E.其它 7. 您是否介意电子宠物以桌宠的形式悬浮于桌面上? A.是B.否 ...https://www.wjx.cn/xz/246898080.aspx
7.南宁宠物兽医专业怎么样宠物医院会有什么部门桂聘好啦,以上就是小编为大家介绍了有关南宁宠物兽医专业怎么样、宠物医院会有什么部门的情况,小编还列补充了领养宠物需要做什么手续吗的内容,希望能够对你有所帮助。宠物的治疗和日常保护都是需要专业的医生来照看,而且兽医的收入可不低。那么如果想要了解更多招聘信息,请打开桂聘APP搜索相关岗位哟,祝你能够找到自己心仪的...https://m.guipin.com/zixun/neirong/56078.html
8.产品研究68款宠物APP产品分析:宠物行业的巨浪淘沙每种类型的APP的侧重点不同带来的商业产值也不同,所以每种类型APP的相似类型产品的数量也不同。详细的各类型产品数量如图3-2所示,其排名依次(如图3-3)为宠物商城、宠物买卖、社交论坛、一站式服务、智能硬件、宠物健康、家庭寄养、宠物领养、宠物媒介交友、上门服务、宠物繁殖、宠物托运、训狗服务。 https://maimai.cn/article/detail?fid=1368921073&efid=jmMz1_nUCqB92B3wjI5FXg
9.那个街猫app用户也太抽象了吧,因为云养的猫被人领养了就网暴rr...这个app不咋样 赞 回应 momo 2024-02-20 14:19:23 广东 我刚养猫的时候,就刷到一个事情,北京高校有个流浪猫被隔壁学校的学生带走送出领养了,然后那些学生就被这个这些学校的人网暴力辱骂,说猫是学校的,后来被逼无奈猫被送回去了,好生气,这些伪善的人自己不愿意给猫咪一个家,非要猫流浪着当吉祥物...https://www.douban.com/group/topic/302048734/