本文摘要:通过Web3将智能契约(Solidity代码)连接到用户界面。

亚博直播

通过Web3将智能契约(Solidity代码)连接到用户界面。如果你也是一个还在寻找可信的R&D教程的初学者,那么对于你来说,网卓新闻网无疑是一篇参考文章。在我们理解实际过程之前,我只想对一个非常关键的细节做最后的修改。

我们已经告诉Web3,这是一个真正帮助我们将智能合同连接到前端的库。然而,为了顺利连接到智能合同,Web3必须首先有两个关键组件。这两个组件是:应用程序二进制模块(ABI):它基本上包括了智能契约中的所有函数、它们的权限和其他细节(使用JSON格式)。

ADDRESS:这是分解后的智能契约移入实体代码后的地址。现在您可以记住这些细节了,让我们继续尝试将智能合同实际连接到前端的过程。前提条件1。

Ganache CLI:为了让这个过程非常简单,基本上可以看作是一个可定制的区块链模拟器,它为你获取10个免费的Ethereum账号,每个账号加载100个Ethereum账号。add:$ npminstall-gganache-cli2 . metamaskextension:这无疑是最合适的拒绝,因为它可以帮助我们在Firefox或Chrome等常规浏览器中面试Ethereum的分布式应用程序(DAPP)。3.块菌:这是最差的开发工具,包括所有合适的文件和环境。

您不仅可以部署和开发智能合同,还可以测试它们。补充:$ npminstall-g truss最后建立联系。

您已经成功地在这里安装了所有不可缺少的组件。现在让我们将智能合同连接到前端。虽然你可以自由选择各种框架开发前端,但是到目前为止,还是先入门吧。嗯,诚然,考虑到React本身的复杂性,可能很难从头开始编写所有的代码。

好了,块菌给你带来了一些异议,这个代码得到了一些连接React和Web3的示例代码。你所要做的就是安装块菌的反应盒。添加$truffle unbox react步骤1:编辑trufle-config.js:在trufle中的可执行文件react组件之后,第一个任务是编辑module.export部分中的网络对象。将主机设置为本地主机,端口设置为8545。

你为什么这么做?我们必须把dapp和当地的区块链联系起来。在我们这种情况下,Ganche CLI会做到这一点。最重要的是,Ganache CLI监听端口8545,这也是我们在tuffle.js第二步:启动Ganache CLI:下一部分是操作终端命令ganache-cli来转录Ganache。

第三步:设置METAMASK:说实话,这是事情看起来可能很奇怪的部分。所以,我们来了解一下这一步的基础。

Metamask可以很简单的看成一个工具,基本上可以把你的常规浏览器(即Firefox或者Chrome)切换成一个可以和区块链交流的工具。在R&D的过程中,可以通过为此元掩码扩展获取合适的端口并设置其与我们的R&D帐户的连接来完成。出于这个原因,您有两个受信任的端口用于研发目的。

端口7545:-用于Ganache GUI。端口8545:-用于Ganache CLI。

因此,假设您已经在您讨厌的浏览器上成功创建了元掩码扩展程序。现在让我们从主要部分开始。你也听说过,在profile的情况下,这个扩展是连接到Ethereum主网的,并不是所有账号你都想用来做研发的(除非你知道你很有钱,也很享受Ethereum)。

所以,点击下拉菜单,自由选择Localhost8545。(因为端口8545使用了Ganache CLI)。

设置端口后,现在点击右上角的圆形按钮,然后自由选择“导入帐户”选项。在这里,您将被拒绝输出您想要使用的帐户的私钥。忘了吧,Ganche CLI已经为我们获得了10个账户,100个免费以太网。

好的,从这10个账户中选择任意一个私钥,粘贴在这里。这样,既然你已经建立了账户,就可以开始研发过程了。

最后,使用REACT启动前端,所以现在启动前端部分非常容易。

本文关键词:亚博直播,亚博直播官方网

本文来源:亚博直播-www.younghotyoga.com

相关文章