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

【通过h5作为中转页跳转到微信小程序】

1。从小程序跳转小程序内部页面

<!DOCTYPE html>
<html><head><title>H5跳转小程序</title><meta charset="UTF-8"><meta name="viewport"content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" /><meta name="format-detection" content="telephone=no" /><meta name="apple-mobile-web-app-capable" content="yes" /><meta name="apple-mobile-web-app-status-bar-style" content="black">
</head><body></body>
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<script type="text/javascript" src="/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script><script>var url = window.location.search;var params = new URLSearchParams(url);var id = params.get('id');wx.miniProgram.navigateTo({url: `/pages/index/index?id=${id}`});</script></html>

2。从h5跳转到小程序页面

在这里插入图片描述
在这里插入图片描述

<!DOCTYPE html>
<html><head><title>H5跳转小程序</title><meta charset="UTF-8"><meta name="viewport"content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" /><meta name="format-detection" content="telephone=no" /><meta name="apple-mobile-web-app-capable" content="yes" /><meta name="apple-mobile-web-app-status-bar-style" content="black">
</head><body></body>
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<script type="text/javascript" src="/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script><script>var url = window.location.search;var params = new URLSearchParams(url);var id = params.get('id');window.onload = function () {window.location.href = `weixin://dl/business/?appid=。。。&path=pages/index/index?query=id=${id}`;};</script></html>

携带参数:地址后面通过query%3D参数,微信跳转参数使用=号或者&符号可能导致无法跳转,所以使用encode编码形式写即可

& 符号的encode编码为 %26

=符号的encode编码为 %3D

要跳转到微信小程序的测试版,你需要通过微信提供的明文scheme进行跳转,具体步骤如下:‌配置小程序‌:首先,你需要在微信公众平台上进入小程序的设置,找到隐私设置,并配置明文scheme拉起小程序。在这里,你可以指定跳转的页面路径。如果你有多个测试页面需要跳转,可以使用分号隔开。‌生成跳转链接‌:使用微信提供的明文scheme生成跳转链接。这个链接的格式通常是weixin://dl/business/?appid=你的小程序AppID&path=你的测试页面路径。其中,appid是你的小程序AppID,path是你想要跳转的测试页面的路径。‌传递参数‌:如果需要在跳转时传递参数,可以在链接的query部分添加参数,例如query=参数名=参数值。这些参数可以在小程序的onLoad方法中被接收并处理。‌测试调试‌:在开发过程中,你可能还需要传递调试参数,比如env_version,这可以帮助你在开发和调试阶段进行特定的操作。例如,你可以在链接中添加env_version=trial来进行调试。‌使用跳转链接‌:在你的App中,使用上述生成的链接进行跳转。这可以通过调用系统的浏览器或者使用window.open方法实现,具体取决于你的应用类型和开发框架。通过上述步骤,你可以实现从App跳转到微信小程序的测试版,并在跳转过程中传递必要的参数进行测试和调试‌

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • LMDeploy 量化部署进阶实践
  • c++中的匿名对象及内存管理及模版初阶
  • 【自用16.】C++类
  • 组合式API-reactive和ref函数,computed计算属性,watch函数
  • Linux和Unix的区别及为什么鸿蒙系统不用Unix的原因
  • 排序算法(冒泡、插入、选择、快排、归并)原理动画及Python、Java实现
  • 进程、线程的区别
  • identYwaf:一款基于盲推理识别技术的WAF检测工具
  • LLM - GPT(Decoder Only) 类模型的 KV Cache 公式与原理 教程
  • 解决:pip install flash-attn安装失败案例【cuda】【torch】【flash-attn】
  • mysql 不同版本安装不同端口
  • 企业级Mysql 集群技术部署
  • 55.基于IIC协议的EEPROM驱动控制(2)
  • 使用Spring Cloud Consul进行分布式配置的深度解析与实战
  • 【中学教资-信息技术】多媒体文件大小的存储
  • __proto__ 和 prototype的关系
  • 【React系列】如何构建React应用程序
  • 2017 前端面试准备 - 收藏集 - 掘金
  • Android路由框架AnnoRouter:使用Java接口来定义路由跳转
  • Computed property XXX was assigned to but it has no setter
  • JS专题之继承
  • leetcode46 Permutation 排列组合
  • SpringCloud集成分布式事务LCN (一)
  • 程序员最讨厌的9句话,你可有补充?
  • 给自己的博客网站加上酷炫的初音未来音乐游戏?
  • 基于Javascript, Springboot的管理系统报表查询页面代码设计
  • 深入浅出webpack学习(1)--核心概念
  • 微信小程序--------语音识别(前端自己也能玩)
  • 我与Jetbrains的这些年
  • 小程序上传图片到七牛云(支持多张上传,预览,删除)
  • 格斗健身潮牌24KiCK获近千万Pre-A轮融资,用户留存高达9个月 ...
  • # 飞书APP集成平台-数字化落地
  • ######## golang各章节终篇索引 ########
  • #stm32驱动外设模块总结w5500模块
  • (22)C#传智:复习,多态虚方法抽象类接口,静态类,String与StringBuilder,集合泛型List与Dictionary,文件类,结构与类的区别
  • (33)STM32——485实验笔记
  • (LeetCode C++)盛最多水的容器
  • (每日持续更新)信息系统项目管理(第四版)(高级项目管理)考试重点整理 第13章 项目资源管理(七)
  • (每日一问)计算机网络:浏览器输入一个地址到跳出网页这个过程中发生了哪些事情?(废话少说版)
  • (算法设计与分析)第一章算法概述-习题
  • (五)activiti-modeler 编辑器初步优化
  • .gitattributes 文件
  • .NET / MSBuild 扩展编译时什么时候用 BeforeTargets / AfterTargets 什么时候用 DependsOnTargets?
  • .NET 4.0中使用内存映射文件实现进程通讯
  • .Net 8.0 新的变化
  • .Net CF下精确的计时器
  • .net 验证控件和javaScript的冲突问题
  • ::
  • @RequestBody详解:用于获取请求体中的Json格式参数
  • [20170705]diff比较执行结果的内容.txt
  • [④ADRV902x]: Digital Filter Configuration(发射端)
  • [51nod1610]路径计数
  • [C++] new和delete
  • [C++]四种方式求解最大子序列求和问题
  • [CF543A]/[CF544C]Writing Code