一步步教你开发部署第一个去中心化应用(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.2024年上海浦东新区宠物救助服务中心揭秘黑...来自上海宠物领养...2024年上海浦东新区宠物救助服务中心揭秘黑心救助站:做医托;领养骗局等流浪动物救助基地期待和大家的相逢感谢大家领养13032157959 02166296520 66296522 上海宠物救助领养站领养现场,上海宠物救助地址分布图...https://weibo.com/1953173870/OEPfJeQM5
2.深圳宠物领养中心宠物领养之家是由私人创办的小范围的非营利性的组织, 目的是救助流浪猫狗,为其提供一个暂时的安身之处,关爱其生命,减少动物的无序繁殖,减少动物源疾病的传播,与人类和谐共处.http://www.szadoptpet.com/board/9
3.北京让宠物领养代替买卖到底靠谱吗北京|让宠物领养代替买卖到底靠谱吗 朋友超级喜欢猫咪一直想自己养一只,逛了很多宠物店,价格都挺高的了解到「三只喵宠物领养馆」来探店看看 宠物领养代替买卖是不是真的靠谱 门头不是很大,但店里很宽敞也没有异味,通风和卫生都做得很好!进店就是一排猫咪小房子和一些...https://m.dianping.com/ugcdetail/293400352?sceneType=0&bizType=29&msource=baiduappugc
4.大象·今评弹丨为狗狗找领养人反被勒索3000元,宠物领养真的靠谱吗?宠物领养 真的靠谱吗? @天凉知秋窃窃声 : 这就是为什么现在的救助人对领养人条件越来越多,宁可错过不可乱给。 @勿惹尘埃·: 今天拿狗勒索,明天说不准就是拿孩子勒索了,打犯罪必须打苗头。 @宁艺卓床上见: 所以没想好之前一定不要养宠。 @臣花6348571996: ...https://www.hntv.tv/rhh-8702324738/article/1/1564777565347389441
5.宠物帮领养中心宠物帮领养中心创始人,2006年毕业于华中农业大学,资深救助人和自媒体运营者。 李聃 宠物帮领养中心创始人,2010年毕业于北京工商大学,资深自媒体运营者。 谭晶莹 宠物帮领养中心主编,2017年毕业于吉林大学,资深自媒体运营者。 倪栩婕 宠物帮领养中心资深运营,2017年毕业于南京航空航天大学,资深自媒体运营者。 http://www.petbang2014.com/
6.宠物帮领养中心“宠物帮领养中心”是北京宠物帮文化传播有限公司旗下流浪动物公益领养平台(简称:宠物帮)。2014年5月成立,并与全国超过600家流浪动物救助团队合作,成功送养超过16万余只猫狗。同时平台还提供寻宠、绝育、云养、筹粮、捐步、助力等救助领域全部功能,已成为国内知名流浪动物救助平台。 http://www.mengzands.com/about.html
7.全国宠友互助社区免费宠物领养寻猫启示寻狗启事宠友社旗下的全国宠友互助社区论坛!在这里,你可以发布或浏览宠物领养、宠物走失、宠物寻主、宠物配种、有偿转让、二手交易、爱心急救、宠友租房等互助信息,得到帮助或帮助宠友,还可以和同城宠友实时沟通交流、阅读本地宠物圈最新资讯与养宠经验、查看附近宠物商家解决养https://www.chongyoushe.com/
8.济南首家宠物公益领养中心开放区县济南频道近日,济南市首家宠物公益领养中心在高新区美莲广场开放。在这里,既可以领养,又接收被救助的流浪宠物。作为公益性质的领养、救助平台,这家店的工作人员大都是兼职,同时也接受周末志愿者。“领养代替购买”,正渐渐为更多养宠人士接受,工作人员告诉山东商报·速豹新闻网记者,曾有一次,店里的七只猫咪一下午全部被领养。 http://jinan.subaoxw.com/quxian/2024/0415/160423.html
9.孕前准备与优生优育秘笈大全除了生理和心理上的准备,董长江还表示,对于喜欢养宠物的大龄女性来说,也应注意不要和宠物近距离接触。 “之所以让准备受孕的女性远离宠物,是因为担心通过宠物感染弓形虫进而导致胎儿畸形,但事实上,对于大龄女性来说,也不必过于紧张。”董长江说,宠物的粪便可以传播弓形虫,所以,尽量避免接触宠物的粪便,并可送宠物去宠...https://www.360doc.cn/article/2253722_386107274.html
1.淘宝免费领养狗狗是真是假,淘宝无偿领养宠物靠谱吗淘宝上有很多免费领养狗狗的信息,一些爱狗人士纷纷心动,但是由于无法亲自看到狗狗的状况,以及运送路途比较遥远,很大一部分人还是放弃了,而且越来越多免费领养狗狗的信息出现,很难不让人产生怀疑。那么淘宝免费领养狗狗是真是假,淘宝无偿领养宠物靠谱吗? 淘宝上出现的无偿领养狗狗或者免费领养狗狗十有八九是不靠谱的,大...https://www.haitaozu.org/baike/12/126926.html
2.京东宠物降领养中心正式上线快讯10月22日消息,在2024京东健康狗巴迪勇士赛上海站上,京东健康宣布启动 “京东宠物健康领养中心”,将携手国内外一线宠物健康品牌,以及具备良好资质的流浪宠物救助组织,旨在“让救助团队救得好、让领养人养得好、让小动物过得好”。即日起,消费者在京东APP搜索“领养中心”即可进入领养专区,进行线上预约,并选择就近的救...https://www.ebrun.com/ebrungo/zb/562600.shtml
3.公众号上海宠物领养救助站曝光行骗上海多年的救助领养流浪猫狗...我们始终是纯洁的纯正的上海流浪猫狗宠物救助领养中心! 宠物医院宰人,不是真心帮助流浪猫狗。 找热心兽医给流浪猫狗看病比宠物医院便宜多了,且好多时候指导为主,这才是真心帮助流浪猫狗! 宠物医院会免费指导您养猫狗或给猫狗看病么?给猫狗吃什么药上什么药么? https://www.douban.com/note/865436286/
4.合肥蜀山区认养一只猫宠物店虚假宣传诱导分期付款315消费保用户舒某某投诉线下宠物门店虚假宣传,霸王条款,称本人 2024年 10月 31日在合肥市蜀山区认养一只猫宠物店(个体工商户)报名猫咪领养,共计花费 6208 元该机构虚假宣传,违规经营,超出经营范围,从小红书添加的该宠物店的微信,了解沟通,怎么购买猫咪,在商家的诱https://www.xfb315.com/tousu/97833262
5.宠物领养分期就是我帮朋友签了一份合同每个月付477狗粮钱现在她...宠物领养分期 就是我帮朋友签了一份合同每个月付477狗粮钱现在她不付钱逾期了宠物店准备起诉我https://tingsonglaw.com/ask/detail/2694608