小程序跳转H5或者其他小程序

  1. h5跳转小程序有两种情况

(1)从普通浏览器打开的h5页面跳转小程序使用wx-open-launch-weapp可以实现h5跳转小程序

html 复制代码
<wx-open-launch-weapp
                style="display:block;"
                v-else
                id="launch-btn"
                :username="wechatYsAppid"
                :path="path">
                    <script type="text/wxtag-template">
                        <style>
                        .btn {
                            width: 100%;
                            height: 48px;
                            margin-top: 21px;
                            font-size: 18px;
                            color: #FFFFFF;
                            line-height: 48px;
                            text-align: center;
                            border-radius: 15px;
                            background-color: #01CB88;
                            font-weight: 500;
                            border:none;
                        }
                    </style>
                    <button class="btn">跳转小程序</button>
                </script>
            </wx-open-launch-weapp>

(2)从小程序环境中的H5页面(也就是从小程序中通过web-view跳转到的H5页面)跳到小程序

javascript 复制代码
//先判断当前页面所处环境是否为微信内置浏览器,如果是则代表是web-view页面,则使用:

//是否是微信内置浏览器
var ua = window.navigator.userAgent.toLowerCase(); 
if (ua.match(/MicroMessenger/i) == 'micromessenger') {
    console.log("micromessenger"); //微信内置浏览器
wx.miniProgram.navigateTo({
					url: `/pages/books/index?AuthOauthToken=${AuthOauthToken}&productId=[10]&source=takes`, // 小程序内页面路径及查询参数
					success:function(res) {
					},
					fail:function(res) {
					}
				});
}

3.小程序跳转其他小程序,使用wx.navigateToMiniProgram()跳转

javascript 复制代码
let path=`pages/sys/booksAuthOauthToken=${AuthOauthToken}&productId=${productId}&to=${encodeURIComponent('/pages/look/index')}&productId=[3,4]`;
				uni.navigateToMiniProgram({
					// 某某小程序
					appId: this.$httpWX.azAppId,
					path: path,
					query: {
						AuthOauthToken: AuthOauthToken,
						origin: "fff",
						to: encodeURIComponent('/pages/look/index')
					},
					envVersion: this.$httpWX.envVersion,
					success: (res) => {},
					fail: (fail) => {
						uni.showToast({
							icon: "none",
							title: '您已取消'
						})
						uni.switchTab({
							url: "/pages/Main/main"
						})
					}
				})

4.小程序跳转H5

使用web-view标签跳转,这里先不多做介绍~~

相关推荐
袁煦丞16 分钟前
Photopea云端修图不求人!cpolar内网穿透实验室第641个成功挑战
前端·程序员·远程工作
yk-ddm22 分钟前
JavaScript实现文件下载完整方案
前端·javascript·html
万少39 分钟前
04-自然壁纸实战教程-搭建基本工程
前端·harmonyos·客户端
karl_hg40 分钟前
Element Plus 自定义(动态)表单组件
前端·vue.js·element
南岸月明41 分钟前
从焦虑到专注:副业半年后我才明白的3件事
前端
晓131344 分钟前
JavaScript加强篇——第八章 高效渲染与正则表达式
开发语言·前端·javascript
南囝coding1 小时前
做付费社群,强烈建议大家做这件事!
前端·后端
我是若尘1 小时前
Axios 如何跨域携带 Cookie?
前端
子林super1 小时前
主从数据全量迁移到分片集群测试
前端
Spider_Man1 小时前
🚀 TypeScript从入门到React实战:前端工程师的类型安全之旅
前端·typescript