代码编织梦想

1、配置需要跳转的小程序地址和参数,直接跳转

const url  =  https://XXX.com:30443/contract/mobileSign.client?token=xxx
 const arr = url.split('?')
 const paramsArr = arr[1].split('&')
 const token = paramsArr[0].split('=')[1]
const urlTo = "/pages/h5Pages?url=" + arr[0]+ '&token='+ token
uni.navigateTo({
   url: urlTo
 });

2、新建一个h5Pages.vue文件使用web-view内嵌需要跳转的小程序界面

html部分:

<template>
	<web-view :src="urlTo"></web-view>
</template>

js部分:

<script>
	export default {
		data() {
			return {
				urlTo: ''
			}
		},
		onLoad(options) {
	      const { url, token  } = options
	      // 动态设置标题
	      uni.setNavigationBarTitle({
	        title: '我是小程序的标题'
	      });
		  this.urlTo = `${url}?token=${token}`
	    }
	}
</script>

3、可能需要对方小程序配置安全域名

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_37856044/article/details/129672305

微信小程序web-view页面跳转到微信小程序页面_shuah153的博客-爱代码爱编程

公司要用小程序,今天试了试微信的web-view组件,感觉还是不错的,有点像写app的感觉,微信的的确确帮前端的兄弟们做了很多良心的事,前端因为微信工作机会大大增加,地位也太高了不少,更加感动主要是工资也能涨,好多废话……

微信小程序的web-view内嵌应用_筋斗云010的博客-爱代码爱编程

在微信小程序中使用web-view可以实现内嵌打开外部链接。在公众号的业务域名配置需要外链的域名然后把校验的文件上传的域名的根目录底下进行验证。 在小程序的代码直接用上<web-view></web-view> 里有一个src的属性 这个就可以填写要跳转的域名。域名一定要是https 举个栗子  <web-view sr

web-view内嵌web分享功能以及小程序跟web分离实现-爱代码爱编程

1、在小程序中添加新的页面,进行跳转处理 html: <web-view @message="onMessageReceive" src="{{newsUrl}}"></web-view> js: data = { newsUrl: '', // 跳转的路径 openId:'', // 跳转携带的参数

微信小程序使用web-view内嵌h5网页,并调用微信小程序支付_wcy7916的博客-爱代码爱编程

前言: 想把app内的精听课本模块的网页内嵌到新开发的微信小程序里面,之前已经放在了公众号里,现在也要支持在小程序里购买,阅读。 既然支持购买,小程序就得有注册登录的功能、支付的功能。支付不能用微信自带的支付,因为不支持,

百度小程序-web-view内嵌h5页_weixin_30612769的博客-爱代码爱编程

开发文档 smartprogram.baidu.com/docs/develo… 开发方式 小程序内 <!-- swan --> <!-- 首页的 web-view --> <web-view src="https://m.baidu.com"></web-view> 复制代码使用

小程序通过web-view跳转并传参给内嵌的h5页面-爱代码爱编程

微信小程序中可以通过<web-view>标签嵌入h5页面,通过 src属性进行跳转,但是好像只能是https的,因为传参带特殊符号,要进行解析; 在小程序中 Page({ data:{ src:'https://xx.xx.', name:'名字', id:'123456' }, onLoad(options){

小程序嵌套h5页面_uni-app 中使用 web-view 微信小程序嵌套H5-爱代码爱编程

uni-app 中使用 web-view 微信小程序嵌套H5 由于项目需要,我们的小程序中嵌套了web-view, 对于第一次接触uni-app,第一次用web-view的我真的是踩坑无数,屡次站在放弃的边缘,终于在今天搞定了。所以我感觉有必要更新一篇关于uni-app中嵌套web-view的文章,希望下面的文章可以帮助到正在学习的朋友吧。 1、u

解决h5网页内嵌在小程序web-view时的返回问题-爱代码爱编程

场景描述:一个带有底部tab栏切换的移动端网页,从列表进入详情再进入购买等依次深层次进入,然后点击左上角返回按钮去一层层的返回是没有问题的;但是当用户频繁切换几个tab很多次的时候,这时候再去点击左上角的返回按钮还是走一层层的返回,原因是浏览器的返回机制造成的,带来的问题就是用户想返回出去但是却看到的效果是底部tab一直在切换,一时半会退不出去。 解决思

微信小程序web-view内嵌h5,实现双向传参案例-爱代码爱编程

1.微信小程序带参跳转h5代码 .js Page( {   data :{     openid : ' 123456789x '    },    onLoad ( opti

小程序 web-view分享页面检测页面路径跳转-爱代码爱编程

需求,分享H5页面,打开小程序首页,进入指定的分享H5页面 1.分享函数 onShareAppMessage: function (Object, object) { // 监测分享页面 console.log(Object, object, '商城分享页面') return new Promis

小程序web-view中嵌套H5如何跳转其他小程序-爱代码爱编程

首先web-view中H5是无法跳转到其他小程序的 只能通过H5跳转回小程序,再让小程序跳转到其他小程序 H5跳转回小程序使用wx.miniProgram.navigateTo() 小程序跳转小程序使用wx.navigateToMiniProgram(),官方文档有示例,用法很简单,只需要传入appid,还有path(可选参数,不是必须的,不传则默认

微信小程序web-view嵌入h5页面,分享当前页_木本心声的博客-爱代码爱编程

①  index.wxml 为web-view标签添加bindload事件  web-view bindload | 微信开放文档 <web-view src="{{webview_url}}" bindload="getCurUrl"></web-view> ②  index.js 页面加载成功时会触发bindload

解决小程序内嵌web-view缓存无法清除问题-爱代码爱编程

现象 小程序内嵌web-view跳转页面时,当我们给H5页面做了修改后,重新部署在nginx中,发现真机调试和微信开发者工具中小程序页面死活不更新,在小程序中开启debug清楚缓存依然无效。 原因 小程序的缓存是在小程序中

钉钉小程序中的web-view中http请求与普通浏览器中的差异-爱代码爱编程

背景:最近一段时间在开发钉钉小程序,但是由于公司技术的限制,不能直接用钉钉提供的言语开发,而是采用了钉钉小程序的“壳”内嵌了H5项目。开发过程中使用小程序开发工具时一切正常,在钉钉真机调试时,苹果手机可以正常登录,安卓手机却跳不到登录页面,一直报401。经过排查发现,钉钉真机调试时,Request 的 Header 中的 X-Requested-With

微信小程序使用web-爱代码爱编程

先说说我遇到的错误,项目在部署测试环境之前一切正常,没有遇到任何阻碍性bug,但是部署测试环境之后,跳转h5报如下错误:  然后我就去查了官方文档,以及各类技术文档,意思就是需要在微信公众平台配置业务域名和合法域名;具体操作步骤【开发者登录小程序后台mp.weixin.qq.com,选择开发管理->开发设置】  具体操作参考官方文档: