一步步教你开发部署第一个去中心化应用(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....宠物日常生活宠物吃喝玩乐宠物交友宠物找寻宠物领养宠物...为爱宠寻找属于TA的另一半;宠物相亲、宠物配种、免费领养、宠物寻找、宠物交友,线下活动,宠物线下领养等,还可以挑选自己心仪的宠物;找寻丢失的那个TA;免费领养无家可归的毛孩子!相亲无忧,选购无忧!http://www.ddlove.cn/
2.宠物领养下载宠物领养手机APP官方下载首页>软件>宠物领养 宠物领养V1.1.26 下载2万次 大小20.1M 更新一年前 评分1.8 金牛区私宠订制宠物用品店隐私权限 装进手机 * 本站资源来源于互联网,若有侵权请联系我们处理;软件使用中产生的任何问题,均与本站无关,请谨慎判断后下载。 宠物领养-小编点评 ...http://m.anxinapk.com/rj/52492693.html
3.宠物领养app排行榜前十名偏玩手游盒子分享十大宠物领养app排行榜前十名手机应用,编辑为您推荐手机宠物领养app排行榜第一名到前5名到前十名的应用。找宠物领养app有哪些、宠物领养app哪个好用,上偏玩手游盒子https://m.pianwan.com/s/zj-32876096
4.宠物领养app创意设计作品图片素材宠物领养app 分享 创建者Z350883293 创建时间:1年前|更新时间:4天前|内容数量:24|关注人数:1 宠窝-宠物APP UI-APP界面 1288 1 7 敬木CQ 4年前 宠物APP IOS版 UI-APP界面 649 1 5 漂亮小姐姐hi 6年前 有它 宠物app|IP设计|UI设计|UE设计https://www.zcool.com.cn/collection/ZNDQ0NTA4MzI=
5.全国宠友互助社区免费宠物领养寻猫启示寻狗启事宠友社旗下的全国宠友互助社区论坛!在这里,你可以发布或浏览宠物领养、宠物走失、宠物寻主、宠物配种、有偿转让、二手交易、爱心急救、宠友租房等互助信息,得到帮助或帮助宠友,还可以和同城宠友实时沟通交流、阅读本地宠物圈最新资讯与养宠经验、查看附近宠物商家解决养https://www.chongyoushe.com/
6.宠物领养app大全正规的领养宠物软件推荐可以宠物领养的软件有哪些?很多人喜欢小动物,于是想要领养一只,这里小编给大家整理了正规且免费的宠物领养平台app合集,大家可以在平台上面选择自己喜欢的小动物进行领养。另外还能和其用户交流养宠物的心得和经验,晒宠物生活照等,各位感兴趣的朋友们快来下载吧。 展开全部 握爪...http://m.doyo.cn/zhuanti/chwulyap/
7.宠物领养app应用uikit界面设计模板—ReHomeReHome是一套宠物领养app应用ui kit界面设计模板,总共有31个精美页面,包含有:开屏页、个人主页、待领养宠物地图展示、宠物列表、宠物介绍页、宠物近况...https://www.25xt.com/sucai/78955.html
8.基于微信小程序的爱心宠物领养送养平台20231126082131.docx基于微信小程序的爱心宠物领养送养平台.docx,PAGE 2 摘要 舒适的物质生活,这就是我们进行精神生活的必要条件和基本保证,精神生活就是对于物质生活的一种升华和优化。随着我国经济社会进步和发展,人们的生活水平日益提高,很多年轻人在他们的物质生活条件达到一个标准后https://max.book118.com/html/2023/1126/6231140235010012.shtm
9.喵喵互助宠物社交app下载宠胖胖appv5.0.8安卓版下载喵喵互助app是一款手机在线宠物社交平台,这款软件主打的是宠物主人互动,在喵喵互助app上有宠物领养版块,还能直接领养宠物,而且还有附近的宠物医院等等地方可以直接导航,很方便的! 喵喵互助官方介绍 喵喵互助是一款基于地图定位模式,应用于宠物主互助、宠物借配领养及商家展示引流范畴的app。作为专业的宠友互助app,让养宠...https://www.fxxz.com/azsoft/564469.html
1.领养狗狗app有哪些?几款领养宠物app推荐几款领养宠物app推荐 导读 小动物是非常可爱的,现在大部分的家庭都会养一只宠物,现在也出现很多平台,提供送养和领养服务。领养狗狗app有哪些?小编带来相关推荐。不管你是领养,还是送养,都值得信赖! 1.宠胖胖 【宠胖胖】,一站式智慧养宠综合服务平台。聚焦宠物生态,深耕爱宠人群,汇聚宠物内容,为亿万宠物兴趣爱好者、养...https://m.liqucn.com/article/201593.wml
2.美国留学,领养宠物狗的方式有哪些?美国宠物领养攻略TestDaily...Rescue可以保证在你领养宠物后,如果宠物出现了疾病或者其他问题致使你无法继续收养时,你可以退还给他们,由他们会去救助,从而最大程度避免了再次遗弃的问题。有些Rescue会有自己的官网,也有instagram和facebook,你可以通过网络平台了解等待收养的动物的信息。 以上所说的三种shelter,你都可以通过下方的网址进行查询:网站...https://www.testdaily.cn/48314/
3.基于Java实现宠物领养救助交流平台源码uniapp宠物资源基于Java实现宠物领养救助交流平台设计和实现,基于springboot和uniapp的宠物领养救助交流平台,宠物们的社交平台,如果你的宠物丢失,或者捡到宠物,可以在这里发布领养、寻宠信息。同时也提供了宠物社区,分享宠友们与爱宠的沙雕日常! 基于Java实现宠物领养救助交流平台设计和实现,基于springboot和uniapp的宠物领养救助交流平台...https://download.csdn.net/download/weixin_47367099/85237950
4.全国十大宠物领养平台领养猫狗的平台推荐可领养宠物的app有哪些想要领养宠物的用户,可先进入网站领养社区,选择对应区域(同城),去搜索信息回帖。 买购网与文中提及的宠物领养平台无任何利益、合作关系,各平台服务品质非买购网可控,请广大读者自行决定是否使用,买购网不承担读者自主行为带来的任何个人损失。该榜单所盘点的领养app、领养网站,仅供参考交流,不具有唯一性,数据截止至...https://www.maigoo.com/citiao/list_105163.html
5.宠物领养互助APP下载宠物领养互助v1.0.0官方版分类:生活实用 大小:38.7M 语言:中文 版本:v1.0.0 官方版 时间:2024-01-29 13:51 星级: 官网:暂无 厂商:上海汉酷网络科技有限公司 平台:Android 标签:宠物饲养宠物饲养宠物寻找给小动物一个温暖小家。应用截图应用介绍 宠物领养互助是养宠人士必备的一个专业宠物领养平台。APP中包含了很多的宠物领养信息,用户...https://www.qqtn.com/azsoft/901994.html
6.附近有喵app下载附近有喵(手机宠物领养软件)v1.1.7安卓手机版下载...附近有喵是一款非常好用的手机宠物领养软件。用户可以在软件上浏览相关信息,了解宠物特征、年龄、品种等内容,综合考虑后再进行领养。给自己的生活增添色彩,就来app里看一看吧。 详情简介 附近有喵是一款猫咪领养软件。用户可查看附近免费的猫咪领养和爱心资助等,软件内部可记录猫咪的领养手册和成长记录。另外还有全面的...https://www.jb51.net/softs/903678.html
7.AppStore上的“握爪1.云养宠物:帮助爱心小院养流浪动物;云养后,你每周能看到牠的视频动态,并具有优先领养权。 2.握爪投喂:让爱心投喂瞬间可见!室内投喂无需担心安全性,并使用自有品牌高性价比好粮。 3.免费领养:先云养再领养,可以有段相互了解的时间,有助于确定你的领养需求(领养需同城)。 https://apps.apple.com/cn/app/id1536739476
8.金湖宠物领养交易金湖论坛关注金湖服务大众金湖宠物领养交易,宠物免费领养,交易。https://bbs.211600.com/forum-126-1.html
9.被宠被宠宠物网是属于宠物爱好者的综合型网站.这里是宠物猫,宠物狗等宠物爱好者们的集中地.也是包含宠物交流和宠物百科的专业网站.选择被宠宠物网,健康宠物生活从被宠开始.https://www.beichongapp.com/
10.在开发宠物领养与查看功能程序中,adopt接口主要用于调用Adoption...大学职业搜题刷题APP 下载APP首页 课程 题库模板 题库创建教程 创建题库 登录 创建自己的小题库 搜索 【判断题】在开发宠物领养与查看功能程序中,adopt接口主要用于调用Adoption智能合约中的adopt函数,实现通过账户领养宠物功能。() A. 正确 B. 错误 ...https://www.shuashuati.com/ti/d1dce0ae676949cb91836e56c6befc19.html