通过Web3将智能合约(Solidity代码)连接到用户界面:kaiyun
通过Web3将智能合约(Solidity代码)相连到用户界面。如果您也是那些仍在希望找寻一个可信研发教程的初学者之一,那么对于您来说,网卓新闻网,这毫无疑问是参考书的文章。
两个不可或缺组件在我们了解理解实际过程之前,我只想对一个十分关键的细节做到一个十分结尾的改动。既然早已告诉Web3是一个确实协助我们将智能合约相连到前端的库。但是为了顺利相连到智能合约,Web3首先还必须两个十分关键的组件。
这两个组件是:应用程序二进制模块(ABI):它基本上包括所有功能,它们的权限以及智能合约中的其他细节(使用JSON格式)。地址(ADDRESS):这是在迁入实体代码后分解的智能合约的地址。现在您就可以牢记这些细节了,让我们继续前进,尝试实际将智能合约相连到前端的过程。
先决条件1.Ganache CLI:为了让这个过程非常简单,基本上可以将其视作可自定义的区块链模拟器,它为您获取10个免费的以太坊帐户,其中每个帐户都装载100个以太坊。加装:$npm install -g ganache-cli2. Metamask Extension:毫无疑问,这是最适当的拒绝,因为它可以协助我们在Firefox或Chrome等常规浏览器中采访落成了以太坊的分布式应用程序(DAPP)。
3.Truffle:这是最差的开发工具,还包括所有适当的文件和环境,您不仅可以部署和研发智能合约,还可以对其展开测试。加装:$npm install -g truffle最后建立联系,到这里您已顺利顺利加装所有不可或缺组件,现在让我们将智能合约相连到前端。尽管您可以自由选择各种框架来研发前端,但到目前为止,让我们开始吧。
好吧,无可否认,考虑到React本身的复杂性,从头开始撰写所有代码有可能很困难。好吧,truffle为您获取了一些反对,该代码为您获取了一些将React与Web3相连的样板代码。
您所要做到的就是加装truffle的React Box。加装$truffle unbox react第1步:Edit trufle-config.js:从trufle中可执行文件react组件后,第一个任务是在module.export部分编辑网络对象。将主机设置为localhost,端口设置为8545。为什么这样做到?好吧,我们必须将dapp相连到本地区块链。
在我们的案例中,Ganche CLI将已完成这项工作。最重要的是,Ganache CLI侦听端口8545,这就是为什么我们在tuffle.js中将端口设置为8545的原因。第2步:启动Ganache CLI:下一部分是运营终端命令ganache-cli以转录Ganache。第3步:设置METAMASK:说实话,这是事情有可能显得古怪的部分。
因此,让我们理解此步骤的基础知识。Metamask可以非常简单地看做是一种工具,可以将您的常规浏览器(即Firefox或Chrome)基本上切换为可以与区块链通信的工具。
在研发过程中,可以通过为此metamask拓展获取适合的端口并设置其与我们的研发帐户的相连来已完成。为此,您有两个可信的端口用作研发目的。· 端口7545:-用于Ganache GUI· 端口8545:-用于Ganache CLI因此,假设您已在自己讨厌的浏览器上顺利创建了Metamask拓展程序,现在让我们从主要部分开始。
如您所闻,配置文件情况下,此扩展名相连到以太坊主网络,这不是您要用作研发目的的所有帐户(除非您知道很富裕并且享有大量以太币)。因此,单击下拉菜单,然后自由选择Localhost8545。(因为Ganache CLI用于端口8545)。
设置端口后,现在单击右上方的圆形按钮,然后自由选择“引入帐户”选项。在此将拒绝您输出要用于的帐户的私钥。
忘记,Ganche CLI早已为我们获取了10个具有100个免费以太币的帐户。好了,从这10个帐户中自由选择任何私钥并将其粘贴到此处。就这样,既然您早已设置了帐户,那么您就可以开始研发过程了。最后,用REACT启动前端,因此现在可以非常简单地启动前端部分了。
本文关键词:通过,Web3,将,智能,合约,Solidity,kaiyun,代码,连,接到
本文来源:kaiyun-www.3dfocus.cn
同类文章排行
- kaiyun:任达华不追究行凶者 手术治疗后已转到普通病房
- 山东黄金主场119比88大胜云南红河(第八轮)
- 浅论高层建筑施工安全管理
- 为什么互联网产品越来越难做了?
- 王健林又悄悄卖了几家万达广场!保险、信托接
- 谢和弦暗指吴宗宪胡瓜以“出外景”为由骗女孩-kaiyun
- 中国篮球协会关于组织U18 国青男篮冬训的函
- kaiyun_张国立加盟百事巨星大家族 古天乐甘居配角张韶涵甜笑撒
- 国产顶级“二次元”IP:三国
- 在人工智能炒热机器人时,也被人把风带进了教
最新资讯文章
- 福建省释教协会第九届理事会第二次集会决议
- 苏州一级制作师报考必须大专学历吗 苏州一级制作师考前培训
- 南京水利水电科学研究院举办第十届青年论坛
- 山东电力工程咨询院有限公司(中电投工程公司)举行庆祝国家
- 山东黄金主场119比88大胜云南红河(第八轮)
- 季前赛-哈提布32分约什21分 佛山胜江苏取2连胜
- 付豪26+10全队6人上双 八一客场胜吉林取第二胜
- 中国篮球协会关于组织U18 国青男篮冬训的函
- 嫩模周秀娜暴雨出巡硬抢邓丽欣迷
- 萧敬腾、方大同去年斐然成绩 将首登今年央视春晚
- kaiyun-视频:陈冠希马拉松成绩遭褫夺 私换号码牌死不认错
- 朱丽倩已怀上男胎?刘德华早进入“二胎时代”:kaiyun
- 施工资质证书有效期为五年 为什么要和制片人签一年的条约
- 东西方园林建筑的差异
- 项目施工阶段成本控制
- 2019年建筑环境与能源应用工程专业就业前景
- 景森设计新三板挂牌敲钟仪式在京隆重举行
- 赵继伟:哈德森巴斯顺应辽宁队 仍按0-0预备下场|kaiyun
- 阿联与德莱尼同心协力,最终广东大胜山西豪取15连胜-kaiyun
- kaiyun_罗志祥400万包机宣传《有我在》 笑称与狗仔和平相处