一步步教你开发部署第一个去中心化应用(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.Java实战项目宠物领养系统(完整代码完美运行!可做毕设哦)那么今天,我在这里就整理了宠物领养系统实战项目,这些项目都有完整视频教程和配套源码及学习资料,大家可以拿来练手的项目进行参考学习练手,你也可以从中寻找灵感去做自己的项目。 点击【Java毕设项目】宠物领养系统java项目实战,附完整课件、源码学习吧~~~ https://www.jianshu.com/p/0e553cb49668
2.基于微信小程序的爱心宠物领养送养平台20231126082131.docx基于微信小程序的爱心宠物领养送养平台.docx,PAGE 2 摘要 舒适的物质生活,这就是我们进行精神生活的必要条件和基本保证,精神生活就是对于物质生活的一种升华和优化。随着我国经济社会进步和发展,人们的生活水平日益提高,很多年轻人在他们的物质生活条件达到一个标准后https://max.book118.com/html/2023/1126/6231140235010012.shtm
3.JavaWeb代码实例下载精基于SpringBoot+Vue实现的宠物领养系统 项目描述基于SpringBoot+Vue实现的宠物领养系统分为用户和管理员两种角色用户端主要实现了首页、宠物领养、流浪宠物救助、宠物喂养点、丢失宠物查看、流浪宠物救助站、宠物论坛、宠物捐赠、科普文章、热门活动管理员端主要实现了主页、用户管理、角色管理、菜单管理、文件管理、流浪动...https://www.zuidaima.com/code/java/web.htm
4.宠物领养app创意设计作品图片素材宠物领养app 分享 创建者Z350883293 创建时间:1年前|更新时间:4天前|内容数量:24|关注人数:1 宠窝-宠物APP UI-APP界面 1288 1 7 敬木CQ 4年前 宠物APP IOS版 UI-APP界面 649 1 5 漂亮小姐姐hi 6年前 有它 宠物app|IP设计|UI设计|UE设计https://www.zcool.com.cn/collection/ZNDQ0NTA4MzI=
5.“免费领养”宠物的套路也太多了受访专家指出,以“免费领养”的方式进行宣传,实际让消费者支付项目类繁多的费用,或诱导消费者预付款,属于虚假广告行为。相关宠物领养信息的发布平台要把好审核关。监管部门对于这类现象应当加强监管,开展日常性抽查,发现一起查处一起,刹住宠物市场中的这股不良风气。 http://www.xinhuanet.com/legal/20240405/ec2348701146495ab7ff960ceff173c5/c.html
6.济南首家宠物公益领养中心开放区县济南频道“有一次,一下午的工夫,店里的七只猫咪就全都被领养走了。看到流浪的猫咪终于找到了新家,我们工作人员也会由衷地高兴。”刘睿说道,“不仅如此,在我们的流浪宠物救助群和公众号里,每天都会发布领养公告,前来线上报名的领养人也不少。” 提到公益领养中心的运营情况,刘睿对记者说,由于是纯公益项目,场地及资金完全...http://jinan.subaoxw.com/quxian/2024/0415/160423.html
1.宠物领养系统—免费源码分享87514随着人们对宠物的喜爱程度不断提高,宠物领养系统的研究背景主要源于对宠物领养过程中存在的一系列问题的关注。传统的宠物领养方式可能存在信息不透明、流程繁琐、难以筛选等问题,这些都影响了用户的体验和宠物的福祉。因此,基于Spring Boot的宠物领养系统的设计旨在解决这些问题,提供一个便捷、透明、安全的平台,让用户能够...https://blog.csdn.net/weixin1_ZYKJ985/article/details/143787420
2.萌宠之家项目总结青岛软件培训Java培训Python培训学校项目名:宠物之家 使用开发工具:idea、gitee 使用技术:spring、springMVC、Mybatis、ajax等 实现功能:该网站分为宠物百科、宠物日志、宠物新闻等模块。实现用户搜索相应的宠物信息、发表日志。可浏览有关宠物的新闻,亦可发布宠物领养的信息,使宠物不无家可归。可以收藏感兴趣的宠物日志、也可以对其和评论点赞。后台实现...https://www.wanmait.com/note/programmer/project/e665f93aacfd43ea9d15abf456a626b3.html
3.全套源码教程基于SpringBoot+MyBatis+Vue的流浪动物救助网站...项目源码获取请在文末获取博主联系方式! 需求分析 随着人们对动物保护意识的提高,对于流浪动物的救助需求快速增加。该网站可以提供一个平台,让人们更方便地了解和参与流浪动物救助活动。并且网站的设计充分考虑到交互体验和实际使用需求,提供了包括但不限于流浪宠物上架,信息浏览、用户评价、宠物查询、寻宠服务、宠物捐赠...https://cloud.tencent.com/developer/article/2421091
4.宠物领养网站源码,专注收养表单HTML代码,简洁高效,仅输出关键文字...宠物领养网站源码,提供简洁高效的宠物收养表单html代码。用户可通过填写基本信息,轻松提交领养申请。我们致力于打造一个安全、便捷的宠物领养平台,让每只宠物都能找到温暖的家。 5.00点 演示地址查看 后台程序无后台 技术支持无 发布者°sunshine 有效期永久 https://www.moyublog.com/codes/24772.html
5.领养宠物并打印宠物信息java代码宠物领养小程序源码领养宠物并打印宠物信息java代码 宠物领养小程序源码,【辰兮要努力】:hello你好我是辰兮,很高兴你能来阅读,昵称是希望自己能不断精进,向着优秀程序员前行!博客来源于项目以及编程中遇到的问题总结,偶尔会有读书分享,我会陆续更新Java前端、后台、数据库、项目案例等https://blog.51cto.com/u_14499/6886552
6.“免费领养”宠物的套路也太多了权益受访专家指出,以“免费领养”的方式进行宣传,实际让消费者支付项目类繁多的费用,或诱导消费者预付款,属于虚假广告行为。相关宠物领养信息的发布平台要把好审核关。监管部门对于这类现象应当加强监管,开展日常性抽查,发现一起查处一起,刹住宠物市场中的这股不良风气。 https://www.workercn.cn/c/2024-04-05/8211812.shtml
7.动物领养协议(精选10篇)2)甲方应向乙方如实告知领养宠物之健康状况、性格、爱好、生活习惯等情况。 3)协助乙方熟悉被领养宠物,并安排被领养宠物到达乙方家庭后初期的生活。 4)为乙方领养提供必要的咨询和协助。 5)在乙方接收领养宠物的2个月内对乙方喂养、疫苗、绝育等情况进行了解以及回访,并有权在2个月之后作随时回访。 https://www.pinda.com/zhichang/hetong/178289.html