一步步教你开发部署第一个去中心化应用(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.宠拉达平台提供宠物上门服务,结合社区解决宠物主难题,增强互动流...值得一提的是,宠拉达平台还积极参与公益事业,致力于推动宠物福利的改善。平台定期举办各种公益活动,如宠物领养日、流浪动物救助等,旨在提高公众对宠物保护的认识和参与度。通过这些活动,宠拉达不仅为流浪动物提供了温暖的家,也促进了社会整体对宠物文化的认同和尊重。 https://www.163.com/dy/article/JH43050305387C11.html
2.宠物帮领养中心——扫码付款:5元——http://www.mengzands.com/pay.html
3.宠物帮领养中心宠物帮领养中心创始人,2006年毕业于华中农业大学,资深救助人和自媒体运营者。 李聃 宠物帮领养中心创始人,2010年毕业于北京工商大学,资深自媒体运营者。 谭晶莹 宠物帮领养中心主编,2017年毕业于吉林大学,资深自媒体运营者。 倪栩婕 宠物帮领养中心资深运营,2017年毕业于南京航空航天大学,资深自媒体运营者。 http://www.petbang2014.com/
4.全国宠物领养全国免费领养宠物免费领养宠物 寻宠启示 狗狗品种大全 猫咪品种大全 宠物店收银软件 宠物店管理系统 八公收银 相关文档 宠物店管理系统操作手册 如何开通宠物店微商城? 宠物店收银管理软件下载 联系我们 : 八公宠物(微信搜索) : 23320690 80071170 : support@bagong.cn Copyright ? 八公宠物 All Rights Reserved 京ICP备14018463号...https://www.bagong.cn/lingyang
5.宠物领养app排行榜前十名偏玩手游盒子分享十大宠物领养app排行榜前十名手机应用,编辑为您推荐手机宠物领养app排行榜第一名到前5名到前十名的应用。找宠物领养app有哪些、宠物领养app哪个好用,上偏玩手游盒子https://m.pianwan.com/s/zj-32876096
6.宠物帮领养中心的微博宠物帮领养中心 2月1日 18:13 来自微博网页版 已编辑 #宠物帮领养中心# 猫咪被领养啦位置:吉林省辽源市姓名:梦梦性别:男孩年龄:11月初出生的性格:活泼很亲人,会用头蹭人,会自己用猫砂盆埋。身体情况:无猫癣,猫瘟等任何疾病,...展开全文c ?收藏 转发 评论 ?赞 c +关注 宠物帮领养中心...https://weibo.com/chongwubangly
7.养宠帮养宠帮致力打造一个养宠人的专属服务平台。服务涵盖宠物托运、宠物领养、宠物训练、宠物寄养、宠物医疗、宠物用品、猫粮、狗粮、宠物相亲婚配、宠物社交、同城宠友交友活动等http://yangchongbang.cn/
1.养宠帮下载2024安卓手机版如发现版本老旧,欢迎邮件反馈tousu@liqucn.com,或移步养宠帮官网下载最新版 介绍 养宠帮是一个专注宠物服务的综合应用。服务涵盖:1. 宠物销售:提供宠物交易服务,用户可以筛选自己需要的宠物,也可以发布自己想出售的宠物信息。2. 宠物配对:提供用户随机匹配和自定义筛选的宠物配对服务,在线上将已经拥有的宠物进行配对,...https://m.liqucn.com/os/android/rj/181110.wml
2.宠物领养互助APP下载宠物领养互助v1.0.0官方版分类:生活实用 大小:38.7M 语言:中文 版本:v1.0.0 官方版 时间:2024-01-29 13:51 星级: 官网:暂无 厂商:上海汉酷网络科技有限公司 平台:Android 标签:宠物饲养宠物饲养宠物寻找给小动物一个温暖小家。应用截图应用介绍 宠物领养互助是养宠人士必备的一个专业宠物领养平台。APP中包含了很多的宠物领养信息,用户...https://www.qqtn.com/azsoft/901994.html
3.奇妙小镇嘉年华app下载奇妙小镇嘉年华app官方最新版下载下载 App截图App介绍 奇妙小镇嘉年华是一款踏上漫游奇妙小镇之旅app,为您提供奇妙小镇嘉年华最新版官方版下载。 在 奇妙小镇嘉年华 里,宝宝可以随心漫游:前往小吃街,get街头小吃做法;探索水族馆,与海洋生物来一场亲密互动;打卡宠物店,领养心仪萌宠;向托儿所出发,尝试照顾小婴儿…… 还在犹豫什么?一起去逛逛吧,Let’...https://www.alengya.com/azrj/34963.html
4.九游APP官网九游游戏中心安卓iOS下载?娱乐首选?【九游app官网下载】支持:winall/win7/win10/win11系统类型:九游APP官网_九游游戏中心_安卓iOS下载_礼包爆料榜单一手游礼包第一站《九游app官网下载》是非常好用的艺考app,用户在这里可以找到超多的专业老师来在线帮你来知道舞蹈,并且还有免费的基础课程来让你免费的接受培训哦...http://www.m.cabrand.cn/Rqa/detail/roKgYtJE.html
5.kns.cnki.net.frps.fangguanapi.cn/xxxr33273147.html新京报贝壳财经讯(记者姜樊)10月21日,中国人民银行授权全国银行间同业拆借中心公布,2024年10月贷款市场...下载APK 高速下载 下载领养风波安装你想要的应用 更方便 更快捷 发现更多 24%好评(0人) 51 详细...帮我找个四川视频毛片我要吃女人的胸部 二十四式太极拳全套分解 47.71MB 12%好评11人) 国产情侣...http://kns.cnki.net.frps.fangguanapi.cn/xxxr33273147.html
6.全国十大宠物领养平台领养猫狗的平台推荐可领养宠物的app有哪些...该榜单所盘点的领养app、领养网站,仅供参考交流,不具有唯一性,数据截止至2022年12月10日,如有疑问,欢迎在评论区补充/指正。为我喜欢的投票>> 03 宠物帮领养中心 宠胖胖 搜栖https://m.maigoo.com/top/430609.html
7.广州爱心领养中心寻找永远的家园虽然寓所之内已经布置得井井有条,但对于新手或经历过宠物变动的情绪波动者来说,一旦离开了熟悉的地盘,可能还会有些许不安。因此,广州爱心领养中心始终保持开放态度,对于任何问题,无论是在日常照顾上还是情感上的困扰,都会提供及时有效的心理疏导和实用的解决方案,使您安心拥有您的宝贝犬友。 https://www.nczuvegvuw.cn/chong-wu-zi-xun/308640.html
8.豆瓣豆瓣时间 豆瓣豆品 豆瓣网 豆瓣7.0 下载豆瓣 App 热门话题 ···(去话题广场) 我的健身穿搭 1.0万+篇内容 · 63.1万次浏览 那些不结婚...国家奥林匹克体育中心体育... 7人关注 The"Live with Jessie J"Tour in Beijing 共赴现场 Je... 12月1日 周日 19:30 - 22:00 ...https://www.douban.com/
9.宠胖胖官网版宠胖胖官网版下载手机版v5.2.9宠胖胖官网版是一款超实用的宠物服务软件,这款软件提供了宠物的生活用品,用户可以给自己家里的宠物在软件中购买要用的东西,包括粮食、衣服、洗护用品等,还可以在软件中预约宠物医院给宠物洗澡、驱虫、绝育等,功能非常的多,让用户在软件里就能搞定一切哦,家里养的有宠物的小伙伴不妨来下载试试! 亮点 提供专业医生24...https://m.hanzify.org/soft/177335.html
10.宠物狗领养平台寻找最亲近的伴侣但记住,无论何时,只要涉及到生命安全,都必须始终保持警觉并采取必要措施保护自己及其新同伴免受伤害或欺诈行为。通过这样严谨地处理所有环节,我们才能确保我们的新朋友享受到一个幸福安康的生活,同时也为我们的家庭带来欢乐与快乐。 宠物租赁有哪几个网站宠物帮领养中心官网、宠物护理员培训学校、曼克斯猫...https://www.yztep.cn/chong-wu-zi-xun/339805.html
11.宠友帮app下载宠友帮安卓版下载v1.6.0宠友帮是一款宠物社区交流软件,万千宠友帮助你回答并传授经验,分享照片视频小故事,搞笑集锦,可以分享在饲养过程中的经验和一些趣事,软件还支持美容医疗服务,附近宠物医院推荐,附近优质宠物洗澡、宠物美容、宠物寄养等宠物服务的平台,有宠物问题上宠友帮,万千宠友帮你忙。喜欢的快来下载吧。 软件功能 1、专业问答:...https://app.3dmgame.com/android/116554.html