微信小程序跳转第三方H5的方法

使用web-view标签进行跳转

首先建立一个新的页面，这个页面就是为了第三方H5页面准备的。

在index.wxml中，写以下代码

<web-view src="{{h5url}}"></web-view> // 微信小程序提供的标签

在index.js中，写一下代码

data: {h5url:"https://eoaptest.cebbank.com:8443/uiap/ccs/chath5.html"}// 微信小程序的data中，h5url为第三方h5的链接

在需要点击跳转第三方页面的地方，js文件中用以下代码实现跳转

 wx.navigateTo({url: "../../pay/serviceH5/index"})
// wx.navigateTo是小程序提供的跳转方法，url是新建h5页面的路径

以上代码就实现了跳转第三方链接/H5页面

项目中大部分时候，需要链接拼接token进行跳转，那么在封装好接口之后用以下方式跳转

请求token的页面绑定点击事件用wx.navigateTo进行跳转

 toService: function () {API.queryUserInfoForCCMini( params ).then ( res => {const serviceToken = encodeURIComponent(res.userinfoForCCMiniModel.token)console.log(serviceToken)wx.navigateTo({url: `../pay/ser/index?h5url=https://eonk.com/uiap/ccs/chath5.html?token=${serviceToken}`,})})},

微信小程序跳转第三方H5的方法相关推荐

微信小程序跳转第三方网页、第三方小程序。
微信小程序跳转第三方网页.第三方小程序. 微信小程序跳转第三方网页跳转第三方网页的问题微信小程序跳转第三方小程序微信小程序跳转第三方网页最近需要做一个小程序跳转携程的功能,首先考虑到的是跳转到 ...
关于微信小程序跳转到H5，然后从H5又跳回微信小程序问题的资料
关于微信小程序跳转到H5,然后从H5又跳回微信小程序问题的资料直接上答案 // javascript import wx from 'weixin-jsapi';// 判断h5页面是否是运行在小程序 ...
微信小程序跳转到H5网页
小程序是一种不用下载就能使用的应用,也是一项门槛非常高的创新,经过将近两年的发展,已经构造了新的小程序开发环境和开发者生态.小程序也是这么多年来中国IT行业里一个真正能够影响到普通程序员的创新成果,现 ...
支付宝小程序跳转第三方H5页面
支付宝小程序跳转第三方H5页面基础API跳转 web-view my.ap.openURL web-view 和 my.ap.openURL 两者比较 my.ap.navigateToAlipayP ...
小程序跳到h5页面_微信小程序跳转到H5页面实战篇
有些场景需要从微信小程序跳转到H5页面,通常网上的教程会告诉你使用web-view组件就可以了,但实际开发中还有很多需要注意的地方,尤其是很多概念往往会把初学者弄糊涂了,下面就让我们从概念开始吧!微信 ...
uni-app开发h5点击跳转到h5，微信小程序跳转到h5
<imageclass="tvcBu"@click="toUrl"mode="aspectFit"src="../../st ...
微信小程序跳过第三方的_微信小程序可以跳转第三方页面吗
随着互联网的发展,小程序定制开发的需求也是越来越多了.客户在寻问小程序开发的时候,小程序跳转外部链接是他们比较关心的问题之一.下面我们将小程序跳转外部链接的规则汇总整理,希望用户对小程序的跳转规则有更 ...
微信小程序中使用第三方ui框架方法
安装步骤安装前确定电脑上安装了node. (没有设置探宝镜像的先设置淘宝镜像,安装速度更快) 设置淘宝镜像: npm config set registry https://registry.npm ...
微信小程序跳过第三方的_微信小程序怎么解除第三方授权？
平时我们用使用一个新的小程序时,通常都会弹出一些第三方授权的窗口,要授权成功才能正常使用小程序.而其中或多或少会涉及一些个人隐私信息,如果我们不需要再使用这些小程序,想要取消授权应该怎么做呢? 一.在 ...

微信小程序跳转第三方H5的方法

微信小程序跳转第三方H5的方法相关推荐

最新文章

热门文章