百度360必应搜狗淘宝本站头条
python判断字典是否为空crontab每周一执行aes和des区别安装指定版本npmadb pull
当前位置：网站首页 > IT知识 > 正文

手机端H5页面直接打开微信小程序

liuian 2024-12-04 13:45 176 浏览

手机端H5页面直接打开微信小程序，相信这个功能很多同学都会用到，下面我记录一下怎么实现的

这里是用到了微信小程序自带的功能：开放能力 /获取小程序链接 /获取 URL Scheme
注意前提条件：开放范围，针对非个人主体小程序开放。

操作流程

通过服务端接口或在小程序管理后台「工具」-「生成 URL Scheme」入口可以获取打开小程序任意页面的 URL Scheme。适用于从短信、邮件、微信外网页等场景打开小程序。 通过 URL Scheme 打开小程序的场景值为 1065。

生成的 URL Scheme 如下所示：weixin://dl/business/?t=*TICKET*

操作步骤

这里我就直接使用小程序的官方后台功能生成url了，首先需要扫码登陆小程序，登陆地址 https://mp.weixin.qq.com/

登陆之后，找到头部导航右上角左右的一个“工具”菜单，如图所示，有个 “生成小程序URL Scheme” 的菜单，点击它：

点击菜单之后，可以看到有几个选项需要填写，根据自己的需要填写相应的值就可以了，如下图所示：

填写完毕后，点击 “生成” 按钮，即可生成在H5中可以直接打开的链接


生成后的协议链接代码： weixin://dl/business/?t=x填写自己生成的xx

在H5页面中使用这段代码

新建一个 html 页面，把下面的代码复制到自己的html中，把生成的链接，替换成自己的，页面的样式可以自己设计修改

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>H5跳转到微信小程序</title>
        <meta name="viewport" id="viewport" content="width=320, initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta content="yes" name="apple-mobile-web-app-capable">
        <meta content="black" name="apple-mobile-web-app-status-bar-style">
        
    </head>
    <body>
        <div id="appe">
            <div class="content">
                <input type="hidden" value="15" id="pageid">
                <div class="banner">
                    <a href="###" onclick="towxapp()">
                        点击我跳转到微信小程序
                    </a>
                </div>
            </div>
        </div>
        <script>
            function isIosOrAndroid() {
                var u = navigator.userAgent;
                var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1;
                if (isAndroid) {
                    return 1;
                }
                var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
                if (isiOS) {
                    return 2;
                }
                return 0;
            }
            function towxapp(){
                location.href = 'weixin://dl/business/?t=xx替换成自己的xx';
            }
            var system = isIosOrAndroid()
            if (system == 2) {
                location.href = 'weixin://dl/business/?t=xx替换成自己的xx';
            }
        </script>
    </body>
</html>

最后，把文件放到自己的web服务器上，用手机打开这个页面，就可以实现H5页面，跳转到微信小程序中！

相关推荐

C/C++恶意代码盘点(一):进程遍历丨木马病毒丨密码记录

恶意代码的分类包括计算机病毒、蠕虫、木马、后门、Rootkit、流氓软件、间谍软件、广告软件、僵尸(bot)、Exploit等等，有些技术经常用到，有的也是必然用到。恶意代码常见功能技术如下：进程遍...

跨越十年的C++演进:C++11新特性全解析

原作者：Linux教程，原文「链接」：https://mp.weixin.qq.com/s/oFbiFlqiwgVcJIMMvTelEA很多刚刚进入C++领域的朋友，最初是从C语言转过来的。因...

如何在C#中调用C++方法（c#调用c++的类）

主要方式C#主要通过两种方式提供对非托管代码的调用，第一种是使用平台调用(PlatformInvoke，P/Invoke)，第二种是使用不安全代码(unsafe)，日常开发中我们使用最多的就是第一种...

C语言字符数组和字符串（c语言字符数组和字符串数组）

用来存放字符的数组称为字符数组，例如：charc[10];字符数组也可以是二维或多维数组。例如：charc[5][10];字符数组也允许在定义时进行初始化，例如：charc[10]={'c',...

C语言指针，如何操作字符串?linux C第45讲

1指针操作字符串在学习数组的时候，我们了解了字符串的定义，我们可以定义一个字符数组，用来存放一个字符串，例如：chararray[]={"abcde"};charbuf[]=...

信奥赛C++常用的算法总结（信息学奥赛c语言和c++有什么区别）

1、桶排序核心：①创建盛下所有数的数组②将每个数作为编号放入桶里优点：稳定、简单、容易考缺点：空间复杂度较大，时间复杂度较大。#include<bits/stdc++.h>usingn...

Arduino 使用 C 字符串（arduino 字符串 数组）

问题您想了解如何使用原始字符字符串：创建字符串、查找其长度以及比较、复制或附加字符串。核心C语言不支持Arduino样式的String功能，因此您想了解针对基本字符数组编写的其他平台的代码...

C++20 四大特性之一:Module 特性详解

C++20最大的特性是什么？最大的特性是迄今为止没有哪一款编译器完全实现了所有特性。文章来源：网易云信有人认为C++20是C++11以来最大的一次改动，甚至比C++11还要大。本文仅介绍...

C/C++的const常量总结（c++语言const）

“所谓常量，就是在代码运行过程中值恒定不变的标识符，该标识符的值可以是一个常数，也可以是字符串。”在C/C++中，通常使用define宏定义或者const来定义常量，比如：#definePI3....

学习分享 | 通过C++python的对比，帮你快速入门python

一、前言对于只接触过静态语言，而从未使用过动态语言的人来说，第一次看到python的语法可能会大为惊叹。不用申明变量类型？不用等老半天编译完成就能直接运行？不用小心的维护指针？还不用写CMakelis...

字符串常量，C语言字符串常量详解

字符常量是由一对单撇号括起来的单个字符，如'a'、'D'、'？'、'#39;。在C语言中，除了字符常量外还有字符串常量，顾名思义就是多个“...

C/C++中的内存四区（c++的内存区域分为）

1代码区存放CPU执行的机器指令。通常代码区是可共享的（即另外的执行程序可以调用它），使其可共享的目的是对于频繁被执行的程序，只需要在内存中有一份代码即可。代码区通常是只读的，使其只读的原因是防...

通过pybind11来实现python调用C++接口(一)

有小伙伴很好奇，怎么样实现python调用C++接口？哈哈，手把手教程来了。第一步：我们需要安装pybind11这个纯头文件的库，目前该库支持c++11及以上版本，在你的环境中通过命令行输入：apt-...

深入了解C++如何注释以及在哪儿注释-开课吧广场

注释虽然写起来很痛苦，但对保证代码可读性至关重要，同时这也是每一个C++开发工程师所需要做好的事情。那么C++开发过程中该如何注释？应该在哪写注释呢？关于注释风格，很多C++的Coders更喜欢行注释...

C++核心知识点速查手册(实用重点版)

一、基础必备核心1.指针与引用（遥控器原理）指针：存储地址的变量（像电视遥控器）inttv=100;//电视机int*remote=&tv;//遥控器指向电视*...

一周热门
最近发表
标签列表