一步步教你开发部署第一个去中心化应用(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.中网调查丨免费领养后支付金额竟达上万元?警惕宠物领养陷阱...如今宠物被弃养也是领养信息多的原因,在鼓励“领养代替购买”的当下,有些救助小动物的爱宠人士也会要求领养者签协议缴纳一定的押金,但只是为了降低风险,约定日后归还押金。但打着“免费领养宠物”广告或宣传的,基本都是品种猫,而相当一部分网络上的领养信息,也同样是拿着“免费、无偿”来引诱人。 http://sc.china.com.cn/2024/zonglan_0131/524087.html
2.宠物领养协议书范本(3篇).doc第7页共7页宠物领养协议书范本?___号码?:___?号码:乙?方(领养人?):__?_:被领?养的狗狗资?料:品种?:博美(白?色)年龄?:___个?月免疫:?否办证:?否绝育:?否驱虫:?否是否接?受过狂犬疫?苗:否住?址:名称:?小雪球性别?:公健康程?度:良好?...https://www.renrendoc.com/paper/233028064.html
3.宠物帮领养中心的微博宠物帮领养中心 2022-6-22 18:03 来自微博网页版 已编辑 置顶 一、各位小伙伴们,如需我们帮忙发布猫咪狗狗的无偿送养直接私信我们提供以下信息:1.毛孩子的正面照片(3-9张)2.毛孩子的基本信息(姓名、性别、年龄、性格、身体情况:是否绝育驱虫打疫苗有没有疾病)3.最最重要的联系方式和所在地区(写到区)4.对...https://weibo.com/chongwubangly
4.说好“0元领养”却被捆绑消费3600元,免费领养宠物有何玄机?“我通过网络平台领养了一只宠物狗,却被捆绑消费搭进去了几千元!”4月22日,婉婉联系到了封面新闻,向记者讲述了一个月前,自己领养宠物时遇到的烦心事。 今年3月,婉婉在网上刷到了一条免费领养宠物的消息:“求好心人领养,领养无偿!”作为一位爱狗人士,她抱着试一试的心态联系到了信息发布者小李。经协商后,婉婉...https://m.gmw.cn/2024-04/26/content_1303722550.htm
1.计算机毕业设计138宠物领养系统的设计与实现互联网的发展,离不开一些新的技术,而新技术的产生往往是为了解决现有问题而产生的。针对于宠物领养信息管理方面的不规范,容错率低,管理人员处理数据费工费时,采用新开发的宠物领养系统可以从根源上规范整个数据处理流程的正规性和合法性。 宠物领养系统能够实现用户管理,宠物领养管理,宠物认领管理,教学视频管理,感谢信...https://blog.csdn.net/licongzhuo/article/details/129861157
2.网络热传“免费领养宠物”:联系领养,只让你转发和看广告同样的信息去年就有了 近日,一则“免费领养宠物”的消息在朋友圈疯传,“谁有兴趣领养小狗,免费的。有罗威、金毛、德牧、贵宾……在318国道旁有个养狗场要拆迁,有几千只狗无人领养就要饿死了。有要领养的请联系刘女士,微信:wag×××,您的复制粘贴可以挽救无数狗的生命”。 https://www.sc.gov.cn/10462/12771/2015/11/9/10358086.shtml
3.全国十大宠物领养平台领养猫狗的平台推荐可领养宠物的app有哪些...领养宠物的意义在于,给流浪动物一个赖以生存的家,解决它们的温饱、健康、居住问题。那么,你知道全国宠物领养中心有哪些吗?下面买购网编辑就带大家看一份宠物领养平台名单,一起了解下宠安家、幸运土猫、宠物帮领养中心,以及有只宠物、宠胖胖、搜栖、宠友社等流浪猫/流浪狗领养平台。 https://m.maigoo.com/top/430609.html
4.汕头爱心人士自发规范宠物领养救助流程南方plus今年年初,一场暖心的宠物领养活动在汕头合胜百货商场举行,现场40多只萌宠被爱心人士成功领养。以领养代替购买的模式在其他城市或许不是新鲜事,但在汕头,举办一场领养活动却并非易事。 “选择室内人流量不够大,选择室外则担心天气问题,而且一旦宠物数量太多,产生的气味、噪音以及安全问题等因素我们也得充分考虑。”“...https://static.nfapp.southcn.com/content/201903/12/c1998873.html
5.全套源码教程基于SpringBoot+MyBatis+Vue的流浪动物救助网站...用户可以在此处发布自己的寻宠信息,并且可以管理自己已经发布的相关信息。 管理员 管理员管理:管理管理员账号和权限。 动物领养审核管理 审核和管理动物领养申请。对宠物领养申请驳回或者同意审核通过等操作。 基础数据管理 管理系统的基础数据,如动物种类、品种等,并且支持对这些数据进行新增、编辑、删除或查询等。 https://cloud.tencent.com/developer/article/2421091
6.领养宠物翻译成英语怎么说领养宠物英语翻译 责任编辑:晨安 发布时间:2023-06-12 08:12:10 更新时间:2023-06-12 08:12:10 关注:1174 中文领养宠物 英语 翻译Adopt a pet 英式发音 美式发音 重点词汇 词汇 说明 记忆技巧 pet 高考,CET4,考研,TOEFL,TEM4 参考资料: 1.百度翻译:领养宠物 2.有道翻译:领养宠物...https://yingyu.xiediantong.com/en/9b2ba7c658d117a1/
7.东莞发布2023年度十大消费维权案例警惕宠物领养套路 爱心也会被“明码标价” 2023年7月,东莞市消费者委员会陆续收到消费者反映,厚街镇一宠物店以免费领养宠物猫为噱头诱导消费者签订名义上是领养协议,实为购买该店猫粮等宠物用品的买卖合同。宠物店无法提供宠物猫品种、性别,年龄等信息,且未提供宠物接种疫苗报告和健康报告。后续消费者自费带猫检查,查...https://news.dayoo.com/guangdong/202403/11/139996_54640985.htm