一步步教你开发部署第一个去中心化应用(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.全国宠友互助社区免费宠物领养寻猫启示寻狗启事宠友社旗下的全国宠友互助社区论坛!在这里,你可以发布或浏览宠物领养、宠物走失、宠物寻主、宠物配种、有偿转让、二手交易、爱心急救、宠友租房等互助信息,得到帮助或帮助宠友,还可以和同城宠友实时沟通交流、阅读本地宠物圈最新资讯与养宠经验、查看附近宠物商家解决养https://www.chongyoushe.com/
3.宠物领养手机版app免费下载宠物领养是一款宠物领养小区App,将杰出萌宝发烧友结集的小宠物服务平台,一直致力于宠物领养服务项目,处理宠物领养,小宠物送养,找寻小宠物,找寻主人家等问题。 根据打造出与众不同自主创新的宠物行业互联网技术沟通交流 市场销售合为一体的运营模式,融合传统式的文件目录市场销售与直销店資源,把养宠、育宠、护宠的精彩...https://www.duote.com/android/967982.html
4.宠物领养下载宠物领养手机APP官方下载首页>软件>宠物领养 宠物领养V1.1.26 下载2万次 大小20.1M 更新一年前 评分1.8 金牛区私宠订制宠物用品店隐私权限 装进手机 * 本站资源来源于互联网,若有侵权请联系我们处理;软件使用中产生的任何问题,均与本站无关,请谨慎判断后下载。 宠物领养-小编点评 ...https://m.anxinapk.com/rj/52492693.html
5....宠物日常生活宠物吃喝玩乐宠物交友宠物找寻宠物领养宠物...为爱宠寻找属于TA的另一半;宠物相亲、宠物配种、免费领养、宠物寻找、宠物交友,线下活动,宠物线下领养等,还可以挑选自己心仪的宠物;找寻丢失的那个TA;免费领养无家可归的毛孩子!相亲无忧,选购无忧!http://www.ddlove.cn/
6.宠物网宠物领养全国宠物免费领养平台全国宠物免费领养。已收录300多家流浪狗救助基地。流浪啦宠物领养网,已在国家备案。免费领养宠物。专注于流浪动物的领养。成立于2020年。流浪啦是一个流浪动物的交流平台。这里有流浪狗流浪猫的免费领养,希望大家文明养宠https://www.fabudi.com/links/5d6c376c1a0a5db1df96.html
7.宠物领养协议书范本(3篇).doc第7页共7页宠物领养协议书范本?___号码?:___?号码:乙?方(领养人?):__?_:被领?养的狗狗资?料:品种?:博美(白?色)年龄?:___个?月免疫:?否办证:?否绝育:?否驱虫:?否是否接?受过狂犬疫?苗:否住?址:名称:?小雪球性别?:公健康程?度:良好?...https://www.renrendoc.com/paper/233028064.html
1.全国十大宠物领养平台领养猫狗的平台推荐可领养宠物的app有哪些...领养宠物的意义在于,给流浪动物一个赖以生存的家,解决它们的温饱、健康、居住问题。那么,你知道全国宠物领养中心有哪些吗?下面买购网编辑就带大家看一份宠物领养平台名单,一起了解下宠安家、幸运土猫、宠物帮领养中心,以及有只宠物、宠胖胖、搜栖、宠友社等流浪猫/流浪狗领养平台。 01 宠安家 互联网线上公益领养...https://www.maigoo.com/top/430609.html
2.宠物领养互助APP下载宠物领养互助v1.0.0官方版宠物领养互助是养宠人士必备的一个专业宠物领养平台。APP中包含了很多的宠物领养信息,用户也可以在平台上发布信息寻找领养,系统可以自动帮助大家匹配同城的领养人,帮助小动物找到合适的主人。 APP特色 1、是养宠人士必备的宠物信息平台,可以发布领养信息。 2、超多的宠物领养信息都可以在平台上发布,随时可以了解详解。https://m.qqtn.com/q/901994
3.宠物领养协议书为了确保从宠物之家领养出去的宠物猫能够坚持宠物之家的免疫和绝育原则,保证猫的健康,减少流浪猫产生的源头。甲乙双方经友好协商,就宠物猫之领养事宜达成以下协议: 第一条 甲方作为“宠物之家”(“宠物之家”是以救助流浪猫为目的及宗旨之自发性社会公益团体)之组织成员,将“宠物之家”所救助之流浪猫(名称)交由乙...https://m.66law.cn/contractmodel/34894.aspx
4.宠物爱心领养网站.论文.doc资源计算机关于java的宠物网论文,此网站是基于学校提供NEO框架做成的,里面涵盖struts2、spring、freemarker等技术。论文内容几乎是手写,没有过多的抄袭。 基于Java实现宠物领养救助交流平台源码 浏览:25 5星 · 资源好评率100% 基于Java实现宠物领养救助交流平台设计和实现,基于springboot和uniapp的宠物领养救助交流平台,宠物...https://download.csdn.net/download/qq_28582649/85519537
5.上海猫咪领养日记上海宠物救助领养中心”是一伙骗子,不要上当 来自:耀耀(空空大士渺渺真人带我走吧) 2016-08-28 20:57:50 外公开地址:上海市海宁路1401号 实际地址:海宁路1399号金城大厦0612室 电话:18201989385,13501922519,18049729519 https://www.douban.com/group/topic/90220979/ ...https://m.douban.com/note/646764885/
6.宠物生活平台重庆宠物网宠物领养信息汪喵+宠物领养丢失 宠物相亲 重庆宠物团购 汪喵选购 宠圈社交生活 联系投稿 宠物领养丢失汪星球领养 喵星球领养 狗狗走失 喵喵走失宠物相亲 狗狗相亲 喵喵相亲 重庆宠物团购 宠物店 宠物医院(诊所) 汪喵选购 幼犬选购 幼猫选购 宠圈社交生活 宠物实时新闻 狗狗百科全书 喵喵百科全书宠物...http://www.wangmiaojia.cn/
7.宠物驿站app软件下载宠物驿站手机安卓版标签:宠物 游戏介绍 软件截图 宠物驿站app是一款宠物服务应用这是一款有关宠物领养的软件,这里有丰富的宠物资讯,同时可以发布最新的宠物动态,可以在驿站选择自己喜欢的宠物来领养,快来点击下载吧。 宠物驿站更新日志 修复以知bug 优化界面操作体验 宠物驿站优势 ...https://www.lanrentuku.com/soft/105105.html
8.大侠立志传宠物领养攻略大侠立志传全宠物领养方法大侠立志传这款游戏中有很多宠物可以领养,玩家可以去找到这些宠物的位置然后通过喂食食物提高关系来领养,这些宠物的基础移动速度都各不相同。 宠物领养攻略 注1:马车、三花、流浪狗、赤睛、灵猿、玄霜、异变毒龙、刚烈、黑猿、白首、山君、司晨、啸月的基础移动速度为4、2、3、3、3、3、4、4、5、6、6、7、8...https://gl.ali213.net/html/2023-11/1240031.html
9.IU喂app下载IU喂(宠物救助平台)下载v1.4.9安卓版检测到您是苹果设备,点击下载的是:IU喂(宠物救助平台) v1.4.7 苹果版介绍相关推荐评论(0) IU喂(宠物救助平台)是一款专为爱宠人士们设计的宠物救助站app,上面会为各种爱宠用户设计专业的救助地点,不仅有物资捐助和宠物领养还有多种宠物救助站专属服务,让更多的流浪、残疾宠物有个安全的家,你如果喜欢宠物可以来这里...https://m.itmop.com/downinfo/173860.html