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

相关推荐
陈随易10 小时前
有生之年系列,Nodejs进程管理pm2 v7.0发布
前端·后端·程序员
冰暮流星10 小时前
javascript之事件代理/事件委托
前端
陈随易11 小时前
AI时代,你还在坚持手搓文章吗
前端·后端·程序员
里欧跑得慢13 小时前
17. Flutter Hero动画实现:让界面过渡更加优雅
前端·css·flutter·web
IT_陈寒14 小时前
Vue的这个响应式陷阱,我debug了一整天才爬出来
前端·人工智能·后端
kyriewen14 小时前
前端测试:别为了100%覆盖率而写测试,那是自欺欺人
前端·javascript·单元测试
去伪存真14 小时前
我自己写的第一个skills--project-core-standards
前端·agent
Data_Journal14 小时前
如何使用cURL更改User Agent
大数据·服务器·前端·javascript·数据库
竹林81815 小时前
wagmi v2 多链钱包切换:一个 Uniswap 仿盘项目让我踩了三天坑
前端·javascript
donecoding15 小时前
Playwright MCP 页面捕获:Snapshot、截图、HTML 到底选哪个?
前端·ai编程·前端工程化