酱茄教你怎么用H5链接打开微信小程序
16lz
2021-04-27
怎么从浏览器,QQ等场景,用H5链接打开微信小程序?其实简单操作即可实现,看看小编如何实现的,适用于非个人主体。
1、微信小程序后台→工具→微信生成小程序URL Scheme,按需填写,启动query参数可为空;
2、生成后会获得一个类似下面链接
weixin://dl/business/?t=xxxxxxx
3、本地新建一个如index.html文件,把以下代码放到文件中,并把代码中的图片和weixin链接改成自己的即可
实例
<!DOCTYPEhtml><htmllang="zh"><head><metacharset="UTF-8"/><metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome=1"/><metaname="viewport"content="width=device-width,initial-scale=1.0"/><title>打开小程序</title></head><body><pstyle="text-align:center"><imgsrc="https://www.jiangqie.com/wp-content/uploads/2020/08/pro-300x300.jpg"align="middle"/></p><pstyle="text-align:center">微信扫一扫或长按识别</p></body><script>location.href="weixin://dl/business/?t=6dS3q9wOqds";</script>
运行实例 »
点击 "运行实例" 按钮查看在线实例
4、把index.html文件上传到网站指定目录中(如xcx),访问链接www.x.com/xcx即可。
注:可手机端QQ,浏览器或微信打开体验:https://www.jiangqie.com/xcx/
更多相关文章
- PHP:实例演示PHP模块加载和JavaScript和PHP中for/forEach两种语
- CSS的基本语法/选择器优先级/实例演示前端组件样式模块化原理与
- [源码分析] 从实例和源码入手看 Flink 之广播 Broadcast
- [记录点滴] 小心 Hadoop Speculative 调度策略
- js基础知识:图片懒加载及导航图手动轮播、自动轮播实例应用
- [白话解析] 通过实例来梳理概念 :准确率 (Accuracy)、精准率(Prec
- 数据库的简单操作
- js基础知识:Ajax的get,post异步请求 及 选项卡、换肤实例
- js基础知识:字符串数组方法及留言本实例