小程序跳转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标签跳转,这里先不多做介绍~~

相关推荐
开开心心就好3 小时前
批量提取PDF中的图片,直接导出原图
前端·javascript·支持向量机·智能手机·pdf·html·启发式算法
Setsuna_F_Seiei5 小时前
前端转型 Agent 开发 05 之 Agent Hooks 与 Checkpointer(让 Agent 从全自动转变人为可掌控)
前端·agent·ai编程
百万蹄蹄向前冲7 小时前
风扇转了一晚上MVP专家团翻车事故
前端·人工智能
默_笙7 小时前
🏛 给 AI 配一间办公室:Harness Engineering 六大模块与它的实现
前端·javascript
2601_963869957 小时前
力序健身房管理系统
微信小程序·小程序
linux_cfan9 小时前
videojs v10 源代码系列解读:14 · 谓词守卫:在运行时安全地调用能力
前端·javascript·音视频
kyriewen9 小时前
我扒了 10,221 条 JD:腾讯技术岗 75% 在要 AI
前端·人工智能·ai编程
郑州光合科技余经理10 小时前
同城外卖小程序开发:下单成功后,后台导出能不能对上用户端状态
开发语言·前端·git·后端·uni-app·php·ai编程
IT_陈寒10 小时前
Vue的响应式让我熬到凌晨三点,原来漏了这个小细节
前端·人工智能·后端
一 乐10 小时前
二手交易平台|基于springboot + vue二手交易平台(源码+数据库+文档)
java·数据库·vue.js·spring boot·小程序