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

news2024/9/24 3:22:21

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跳转到微信小程序的测试版,并在跳转过程中传递必要的参数进行测试和调试‌

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2090352.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

解释:某树的孩子兄弟链是什么意思?

&#x1f31f; 嗨&#xff0c;我是命运之光&#xff01; &#x1f30d; 2024&#xff0c;每日百字&#xff0c;记录时光&#xff0c;感谢有你一路同行。 &#x1f680; 携手启航&#xff0c;探索未知&#xff0c;激发潜能&#xff0c;每一步都意义非凡。 孩子兄弟链&#xff…

280Hz显示器 - HKC G27H3显示器

280Hz显示器 - HKC G27H3显示器 当电竞遇上显示器&#xff0c;就像是超级英雄找到了他的战衣&#xff0c;完美搭配&#xff0c;所向披靡。今天&#xff0c;我们要聊的这款HKC G27H3显示器&#xff0c;简直就是电竞界的"速度与激情"&#xff0c;让我们来看看它如何成为…

HANA5 游戏逆向

前言 某著名百合R18游戏 以前尝试逆过一次&#xff0c;半途而废了。今天想起来再逆一下&#xff0c;记录下逆向的过程。 游戏文件结构&#xff1a; 游戏资源extract 主要目标是弄明白游戏资源&#xff1a;SE、CG这些怎么加载解密的。 还是像万华镜那样下三个API断点&…

windows下载安装Node.js 并切换镜像地址

一、 windows下载Node.js Node.js官方安装包及源码下载地址为&#xff1a;https://nodejs.org/en/download/。 如果下载过慢可以使用nullhttps://nodejs.cn/download/ 下载对应版本 二、安装 双击安装包 全部点next即可 三、测试是否安装成功 打开命令窗口查看node版本 …

Unity SceneView 相机聚焦到指定位置

SceneView 相机聚焦到指定位置 SceneView.lastActiveSceneView.LookAt(pos);

书生大模型实战营基础(5)——XTuner 微调个人小助手认知任务

目录 1 、微调前置基础 2、准备工作 2.1环境配置 结果 2.2模型准备 目录结构&#xff1a;在目录结构中可以看出&#xff0c;internlm2-chat-1_8b 是一个符号链接 3、快速开始 3.1 微调前的模型对话 获取开发机端口和密码&#xff1a; 3.2 指令跟随微调 3.2.1 准备数…

基于Yolov5_6.1、LPRNet、PySide6开发的车牌识别系统

项目概述 项目背景 随着车辆数量的不断增加&#xff0c;车牌识别系统在交通管理、停车场自动化等领域变得越来越重要。本项目利用先进的深度学习技术和现代图形用户界面框架来实现高效的车牌识别功能。 项目特点 高效识别&#xff1a;采用 YOLOv5_6.1 进行车牌定位&#xff…

Linux--IO模型_多路转接

目录 0.往期文章 1.五种IO模型介绍 概念 调用函数&#xff08;非阻塞IO&#xff09; 2.详解多路转接 之select select函数介绍 设置文件描述符 写一个基于select的TCP服务器 辅助库 基于TCP的Socket封装 服务器代码 测试服务器 小结 3.详解多路转接 之poll poll函…

【云游戏】点量云流赋能大型游戏新体验

点量小刘发现近期国产化大型3A游戏《黑神话&#xff1a;悟空》的发售&#xff0c;可谓是赢得了一波好评。从场景内容来说深厚的文化底蕴支撑和高质量精美的特效及画面制作令人眼前一亮&#xff0c;作为备受瞩目的一款游戏&#xff0c;从技术层面来说&#xff0c;该游戏也离不开…

关于武汉芯景科技有限公司的多协议收发芯片XJ3160开发指南(兼容MAX3160)

一、芯片引脚介绍 1.芯片引脚图 2.引脚描述 二、功能模式 1.RS232模式 2.RS485模式

赋能楼宇智能化升级:EasyCVR视频汇聚平台引领智慧楼宇安防新趋势

在当今科技飞速发展的时代&#xff0c;智慧楼宇监控系统如同一位默默守护的“超级卫士”&#xff0c;保障着我们工作和生活的舒适与安全。那么&#xff0c;这个强大的“卫士”是由哪些子系统构成的呢&#xff1f;且听我慢慢道来。 一、智慧楼宇的组成部分 首先&#xff0c;不…

神州数码半年业绩双增长,AI驱动数云服务及软件业务增长62.7%

发布 | 大力财经 8月30日晚间&#xff0c;神州数码集团&#xff08;000034.SZ&#xff09;发布2024年度中期业绩报告。 报告期内&#xff0c;神州数码营业收入实现625.6亿元&#xff0c;同比增长12.5%&#xff1b;归母净利润实现5.1亿元&#xff0c;同比增长17.5%&#xff1b…

JavaScript 知识:this、apply/call/bind、Promise、HTTP 库 Axios

1、变量、声明、传递 (值、引用) javascript:void(0) 含义 javascript:void(0) 中最关键的是 void 关键字&#xff0c; void 是 JavaScript 中非常重要的关键字&#xff0c;该操作符指定要计算一个表达式但是不返回值。void() 仅仅是代表不返回任何值&#xff0c;但是括号内的表…

字体的一些基本知识(字体族、衬线字体、回退机制)

文章目录 字体族常见的字体族作为网页&#xff0c;这里暂时只讨论衬线体和无衬线体多字体机制&#xff08;fallback&#xff09;回退机制 字体族 衬线体&#xff08;serif&#xff09;无衬线体&#xff08;sans-serif&#xff09;等宽字体&#xff08;monospace&#xff09;手…

Vue3中 defineProps 与 defineEmits 基本使用

defineProps 基本概念 在Vue 3中&#xff0c;defineProps是一个函数&#xff0c;用于定义一个组件的props。它接收一个props对象作为参数&#xff0c;并且会返回一个响应式的props对象。简单来说在vue3中&#xff0c;在进行父组件向子组件的通信&#xff0c;我们可以使用defin…

DeeplxFile:基于Deeplx提供的免费,不限制文件大小的文件翻译工具

DeeplxFile是一款基于Deeplx提供的免费&#xff0c;不限制文件大小的文件翻译工具&#xff0c;目前已完全支持Word&#xff0c;Excel&#xff0c;powerpoint 支持翻译大部分内容&#xff0c;工具支持Windows和macos Windows提供了编译好的exe版本, 直接双击运行即可&#xff0…

并发容器简介

由于同步器的串行化严重降低了并发性&#xff0c;Java之后推出了多种并发容器&#xff0c;使用并发容器来替代同步容器&#xff0c;可以提高绳索性并降低风险 J.U.C包中提供了几个非常有用的并发容器作为线程安全的容器&#xff1a; J.U.C包中提供的并发容器命名一般分为三类&…

EmguCV学习笔记 VB.Net 8.1 漫水填充法 floodFill

版权声明&#xff1a;本文为博主原创文章&#xff0c;转载请在显著位置标明本文出处以及作者网名&#xff0c;未经作者允许不得用于商业目的。 EmguCV是一个基于OpenCV的开源免费的跨平台计算机视觉库,它向C#和VB.NET开发者提供了OpenCV库的大部分功能。 教程VB.net版本请访问…

RabbitMQ本地Ubuntu系统环境部署与无公网IP远程连接服务端实战演示

文章目录 前言1.安装erlang 语言2.安装rabbitMQ3. 安装内网穿透工具3.1 安装cpolar内网穿透3.2 创建HTTP隧道 4. 公网远程连接5.固定公网TCP地址5.1 保留一个固定的公网TCP端口地址5.2 配置固定公网TCP端口地址 &#x1f4a1; 推荐 前些天发现了一个巨牛的人工智能学习网站&am…

Docker 数据卷管理及优化

目录 1 数据卷实现的目的 2 为什么要用数据卷 3 docker的两种数据卷 3.1 bind mount 数据卷 实践实例&#xff1a; 3.2 docker managed 数据卷 实验实例&#xff1a; 3.3 bind mount 数据卷和docker managed 数据卷的对比 3.3.1 相同点&#xff1a; 3.3.2 不同点&#xff1a; …