专栏名称: 科技虫
致力于优质资源和优秀开源软件分享,日常技术交流学习。
目录
相关文章推荐
51好读  ›  专栏  ›  科技虫

如何快速在H5、公众号、普通浏览器里打开微信小程序

科技虫  · 公众号  ·  · 2024-07-30 22:02

正文

请到「今天看啥」查看全文


科技虫致力于分享一些优秀的开源程序和客户端软件。比如商城、小程序、H5、网站、办公系统、OA、CRM、ERP、内容管理系统CMS、物联网系统、智能硬件、人工智能AI、大数据分析、智慧大屏、工具类软件、编程类软件工具、服务器运维、网络安全、前端技术、后台技术。


为了方便大家,我把往期所有发表过的内容按分类整理成一个文档发表到了gitee上。地址:
https://gitee.com/php_andy/software-box
喜欢的可以去给个免费的star,你的鼓励是我继续创作的动力。非常感谢。以后每天发布的内容我会先发布到公众号,稍后再同步到gitee。


今天教大家一个在普通浏览器和微信H5里打开微信小程序的方法,超级简单,我也是查了好多资料,折腾了好久,总想着h5打开小程序,就去看公众号的技术文档,也没看出啥简单方法,就看到了一个要使用云开发环境的方法,感觉好麻烦的样子,结果偶然在技术交流群里发现一个非常简单的方法。

第一步 、打开微信小程序后台,找到左侧菜单栏最下面的设置,点击进入设置,找到 隐私与安全,找到明文scheme拉起此小程序。点击配置进去,配置一下你需要打开的微信小程序页面路径。

第二步 、随便新建一个html页面,里面写个按钮,添加个点击事件,在点击事件里写上下面的核心代码。

location.href = "weixin://dl/business/?appid=需要打开的小程序的appid值&path=pages/index/index"

需要关注的2个参数:

appid: 需要打开的小程序

path:需要的打开的小程序路径

如果你需要 带参数,还可以携带你自己的参数,在小程序里是可以获取到的。

贴个简单列子代码吧,这种简单的小事就交给我吧,你发财的小手还是留的给我点赞、分享、在看吧。

<html><head>  <meta charset="utf-8">  <meta name="viewport" content="width=device-width, initial-scale=1">  <title>H5 打开小程序title>  <link href="//cdn.staticfile.net/layui/2.9.14/css/layui.css" rel="stylesheet">head><body><div class="layui-btn-container">    <div style="width:100%;height:200px;text-align:center;margin-top:100px;">        <button type="button" class="layui-btn" id="openMp">打开小程序button>    div>div>    <script src="//cdn.staticfile.net/layui/2.9.14/layui.js">script>  <script>  // Usage  layui.use(function(){    var layer = layui.layer;    var $ = layui.$;    // Welcome    $("#openMp").click(function(){        //appid 换成你自己的,path路径换成你自己的        location.href = "weixin://dl/business/?appid=***********&path=pages/index/index"    })  });script>body>html>


喜欢的话点击下方卡片关注一下我吧,为您推荐更多优秀好用的程序和软件。你也可以给我留言或私信,说出你需要的程序和软件,我帮大家推荐。


创作不易 分享,点赞,在看 支持一下, 🙏 感谢。







请到「今天看啥」查看全文