一步步教你开发部署第一个去中心化应用(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手机版2024最新免费安装这个市场还可以促进宠物主人之间的交流和合作,以达到更好地照顾宠物的目的。10. 宠托师服务,又称伴宠师,是指一种专业宠物照顾服务,为有需要的宠物家庭提供全方面的宠物照顾、陪伴和培训,可按照主人的要求和宠物的需求定制服务计划,满足不同宠物需求的定制要求。开发者:常州久沃网络科技有限公司 养宠帮下载安装失败...https://m.pianwan.com/app/181110
2.全国宠物领养全国免费领养宠物我有一个乖猫咪,求领养 2024-11-01 天津市东丽区丽俊花苑 小猫找领养啦!?两岁左右… 黑猫警长,请求支援 2024-10-31 广东省东莞市上坑东路 一个月奶牛小公猫,特别乖,任摸任抱,会用猫砂,免… 一只加菲、一只美短求好心人抱走 2024-10-31 北京市 家里有一只美短、一只加菲猫,因为租房房东不让养猫… 走...https://www.bagong.cn/lingyang
3.宠物帮领养中心宠物帮领养中心创始人,2006年毕业于华中农业大学,资深救助人和自媒体运营者。 李聃 宠物帮领养中心创始人,2010年毕业于北京工商大学,资深自媒体运营者。 谭晶莹 宠物帮领养中心主编,2017年毕业于吉林大学,资深自媒体运营者。 倪栩婕 宠物帮领养中心资深运营,2017年毕业于南京航空航天大学,资深自媒体运营者。 http://www.petbang2014.com/
4.宠物帮领养中心“宠物帮领养中心”是北京宠物帮文化传播有限公司旗下流浪动物公益领养平台(简称:宠物帮)。2014年5月成立,并与全国超过600家流浪动物救助团队合作,成功送养超过16万余只猫狗。同时平台还提供寻宠、绝育、云养、筹粮、捐步、助力等救助领域全部功能,已成为国内知名流浪动物救助平台。 http://www.mengzands.com/about.html
5.基于微信小程序的爱心宠物领养送养平台20231126082131.docx基于微信小程序的爱心宠物领养送养平台.docx,PAGE 2 摘要 舒适的物质生活,这就是我们进行精神生活的必要条件和基本保证,精神生活就是对于物质生活的一种升华和优化。随着我国经济社会进步和发展,人们的生活水平日益提高,很多年轻人在他们的物质生活条件达到一个标准后https://max.book118.com/html/2023/1126/6231140235010012.shtm
6.养宠帮养宠帮致力打造一个养宠人的专属服务平台。服务涵盖宠物托运、宠物领养、宠物训练、宠物寄养、宠物医疗、宠物用品、猫粮、狗粮、宠物相亲婚配、宠物社交、同城宠友交友活动等http://yangchongbang.cn/
7.宠胖胖app下载安装宠胖胖app安卓版v5.3.1官方版2、聊天室让兴趣相投的宠友更方便的找到彼此进行交流,形成一个宠友大社群生态平台,把一个个小社群去中心化,聚合到一起成为开放式“大社群”,打破传统社群到封闭性和排他引导,宠友实时交流,同时在聊天室内还有话题小组进行话题讨论沉淀,打造宠友KOL,宠友沟通体验全新升级; 3、宠物领养、领养猫咪、领养狗狗、借配...http://m.qqtf.com/azrj/122001.html
8.领养宠物图片领养宠物素材领养宠物图片下载视觉中国为您找到4076个原创领养宠物素材图片,包括领养宠物图片,领养宠物插画,领养宠物模板,领养宠物元素,领养宠物图标等源文件下载服务,包含PSD、PNG、JPG、AI、CDR等格式素材,更多关于领养宠物素材、图片、海报、背景、插画、配图、矢量、UI、PS、免抠,模板、艺术https://www.vcg.com/creative-image/lingyangchongwu/
9.宠物领养手机版app免费下载宠物领养是一款宠物领养小区App,将杰出萌宝发烧友结集的小宠物服务平台,一直致力于宠物领养服务项目,处理宠物领养,小宠物送养,找寻小宠物,找寻主人家等问题。 根据打造出与众不同自主创新的宠物行业互联网技术沟通交流 市场销售合为一体的运营模式,融合传统式的文件目录市场销售与直销店資源,把养宠、育宠、护宠的精彩...https://www.duote.com/android/967982.html
10.撸宠:通过芝麻证优化体验,领养成功率提升30%通过芝麻证与预授权赋能送领养双方,一方面可以保障双方顺利完成宠物领养与持续跟踪宠物领养近况;另一方面还...https://open.alipay.com/portal/forum/post/102501055
1.养宠帮app下载养宠帮下载养宠帮是一个专注宠物服务的综合应用。服务涵盖:1. 宠物销售:提供宠物交易服务,用户可以筛选自己需要的宠物,也可以发布自己想出售的宠物信息。2. 宠物配对:提供用户随机匹配和自定义筛选的宠物配对服务,在线上将已经拥有的宠物进行配对,达到增加宠物交友圈子的目的。3. 宠物用品配送:提供宠物用品周边的在线购买及配送服...https://m.liqucn.com/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.男子在微信小程序上领养宠物掉进陷阱被骗1.5万余元目前,该款App已无法下载,郑州等地警方已立案调查。 骗局花样翻新,大家应擦亮双眼 “骗子以领养宠物为诱饵,是利用了被害人的爱心与同情心。”市反诈中心工作人员说。 该工作人员提醒市民,在网上遇到诸如免费领养宠物的信息时,一定要仔细核对,警惕对方发来的链接与二维码,遇到需要支付相关费用的情况,尽量选择货到付款,...https://news.lyd.com.cn/system/2020/11/02/031858557.shtml
4.宠物领养小程序端页面设计加实现源码立即下载 开通VIP(低至0.43/天) 买1年送3个月 项目适用于想要进行小程序开发学习者,或者需要做一个宠物领养小程序的高校学生或者学习者。里面包含了首页、小动物领养页面、小动物展示页面,个人中心等多个页面。便于直接拿下来学习、使用,使用了uni-app框架快速开发完成页面。https://download.csdn.net/download/lf21qp/87745920
5.宠物领养App简述宠物领养App简述 我们准备制作一个关于时时发布领养宠物信息的App,及时更新领养宠物照片、宠物健康状态及疫苗打针情况。提供给有领养需求的朋友动物的信息,使更多的萌宠找到温馨的家,给宠物更多陪伴。https://www.jianshu.com/p/ea950408aacc
6.网络热传“免费领养宠物”:联系领养,只让你转发和看广告近日,一则“免费领养宠物”的消息在朋友圈疯传,“谁有兴趣领养小狗,免费的。有罗威、金毛、德牧、贵宾……在318国道旁有个养狗场要拆迁,有几千只狗无人领养就要饿死了。有要领养的请联系刘女士,微信:wag×××,您的复制粘贴可以挽救无数狗的生命”。 https://www.sc.gov.cn/10462/12771/2015/11/9/10358086.shtml