当前位置: 首页 > 知识库问答 >
问题:

vue.js - uniapp如何编写dapp浏览器这个功能?

秦弘亮
2023-07-24

已经用uniapp写好了一个多链钱包app,现在需要在app中增加一个dapp浏览器功能,应该如何实现呢?

我目前搜到的资料,按我大致的理解是,在vue页面里面添加一个<web-view>用来打开远程的web3网站,根据uniapp的官网说明,一个vue页面就是一个webview,那么这个vue页面中打开web3网站的webview组件就是一个子webview。剩下的问题就是 uniapp编写好的钱包app如何跟这个打开web3网站的子webview做通信了。

不知道我理解的对不对,因为手机端这个子webview没有web3环境,所以还要在子webview里面注入web3.js 。

那现在问题是,这个子webview的web3网站 如何跟我编写好的钱包app 地址 进行交互呢? 比如 登录,转账交易,签名 等等

网上搜出来的一些解答都是,uniapp利用web-view打开本地的html或者是远程的自己可控的html里面写代码进行交互。但是我现在实际情况是 web-view 打开的三方的远程web3网站。这个自己不可控的,如何处理呢?

不知道我表达清楚了没有,也不知道我理解的对不对这个流程! 有没有知道的大佬指点一下,感激不尽。

如果有大佬用uniapp 实现过 dapp浏览器的,也可以有偿购买代码片段

共有1个答案

伍心水
2023-07-24

参照Metamask,钱包端实现简易的Dapp浏览器
参考metamaskstackoverflow上的问答写的一个示例(rn的),通过注入web3环境和postMessage通信实现的

 类似资料:
  • 本文向大家介绍用Vue.js在浏览器中实现裁剪图像功能,包括了用Vue.js在浏览器中实现裁剪图像功能的使用技巧和注意事项,需要的朋友参考一下 你是否写了一个需要接受用户上传图片的 Web 应用,后来才意识到用户总是提供各种形状和大小的图像来破坏你的网站主题?在网络上处理图像很容易成为一种痛苦 —— 当然,除非你使用了正确的工具。 在本教程中,我们将探讨如何在浏览器中使用 JavaScript 库

  • 问题内容: Webkit的过渡结束事件称为webkitTransitionEnd,Firefox为transitionEnd,歌剧为oTransitionEnd。用纯JS处理所有这些的好方法是什么?我应该浏览器嗅探吗?还是分别实施?我还没有发生过其他事情? 即: 要么 问题答案: Modernizr中使用了一项技术,对它进行了改进: 然后,只要需要过渡结束事件,就可以调用此函数:

  • 上图 当我点击1间的时候只显示住客姓名1 当我点击2间的时候只显示住客姓名1 住客姓名2 当我点击3间的时候只显示住客姓名1 住客姓名2 住客姓名3 以此类推,该怎么实现呀 代码贴上了

  • 本文向大家介绍在Nginx浏览器中打开目录浏览功能,包括了在Nginx浏览器中打开目录浏览功能的使用技巧和注意事项,需要的朋友参考一下 在nginx中不像apache默认是打开目录浏览功能的,在nignx中目录浏览功能默认是关闭了,下面我来介绍在nginx中实现目录浏览功能的配置方法。 打开nginx.conf文件,在location server 或 http段中加入 另外两个参数最好也加上去:

  • 问题内容: 如何模拟div元素的点击?还是鼠标移动?还是文字输入? 如何在像Mocha这样的服务器端Node.js环境中做到这一点?以及如何在浏览器环境中使用像业力这样的运行程序来实现? 问题答案: 从React 0.9版本开始,我们包含了ReactTestUtils,这是一小包工具,可帮助您测试组件。它最有用的部分是事件模拟- 您可以运行以使用React的综合事件系统模拟点击事件。 还有一些其他

  • 我用Java创建了一个简单的Cumber测试。基本上,当您运行功能文件时,它会转到一个网站,选择一个按钮并将您带到该页面。我想做的是通过BrowserStack运行这个测试。不仅如此,还可以在Browserstack中的多个浏览器/设备上并行运行此单一功能文件。e、 g在五个不同的浏览器/设备上运行相同的测试。