如何用URL Scheme H5链接，直接打开微信小程序

最新推荐文章于 2024-05-15 17:48:33 发布

在土里养鱼

最新推荐文章于 2024-05-15 17:48:33 发布

阅读量6.5k

点赞数

分类专栏：前端小程序

本文链接：https://blog.csdn.net/weixin_43857786/article/details/116268835

版权

前端同时被 2 个专栏收录

12 篇文章 2 订阅

订阅专栏

小程序

7 篇文章 0 订阅

订阅专栏

今天接到需求！！！想要从浏览器，QQ等场景，用H5链接打开微信小程序！！！
如何实现的，一番查阅后，让我带你实现吧！
ps：适用于非个人主体，微信内部的浏览器好像不行，你们自己试试。

1、首先登录微信小程序后台：
微信小程序后台→工具→微信生成小程序URL Scheme，根据你的需要填写，启动query参数可为空；
2、生成后会获得一个链接

weixin://dl/news/?t=xxxxxxx

3、然后创建demo.html文件，建立页面，把weixin链接改成你上面得到的链接

<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>H5打开小程序</title>
  </head>
  <body>
    <p style="text-align: center">自动跳转小程序</p>
  </body>
  <script>
    location.href = "weixin://dl/news/?t=xxxxxxx";
  </script>
</html>

4、把demo.html页面上传到你的服务器网站目录中，直接访问你的服务器链接
就会自动弹出是否跳转打开微信，然后会自动打开你的小程序。
在这里插入图片描述

在土里养鱼

关注

0
点赞
踩
15

收藏

觉得还不错? 一键收藏
0
评论
如何用URL Scheme H5链接，直接打开微信小程序

今天接到需求！！！想要从浏览器，QQ等场景，用H5链接打开微信小程序！！！如何实现的，一番查阅后，让我带你实现吧！ps：适用于非个人主体，微信内部的浏览器好像不行，你们自己试试。1、首先登录微信小程序后台：微信小程序后台→工具→微信生成小程序URL Scheme，根据你的需要填写，启动query参数可为空；2、生成后会获得一个链接weixin://dl/news/?t=xxxxxxx3、然后创建demo.html文件，建立页面，把weixin链接改成你上面得到的链接<!DOCTYPE
复制链接

扫一扫