使用React和Network
exportdefaultApp;
现在,我们的去中心化应用将显示其当前接入的以太坊网络及其使用的web3提供商。
我们来测试一下:通过从/client目录中运行npmstart来保存并启动浏览器。通过将InfurawebsocketURL中的mainnet替换为rinkeby进行测试。如果已经安装了MetaMask,则禁用这里的扩展,因为您看到它具有优先性。
具体运作方式是:在上面的代码中,我们从React实现的NetworkJS(;constrequestAccess=useCallback(()=>requestAuth(web3Context),);return(<p><h3>{props
Yuga Labs 新项目 Otherside 宣布拍卖将使用 Apecoin 支付:金色财经消息,Yuga Labs 将于北京时间5月1日零点推出的元宇宙土地项目 Otherside 在推特上宣布,Otherside拍卖将使用ApeCoin来支付,Mint 将采用荷兰式拍卖方式,因此 ApeCoin 的价格会随着时间的推移而下降。荷兰拍卖的起拍价将于本周晚些时候公布。BAYC 和 MAYC 持有者可在拍卖后的 21 天内申领 NFT。此外,此次拍卖获得的 ApeCoin 都将被锁定一年,这意味着持有者在 ApeCoin DAO 中没有投票资格。[2022/4/26 5:11:30]
上面的代码所执行的操作如下:
动态 | 以太坊网站被大量使用 FairWin合同具有严重风险:据以太坊国际新闻消息,最近几周,Ethereum网站被大量使用,以至于ETH的矿商决定将区块的容量提高25%来允许更多的交易发生。调查显示,一份名为“FairWin”的有问题的智能合同受到了广泛的欢迎,消耗了以太坊所有天然气的50%。区块链游戏工作室Horizo??n Games的研发人员Philippe Castonguay最近在Twitter上写道,FairWin合同具有“严重风险,使所有资金都处于风险中”,然后要求其追随者传播这一知识。[2019/9/29]
从web3Context拉取账户,并在去中心化应用中显示可用的用户地址;
声音 | BM:目前还没决定是否要禁止美国用户使用 Voice,希望上线时能通过合规批准:BM 刚刚继续在电报群中解答社区关于 Voice 的疑问,要点如下: 1.为什么 Voice 禁止美国用户使用?BM 回复:目前我们还没决定是否要禁止美国用户使用 Voice,你看到的法律文档只是我们最保守的一种选项,还没做出最后决定。我们希望 Voice 上线时能通过合规批准; 2.有人提问 Voice 是去中心化的,美国政府是无法阻止或审查它的。BM 回复:(审查方面)他们可能会面临技术上的挑战,但他们可以处罚创造这个产品的人(指 B1)。身份验证系统都会有一些中心化验证的因素,我们最好的期待就是信任,但是用透明的方式来验证; 3.关于如何进行 KYC,有什么能透露的吗?BM:我们正在开展几项技术,并在与不同司法管辖区的第三方 KYC 供应商磋商。在完成所有工作之前,我不能透露任何信息; 4.Voice 大概会在什么时候推出呢?BM 回复:它会在今年夏天开始分阶段推出。[2019/6/4]
如果我们请求的账户不可用,去中心化应用将生成一个按钮。用户可以通过该按钮向去中心化应用提供对其地址的访问权限;
动态 | BM: 正在创造一个允许购买或者出售 30 天授权期内可使用 CPU 的租赁市场:今日早晨 9:48 分起, BM 在 EOS 电报群回应某用户的质疑“将 RAM 和 CPU 这两个资源令牌化(tokenizing)是错误的”时表示,CPU 是可以租赁的,并没有tokenizing。BM 表示, 将会创造一个允许购买或者出售 30 天授权期内可使用 CPU 的租赁市场。 随后有人提问,为什么是 30 天? 对此 BM 指出,到期你可以续租。有人建议租赁可以考虑多周期组合,BM 看到后回应称, 7 天可能是一个不错的考虑。同时他补充道, CPU 和 NET 都可以租赁。[2018/7/31]
用户按下该按钮后,将调用web3Context中的requestAuth函数,且注入的web3提供商可以显示一个对话框,供用户请求获取访问权限。使用React功能时,将使用useCallback设置“账户访问请求”回调函数。
我们现在通过从客户端目录中运行npmstart来再次启动该去中心化应用。
在浏览器中,按下“RequestAccess”以请求访问用户地址,然后接受Metamask弹出窗口中的请求。这时将显示用户地址。要重新开始该流程,退出Metamask即可再次提交用户访问请求。
账户余额
最后,我们的第三个目标是添加React组件以显示账户余额。
在下面的代码中,我们获取lib对象,其中包含我们需要的区块链。该对象来自web3Context,这是web3
,);useEffect(()=>{getBalance();},);constrequestAuth=asyncweb3Context=>{try{awaitweb3Context
catch(e){console
};constrequestAccess=useCallback((web3Context)=>requestAuth(web3Context),);return(<p><h3>{props
我们通过运行客户端目录中的npmstart再次启动去中心化应用。好了!去中心化应用现在应该会显示账户余额。
您刚刚构建了去中心化应用前端。它可以接入以太坊主网并向主网请求数据。用户“登录”后,去中心化应用显示用户需要的信息并响应状态变更。
持续学习
我们的下一期教程将向您介绍如何显示用户的ERC20余额并支持用户转移余额。更多web3开发指南将包括众多主题,例如使用Ethers.js进行构建、使用OpenZeppelin的新手入门套件,以及更多复杂集成,例如使用Truffle的Drizzle框架设置以太坊日志筛选器,从而在前端实时响应区块链数据变更。
来自:https://blog.infura.io/zh_cn/shi-yong-react-he-network-js-gou-jian-qu-zhong-xin-hua-ying-yong-qian-duan/
本文来源于非小号媒体平台:
登链社区
现已在非小号资讯平台发布105篇作品,
非小号开放平台欢迎币圈作者入驻
入驻指南:
/apply_guide/
本文网址:
/news/9558540.html
免责声明:
1.资讯内容不构成投资建议,投资者应独立决策并自行承担风险
2.本文版权归属原作所有,仅代表作者本人观点,不代表非小号的观点或立场
上一篇:
币安为何推出第三条链?这对BNB意味着什么?
郑重声明: 本文版权归原作者所有, 转载文章仅为传播更多信息之目的, 如作者信息标记有误, 请第一时间联系我们修改或删除, 多谢。