当前位置: 首页 > news >正文

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

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

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

<wx-open-launch-weappstyle="display:block;"v-elseid="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页面)跳到小程序

//先判断当前页面所处环境是否为微信内置浏览器,如果是则代表是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()跳转

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

http://www.xdnf.cn/news/728731.html

相关文章:

  • KubeMQ 深度实践:构建可扩展的 LLM 中台架构
  • 使用FastAPI+Sqlalchemy从一个数据库向另一个数据库更新数据(sql语句版)
  • 在线政治采购系统架构构建指南
  • 【设计模式】责任链模式
  • Scratch节日 | 龙舟比赛 | 端午节
  • 历年南京大学计算机保研上机真题
  • 信息化项目验收测试:MES 系统验收测试的测试重点
  • 海思 35XX MIPI读取YUV422
  • USB MSC SCCI
  • 力扣HOT100之动态规划:322. 零钱兑换
  • web自动化-Selenium、Playwright、Robot Framework等自动化框架使用场景优劣对比
  • 拉普拉斯噪声
  • eBest智能价格引擎系统 助力屈臣氏饮料落地「价格大脑」+「智慧通路」数字基建​
  • 医疗IT系统绝缘监测及故障定位,绝缘监测技术在医院关键区域的应用
  • t015-预报名管理系统设计与实现 【含源码!!!】
  • 【请关注】各类数据库优化,抓大重点整改,快速优化空间mysql,Oracle,Neo4j等
  • Python打卡第40天
  • 开发效率提升小技巧:快速提取图标资源的解决方案
  • Unity 中实现首尾无限循环的 ListView
  • 设计模式之简单工厂模式
  • 前端面试准备-3
  • openssl-aes-ctr使用openmp加速
  • Java大师成长计划之第35天:未来展望与个人总结
  • shell编程笔记
  • 预处理深入详解:预定义符号、宏、命名约定、命令行定义、条件编译、头文件的包含
  • 【大模型】情绪对话模型项目研发
  • C++继承与构造函数调用详解
  • flash写失败分析
  • Linux系统编程收尾(35)
  • 【C/C++】cmake实现Release版本禁用调试接口技巧