一步步教你开发部署第一个去中心化应用(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开发宠物app为用户提供一个更好的宠物饲养平台,可以监测宠物的健康状况,还能解读宠物的情绪,选择宠物护理服务,简单方便快捷,不需要再心心念着自己宠物的状况。 宠物app开发功能1、宠物店预约:线上预约宠物店后,直接把宠物送到宠物店进行护理即可;2、宠物健康监测:给宠物佩戴智能传感器,可以随时监测宠物的健康情况;3、宠物...https://product.11467.com/info/12780076.htm
2.uniapp小程序宠物领养系统阿里云为您提供专业及时的uniapp小程序宠物领养系统的相关问题及解决方案,解决您最关心的uniapp小程序宠物领养系统内容,并提供7x24小时售后支持,点击官网了解更多内容。https://www.aliyun.com/sswb/1457818.html
3.宠物app下载宠物app软件排名宠物领养软件宠物app可以帮助大家与自己的宠物宝宝们更好的相处,现在不管是年轻人还是老年人都喜欢养一些宠物,但是对猫,狗等宠物的习性还不够了解,借助这些宠物app可以教你如何与宠物生活,当宠物宝宝不吃饭时,是不是生病了,都可以通过宠物app来了解,需要的朋友可以来当易网下载使用哦!http://www.downyi.com/key/chongwuapp/
4.基于Java的宠物领养管理网站系统设计与实现平台采用B/S结构,后端采用主流的Springboot框架进行开发,前端采用主流的Vue.js进行开发。 整个平台包括前台和后台两个部分。 前台功能包括:首页、宠物详情页、领养、用户中心模块。 后台功能包括:总览、领养管理、宠物管理、分类管理、标签管理、评论管理、用户管理、运营管理、日志管理、系统信息模块。 https://www.jianshu.com/p/8b69213af75c
5.撸宠:通过芝麻证优化体验,领养成功率提升30%涉及宠物领养的APP和小程序不到1000个,主要是以公司、公益组织、个人救助为主的运营。而这些APP或小...https://open.alipay.com/portal/forum/post/102501055
6.关于一款救助类宠物APP开发调研针对想要养宠物的人,但条件不允许的人群,开展“云养宠“活动. 众筹流浪动物口粮及善款或者建设救助站等用子宠物救助 捐赠自己多余的物品(如衣物等等),进行二次利用,从而筹备救助流浪动物的善款。 * 如果有一款公益性的救助流浪动物App,让你能直接了解到流浪动物目前的 情况,你是否想要下载? 觉得没有必要 对流浪动...https://www.wjx.cn/vj/ODuxWrY.aspx
7.基于ssm框架的宠物领养系统毕业论文.docxPAGE 基于ssm框架的宠物领养系统摘要基于SSM框架的宠物领养系统是一种以Java语言为基础,利用Spring、SpringMVC和MyBatis等框架,和Mysql数据库开发的Web应用程序。本系统旨在为宠物领养机构提供一个管理平台,方便机构管理宠物信息、领养申请以及领养后的跟踪管理等。宠物领养是一项非常重要的社会公益事业,但是宠物领养机构面临...https://m.book118.com/html/2023/0827/8016100007005125.shtm
1.宠物领养模式APP原生系统开发解决方案宠物领养模式APP的开发旨在为用户提供一个便捷、全面的宠物领养服务平台。以下是该类型APP的主要功能介绍: 一、宠物信息展示 详细宠物资料:提供宠物的种类、年龄、健康状况、性格描述等详细信息,帮助用户全面了解宠物的基本情况。 领养信息:展示宠物的领养状态、领养条件以及领养流程,为用户提供清晰的领养指南。 二、领养...http://m.trustexporter.com/m21-d1675541.htm
2.一步步教你开发部署第一个Dapp应用宠物商店Pete有一个宠物店,有16只宠物,他想开发一个去中心化应用,让大家来领养宠物。 在truffle box中,已经提供了pet-shop的网站部分的代码,我们只需要编写合约及交互部分。 环境搭建 安装Node 安装Truffle :npm install -g truffle 安装Ganache Ganache(或Ganache CLI)已经取代了 testrpc。 https://cloud.tencent.com/developer/article/1161550
3.在开发宠物领养与查看功能程序中,adopt接口主要用于调用Adoption...大学职业搜题刷题APP 下载APP首页 课程 题库模板 题库创建教程 创建题库 登录 创建自己的小题库 搜索 【判断题】在开发宠物领养与查看功能程序中,adopt接口主要用于调用Adoption智能合约中的adopt函数,实现通过账户领养宠物功能。() A. 正确 B. 错误 ...https://www.shuashuati.com/ti/d1dce0ae676949cb91836e56c6befc19.html
4.AppStore上的“握爪1.云养宠物:帮助爱心小院养流浪动物;云养后,你每周能看到牠的视频动态,并具有优先领养权。 2.握爪投喂:让爱心投喂瞬间可见!室内投喂无需担心安全性,并使用自有品牌高性价比好粮。 3.免费领养:先云养再领养,可以有段相互了解的时间,有助于确定你的领养需求(领养需同城)。 https://apps.apple.com/cn/app/id1536739476
5.宠物领养app大全正规的领养宠物软件推荐免费领养宠物ap...可以宠物领养的软件有哪些?很多人喜欢小动物,于是想要领养一只,这里小编给大家整理了正规且免费的宠物领养平台app合集,大家可以在平台上面选择自己喜欢的小动物进行领养。另外还能和其用户交流养宠物的心得和经验,晒宠物生活照等,各位感兴趣的朋友们快来下载吧。https://www.doyo.cn/zhuanti/chwulyap/
6.领养狗狗app有哪些?几款领养宠物app推荐波奇宠物是波奇网旗下专为爱宠人士,养宠家庭开发的一款宠物用品商城APP,为狗狗、猫猫、水族精选了上万款宠物必备用品,涵盖猫粮、狗粮、鱼虾龟粮、宠物零食玩具、宠物日用洗护、宠物保健医疗、宠物用品周边等。 手机扫码下载 查看详情 5.握爪 握爪,是一个全国性的宠主社交平台,我们因宠物而结缘。 免费领养可爱的猫狗...https://www.liqucn.com/article/201593.shtml
7.宠物领养小程序端页面设计加实现源码项目适用于想要进行小程序开发学习者,或者需要做一个宠物领养小程序的高校学生或者学习者。里面包含了首页、小动物领养页面、小动物展示页面,个人中心等多个页面。便于直接拿下来学习、使用,使用了uni-app框架快速开发完成页面。资源推荐 资源详情 资源评论 基于Android的宠物寄养应用的设计与实现 浏览:144 5星 · ...https://download.csdn.net/download/lf21qp/87745920
8.全国十大宠物领养平台领养猫狗的平台推荐可领养宠物的app有哪些...领养宠物的意义在于,给流浪动物一个赖以生存的家,解决它们的温饱、健康、居住问题。那么,你知道全国宠物领养中心有哪些吗?下面买购网编辑就带大家看一份宠物领养平台名单,一起了解下宠安家、幸运土猫、宠物帮领养中心,以及有只宠物、宠胖胖、搜栖、宠友社等流浪猫/流浪狗领养平台。 https://m.maigoo.com/top/430609.html
9.宠物APP产品方向,宠物APP市场分析与定位观点:宠物管理app的发展方向 1.宠物管理app开发市场还处于起步阶段,未来两年左右市场规模会变大。 2.市场上的宠物管理app大多只提供宠物购买和领养服务,缺乏在宠物周边行业搭建社交平台、发展电商的思路。未来宠物管理应用的开发将是社会化的。 观点二:宠物管理app开发的优势 ...https://www.isharead.cn/news-3864.html