一步步教你开发部署第一个去中心化应用(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.bagong.cn/lingyang
2.深圳宠物领养中心宠物领养之家是由私人创办的小范围的非营利性的组织, 目的是救助流浪猫狗,为其提供一个暂时的安身之处,关爱其生命,减少动物的无序繁殖,减少动物源疾病的传播,与人类和谐共处.http://www.szadoptpet.com/
3.基于微信小程序的爱心宠物领养送养平台20231126082131.docx5.1.6线下领养25 5.1.7萌宠咨询26 5.1.8宠物领养送养信息发布功能27 5.1.9个人中心的实现28 5.2后台管理员端实现29 5.2.1后台管理员登录功能实现29 5.2.2后台萌宠动态管理功能实现29 5.2.3后台用户管理功能实现29 5.2.4后台用户交流管理功能实现30 5.2.5后台宠物咨询回复31 5.2.6后台宠物百科管理31 5.2.7...https://max.book118.com/html/2023/1126/6231140235010012.shtm
4.全国宠友互助社区免费宠物领养寻猫启示寻狗启事宠友社旗下的全国宠友互助社区论坛!在这里,你可以发布或浏览宠物领养、宠物走失、宠物寻主、宠物配种、有偿转让、二手交易、爱心急救、宠友租房等互助信息,得到帮助或帮助宠友,还可以和同城宠友实时沟通交流、阅读本地宠物圈最新资讯与养宠经验、查看附近宠物商家解决养https://www.chongyoushe.com/
5.全球TOP20宠物网站分享所属国家com1. Chewy 电商网站 所属国家:美国; 流量:42.1M/月 官网:https://www.chewy.com/ 2. Petco 电商网站 所属国家:美国; 流量:16.5M/月 官网:https://www.petco.com/ 3. Petfinder 宠物领养网站 所属国家:美国; 流量:14.3M/月 官网:https://www.petfinder.com/ ...https://pets.sohu.com/a/787369559_121894856
6.Q宠网宠物领养宠物资讯平台Q宠网是国内知名的宠物资讯平台,服务每一位喜爱动物的您,为您提供全面的宠物资讯,无论是宠物狗、宠物猫、兔子、水族或者爬宠类,我们提供您需要的养宠知识,养宠新手、宠物喂养、宠物训练和宠物领养等丰富宠物资讯。http://qchongwang.net/
7.猫咪寄养宠物寄养家庭寄养新手买猫、猫咪代售 我中心都是爱猫咪人士,因此坚决抵制星期猫、严格禁止后院猫、杜绝打抗生素小猫! 猫咪写真、宠物摄影 提供南京猫咪写真、南京市宠物上门摄影服务。 配种繁殖、猫咪配种 交配成功后的母猫,平均会有63天左右妊娠期,最后进行分娩诞生出猫仔。https://www.baoximao.net/
8....宠物日常生活宠物吃喝玩乐宠物交友宠物找寻宠物领养宠物...为爱宠寻找属于TA的另一半;宠物相亲、宠物配种、免费领养、宠物寻找、宠物交友,线下活动,宠物线下领养等,还可以挑选自己心仪的宠物;找寻丢失的那个TA;免费领养无家可归的毛孩子!相亲无忧,选购无忧!http://ddlove.cn/
9.宠联联猫咪狗狗宠物领养平台宠联联宠联联猫咪狗狗宠物领养平台致力于西安、杭州、武汉、长沙、济南、宁波、郑州、南京、成都、厦门、深圳、石家庄、合肥、北京、重庆、上海、天津、广州等地的宠物领养服务。http://xiancll.com/
10.宠物网宠物领养全国宠物免费领养平台|猫咪宠物大全狗狗种类大全宠物种类大全猫咪病症百科狗狗病症百科宠物病症百科狗狗怀孕了怎么办猫咪怀孕了怎么办宠物孕事宠物训练方法狗狗训练方法猫咪训练方法2024最新养狗规定宠物小知识问答宠物领养中心流浪狗基地宠物店加盟宠物用品展网站地图慕喜植物猫砂liulangla.cn京ICP备20032048号1Code?20092019关闭liulangla.cn京...https://www.fabudi.com/links/5d6c376c1a0a5db1df96.html
1.玛氏宠物推出线上领养中心,温暖生命为宠物创造美好世界美通社PR北京2022年5月4日 /美通社/ -- 玛氏宠物旗下会员社交平台正式推出玛氏宠享会领养中心,秉承“为宠物创造美好世界”的愿景,建设链接宠物家长、爱心人士和待领养宠物的桥梁,积极推动领养公益的发展。玛氏宠物营养新任中国总经理任嘉实(Ganesh Ramani)表示:“玛氏宠享会领养中心的上线是玛氏在中国为宠物创造美好世界的一个...https://www.prnasia.com/story/360142-1.shtml
2.全国十大宠物领养平台领养猫狗的平台推荐可领养宠物的app有哪些...领养宠物的意义在于,给流浪动物一个赖以生存的家,解决它们的温饱、健康、居住问题。那么,你知道全国宠物领养中心有哪些吗?下面买购网编辑就带大家看一份宠物领养平台名单,一起了解下宠安家、幸运土猫、宠物帮领养中心,以及有只宠物、宠胖胖、搜栖、宠友社等流浪猫/流浪狗领养平台。 https://m.maigoo.com/top/430609.html
3.课程作业基于Java的宠物领养管理网站系统源码51CTO博客【课程作业】基于Java的宠物领养管理网站系统源码 功能介绍 平台采用B/S结构,后端采用主流的Springboot框架进行开发,前端采用主流的Vue.js进行开发。给师妹的课程作业。 整个平台包括前台和后台两个部分。 前台功能包括:首页、宠物详情页、领养、用户中心模块。https://blog.51cto.com/u_16317510/10224899
4.哪里可以免费领养猫咪?怎么可以免费领养猫咪第一,不想养猫咪了可以免费找人领养,主人可以给猫咪找一个新家庭,通过自己的朋友圈进行寻找,如果确实没有办法,也可以让宠物医院帮忙发朋友圈。第二,建议主人将猫咪送到当地的动物收留所或者动物保护中心。第三,可以将猫咪卖给宠物医院或者宠物市场。 领养猫去哪个网站 ...https://m.verywind.com/aa/eenyicmwddwvywyvded.htm
5.成都市爱心领养中心丨小动物爱心公益平台,领养送养找丢交流...成都市爱心领养中心丨小动物爱心公益平台,领养、送养、找丢、交流、发布。让我们一起帮助更多的小动物找到一个温暖的家~https://love.oogl.cn/
6.北京宠物领养网站大家都知道领养的宠物狗相对来讲是比较安全的,因为宠物领养中心的工作人员都会定期为狗狗打疫苗、驱虫的,这样也避免了购买到星期狗的情况。那么,北京领养宠物狗流程是什么?怎么领养一只宠物狗呢?接下来就让我们一起来了解下相关内容吧! 1.选择 北京领养宠物狗流程是什么?可以在宠物救助中心或者相关机构寻找和自己有缘...https://www.chongwugo.cn/tag/2612
7.上海流浪狗流浪猫流浪宠物狗宠物猫收养救助领养基地中心该网站免费收养和救助了数百只狗和猫。如果您喜欢狗和猫,请不要在宠物店购买。你会被欺骗的。病猫狗、周龄猫狗等等,实在是太多了。买它们。你可能要花几千甚至几万才能看到一只宠物,而且以后可能就救不了了。您可以来我们这里免费领养狗和猫。市中心有专门的救助收养点,每天开放。http://yecyd.com/detail/98497.html
8.基于SSM的流浪猫狗救助系统的设计与实现开题报告参考宠物领养网站开题报告.docx 浏览:62 5星 · 资源好评率100% 用户:注册、登录系统,查看并且领养宠物、查看走失的宠物,分享评论养宠经验,查看网站动态之类的; 个人中心可以修改个人信息、修改密码、发布宠物寄养、领养申请、发布宠物走失、发布养宠经验。 ssm宠物领养系统毕业设计程序 ...https://download.csdn.net/download/m0_72599287/88340813
9.2024英国购买及领养宠物详细流程(手续+费用+渠道+注意事项),领养...2024英国购买及领养宠物详细流程(手续+费用+渠道+注意事项),领养宠物的网站推荐! 现在,越来越多的人倾向于养宠物,一是可以满足情感寄托,二来还有以下更多的好处:比如养狗狗,需要每天出去遛狗,可以让你动起来,一定程度上的让你保持运动和健康;又如宠物还是人类很好的倾听者,烦心时,可以和他聊聊工作,聊聊那些不愿意...https://www.extrabux.cn/chs/guide/4484640
10.网络热传“免费领养宠物”:联系领养,只让你转发和看广告按她的要求,记者转发7个群并截图给她后,迟迟未得到回应。按步骤,她应该发狗狗相册给领养人士挑选了,在记者的反复索要下,对方发来一个链接,点击进入,记者看到了一个纯广告网站,多是与宠物相关的广告信息。 发了网站链接后,对方没有再说话。对方给出三个的“领养”步骤却不是一个具体、可操作的程序。到哪去领养...https://www.sc.gov.cn/10462/12771/2015/11/9/10358086.shtml
11.宠物领养网站宠物领养网站 宠物| 宠物用品评测 | 宠物用品 | 宠物健康 | 宠物美容 | 宠物训练 | 极速建站 价?格 ¥1999 品牌C-KU 展台展品编码 产地/服务地区 湖北省 购买数量 提交意向 收藏展品 发起洽谈 展品详情 产品摘要 PC站+手机站 含8G空间 导航自定义分类、首页模块可自由组合或隐藏、可绑定独立域名...https://2d.ciftis.org/view/productmgr/productdetail?productId=16689
12.金湖宠物领养交易金湖论坛关注金湖服务大众金湖宠物领养交易,宠物免费领养,交易。https://bbs.211600.com/forum-126-1.html
13.3000元领养猫咪9000元为猫治病泉州网3月20日讯(融媒体记者 苏玮杰 通讯员 安法宣)交了3000元押金领养的缅因猫,到家几天后竟无征兆发病,钟某又花了9000元为猫治病。明明领养时对方称猫咪是健康的,钟某越想越不服气,随后起诉到法院。近日,安溪县人民法院办理了这样一起因领养宠物引发纠纷的案件。 https://m.qzwb.com/gb/content/2024-03/20/content_9043249.htm
14.宠物领养网网站名称:宠物领养网网站地址:www.petly.net 目录类别: 宠物综合分类位置: ? 生活服务 ? 宠物 ? 宠物综合服务器IP:123.57.151.63网站标签:宠物领养, 宠物寄养, 宠物新闻, 宠物视频, 宠物知识, 宠物百科, [点更新]网站描述:宠物领养网-宠物领养寄养平台。https://www.023dir.com/site/453.html