使用vue编写h5公众号跳转小程序

最新推荐文章于 2024-04-11 10:18:19 发布

摆烂兔

最新推荐文章于 2024-04-11 10:18:19 发布

阅读量2.2k

点赞数

文章标签： html5

本文链接：https://blog.csdn.net/qq_38337245/article/details/110120608

版权

前言：我使用vue编写的h5公众号，实现点击小程序入口，打开小程序，微信官方文档：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html

要求：微信版本要求为：7.0.12及以上。系统版本要求为：iOS 10.3及以上、Android 5.0及以上。

跳转小程序主要的标签是 wx-open-launch-weapp

第一步在vue项目下public文件夹下的index.html页面，引入微信配置文件，我直接在body标签引入

<body>
    <noscript>
      <strong>We're sorry but default doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
	<!-- 引入微信配置文件 -->
	<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
  </body>

第二步建一个js文件用来存放接下来要配置的微信配置信息，需要用到微信功能的就可以在那个页面引入就行，定位地图啥的，都可以，我建的是这样的

然后在这个js文件里面写如下代码：



//获取微信配置信息--跳转小程序、获取定位信息
export function getWxApplets(href){
	var that

最低0.47元/天解锁文章

摆烂兔

关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
4
评论
使用vue编写h5公众号跳转小程序

前言：我使用vue编写的h5公众号，实现点击小程序入口，打开小程序，微信官方文档：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html要求：微信版本要求为：7.0.12及以上。系统版本要求为：iOS 10.3及以上、Android 5.0及以上。跳转小程序主要的标签是 wx-open-launch-weapp第一步在vue项目下public文件夹下的index.html页面，引入微信配
复制链接

扫一扫