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

小程序跳转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.lryc.cn/news/2393814.html

相关文章:

  • 【AI赋能,视界升级】智微智能S134 AI OPS,重构智慧大屏未来
  • 外网访问可视化工具 Grafana (Linux版本)
  • ass字幕嵌入mp4带偏移
  • WPF响应式UI的基础:INotifyPropertyChanged
  • JavaScript字符串方法全面指南:从基础到高级应用
  • 浅谈 JavaScript 性能优化
  • React从基础入门到高级实战:React 生态与工具 - 构建与部署
  • Kafka性能调优三剑客:深度解析buffer_memory、linger_ms和batch_size
  • 5分钟学会网络服务搭建,飞凌i.MX9352 + Linux 6.1实战示例
  • 网络安全-等级保护(等保) 3-2-2 GB/T 28449-2019 第7章 现场测评活动/第8章 报告编制活动
  • 74道TypeScript高频题整理(附答案背诵版)
  • PostgreSQL 临时表空间
  • N2语法 状態
  • 从Node.js到Go:如何从NestJS丝滑切换并爱上Sponge框架
  • 海思 35XX MIPI读取YUV422
  • sass三大循环语法
  • 第1章 Redis 概述
  • 硬件工程师笔记——二极管Multisim电路仿真实验汇总
  • 30V/3A,云岑CP8335B,完美替换EUP3484
  • 基于大模型预测的FicatIII-IV期股骨头坏死综合治疗研究报告
  • promptfoo:让语言模型评测不再“靠感觉”——一站式 LLM 自动化测评神器深度解读
  • LINUX安装运行jeelowcode后端项目(idea启动)
  • 硬件I2C和软件I2C的区别
  • 单元测试报错
  • AWS WAF设置IP白名单
  • 智能门禁的项目
  • 《Google I/O 2025:AI浪潮下的科技革新风暴》
  • 职坐标IT培训:硬件嵌入式与AI芯片开发实战
  • 一句话开发Chrome摸鱼插件
  • Spring Boot + OpenCSV 数据清洗实战:CSV 结构化处理与可视化