微信公众号H5网页跳转小程序方法

要在微信公众号H5网页跳转到小程序，需要使用微信JS-SDK，引入JS文件：http://res.wx.qq.com/open/js/jweixin-1.6.0.js ，在服务端验签获取配置信息，获取成功以后，引入开放标签openTagList: [‘wx-open-launch-weapp’]，就可以使用了。

JS-SDK使用方法请参照官方文档：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html

<wx-open-launch-weappid="launch-btn"username="gh_xxxxxxxx"path="pages/home/index.html?user=123&action=abc"
><template><button class="btn">打开小程序</button></template>
</wx-open-launch-weapp>

<script>
var se={};
axios({method: 'post',url: '/api/wechatJsSdk',data: {'url':  window.location.href,}}).then(function (res) {// vant.Toast({message:res.data.msg,closeOnClick:true});// console.log(res);if (res.data.code == 1) {se.wx = res.data.data;wxconfig();}});function wxconfig(){wx.config({debug: false,appId: se.wx.appId,timestamp: se.wx.timestamp,nonceStr: se.wx.nonceStr,signature: se.wx.signature,jsApiList: [],openTagList: ['wx-open-launch-weapp']});wx.ready(function () {//自动执行的});wx.error(function (res) {alert(res.errMsg);});
}
</script>

同样的方法，还可以实现公众号H5跳转APP。

微信公众号H5网页跳转小程序方法相关推荐

前端实现微信公众号h5页面跳转小程序-成功案例
微信公众号h5页面跳转小程序-成功案例微信公众号h5页面跳转小程序-成功案例,标题已经明确说明,h5页面可以正常跳转微信小程序官网说可以,不是我说的文章目录微信公众号h5页面跳转小程序-成功案 ...
微信公众号h5页面跳转小程序
微信公众号h5页面跳转小程序文章目录微信公众号h5页面跳转小程序前言一.注意二.使用步骤步骤一:绑定域名步骤二:引入环境步骤三:初始配置前言问:h5 页面可以跳转至微信小程序吗? ...
让微信公众号自动回复可以跳转小程序的消息
1.在公众号中关联对应的小程序点击公众号左侧菜单栏"小程序管理",点击"添加"按钮. 添加小程序,点击"关联小程序" 输入对应的小 ...
微信公众号自定义菜单跳转小程序
微信的小程序交给有赞开发,由微信手册,菜单跳小程序需要如下配置: ["type" => "miniprogram","name" =& ...
Java开源项目—通用CRM管理系统（微信小程序+微信公众号+H5网页+PC管理后台）
前言 CRM(客户关系管理)管理系统是一种用于管理客户关系的软件系统,通过收集.组织和分析客户关系数据,帮助企业更好地了解客户,提高客户满意度,提升客户服务水平,建立长期客户关系,提升企业的销售和服务 ...
微信公众号可快速创建“门店小程序” 不用开发
"门店小程序"是啥?"门店小程序"是小程序的一项新能力.无需开发,商户就可在微信公众号后台快速创建"门店小程序".这个小程序类似一张&quo ...
微信公众号可以关联多少个小程序？
微信公众号可以关联多少个小程序? 微信公众号关联小程序功能介绍为扩展小程序的使用场景,便于用户使用小程序的服务.微信公众号可关联小程序,并在公众号图文消息.自定义菜单.模板消息等场景中使用已关联的小 ...
微信公众号计算机编程,微信公众号群发文章怎么添加小程序？-电脑教程
2017年4月20日微信发布公告称,微信公众平号群发文章支持添加小程序功能,这对于推广小程序来说,无疑是不错的途径.那么微信公众号群发文章怎么添加小程序?以下是华强电子网带来的详细教程. 微信公众号群 ...
微信公众号发送小程序卡片_微信公众号群发文章支持添加小程序卡片
2017年4月20日微信发布公告称,微信公众平号群发文章支持添加小程序功能,这对于推广小程序来说,无疑是不错的途径.那么微信公众号群发文章怎么添加小程序?下面爱站技术频道的小编带来的详细教程. 微信公 ...
微信公众号如何结合答题活动小程序进行拓客引流？
如果你是新媒体运营者,如果你也有自己的微信公众号,那么,相信你也会问过这么的一个问题:微信公众号引流的方法有哪些? 你会看见的回答是这样的: 是这样的: 还有这样的: 然而,大部分都是上面那些套路,是 ...

微信公众号H5网页跳转小程序方法

微信公众号H5网页跳转小程序方法相关推荐

最新文章

热门文章