uniapp内嵌h5跳转到本体小程序页面

记得这是去年的需求了,需求的主要目标是内嵌的沙箱商城h5点击支付能跳转到本体小程序的中转页再调用微信支付,因为现在线上都有很多很成熟的封装好的包能直接用,于是就不再做开发了,直接调用

先引包:

npm i jweixin-module

如果依赖初始化失败,请下载顶部资源包,并再进行独立引用,方法就不多赘述了

包引入后再封装到mainjs内:

let jweixin = require('jweixin-module');

Vue.prototype.wx = jweixin;

这个时候无需再次引入,在指定页面调用这个api即可完成跳转:

this.wx.jweixin.miniProgram.navigateTo({

      url: "跳转到本小程序的路径例如:./index" +"?params=" + ...,

});

这个跳转跟uniapp的uni.navigateTo方法里面的url概念不一样,uniapp的navifateTo内的url指定的是路由地址,而jweixin的方法url指定的是路由指定文件的地址。

重点强调,这个方法仅仅适用于vue搭建的uniapp小程序,app有自己独有的方法或api,可以尝试自主开发但是不建议,这样的功能其实谁做都一样重要的是功能是否能正常运行使用,能用就好,不需要在这个地方浪费开发时间。

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 我可以给你一些建议,你可以使用uniapp的getApp()函数来访问微信小程序App实例,然后调用App实例里面的getWxWebViewInfo()函数来获取小程序内嵌的webview的相关信息。 ### 回答2: 要在uniapp中获取微信小程序内嵌的Webview,可以使用uni-app的原生API和微信小程序的API进行操作。具体步骤如下: 1. 首先,在uniapp的项目中引入`uni.getEnv()`方法,用于判断当前运行环境是否为微信小程序。 ``` import uni from '@/uni' ``` 2. 然后,在需要获取Webview的页面或组件中,使用`uni.getEnv()`方法进行判断。 ``` if (uni.getEnv() === 'WEAPP') { // 运行在微信小程序环境中 // 获取Webview的方法 } ``` 3. 在微信小程序环境中,我们需要使用微信小程序的API来获取Webview。可以使用`wx.createSelectorQuery()`方法来获取Webview的节点。 ``` if (uni.getEnv() === 'WEAPP') { wx.createSelectorQuery().select('#webview').context(function (res) { console.log(res) }).exec() } ``` 4. 在上述代码中,`#webview`是Webview节点的选择器,需要根据实际情况进行修改。`res`参数中的`context`属性即为获取到的Webview节点。 5. 接下来,可以通过`res.context`来操作Webview,例如设置URL、发送消息等。 ``` if (uni.getEnv() === 'WEAPP') { wx.createSelectorQuery().select('#webview').context(function (res) { res.context.postMessage({ message: 'Hello Webview' }) }).exec() } ``` 以上就是在uniapp中获取微信小程序内嵌的Webview的简单步骤。需要注意的是,这种方法只适用于运行在微信小程序环境中的uniapp项目。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值