公众号h5页面跳转到小程序

前言：
最近做了一个公众号的首页，首页由一个模块需求是点击跳转到小程序，于是翻阅了资料，需要用到公众号的一个开放标签：wx-open-launch-weapp
公众号h5页面跳转小程序呢，需要先关联下小程序，然后获取小程序原始id，还有配置JS接口安全域名等一系列操作，百度下就能搜到。
注意：使用浏览器或者微信开发者工具调试wx-open-launch-weapp开发标签都不会显示，只有在真机中才会有效果(前提还是config接口注入权限验证配置通过)。
使用wx-open-launch-weapp开放标签，是需要jweixin-1.6.0.js支持的，因为我的项目引入了weixin-js-sdk,所以当我引入jweixin-1.6.0.js之后，这个js并没有加载，所以导致了这个开发标签获取不到的问题，所以我只好注释了前面引入的sdk，后面就成功了。
具体代码如下：

<wx-open-launch-weappusername="小程序原始id"path="/pages/index/main"(跳转的小程序路径)@launch="handleLaunchFn"@error="handleErrorFn"style="display: inline-block;border:none;left: 17px;width: 84%;height: 76%;position: absolute;word-break: break-all;word-wrap: break-word;"><script type="text/wxtag-template"><style>span{color:#fff;font-weight: bold;font-size: 16px;padding-left:5px;}p{color:#fff;font-size: 12px;padding-left:5px;font-weight: 400;opacity: 0.6;margin-top:5px;}div.launch-img{text-align: right;}.launch-img img{width:60px;height:60px;margin-top:-8px;}</style><p>SHARED PARKING</p><div class="launch-img">这里是图片路径(必须为服务器地址，绝对路径和相对路径不显示)</div></script></wx-open-launch-weapp>

<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>

我是在index.html页面引入的js，可能会对全局的sdk有影响，所以把之前引入的注册掉就好了
如果你遇到问题，不妨按照以下步骤来排查：

1.开启wx.config的debug模式
2.使用微信开发工具查看wx.config是否获取到OpenTag
3.分析解决问题
4.invalid signature签名错误排查
此步骤转载自以下链接：https://www.cnblogs.com/Can-daydayup/p/15404964.html?utm_source=tuicool&utm_medium=referral
有问题可以打开此链接翻阅下，希望能帮助到你！

公众号h5页面跳转到小程序相关推荐

前端实现微信公众号h5页面跳转小程序-成功案例
微信公众号h5页面跳转小程序-成功案例微信公众号h5页面跳转小程序-成功案例,标题已经明确说明,h5页面可以正常跳转微信小程序官网说可以,不是我说的文章目录微信公众号h5页面跳转小程序-成功案 ...
微信公众号h5页面跳转小程序
微信公众号h5页面跳转小程序文章目录微信公众号h5页面跳转小程序前言一.注意二.使用步骤步骤一:绑定域名步骤二:引入环境步骤三:初始配置前言问:h5 页面可以跳转至微信小程序吗? ...
关于微信公众号的h5页面跳转微信小程序的详细介绍
简介关于微信公众号跳转小程序的功能,我也是研究了一整天才弄好的,主要是微信官方文档写的不清楚,百度上的各种文章也各说各的,不过最后还是要相信官网文档,接下来我会一步一步分析,希望对你有帮助,并且最后 ...
微信公众号模版消息跳转到小程序报错{ errcode: 40013, errmsg: 'invalid appid hint: [cC6RwA09011295]' }
今天做微信公众号模版消息推送,要求点击模版消息,就直接跳转到小程序里面. 当然,我已经按照官方文档,填写了正确的小程序appid,可是还是报错. { errcode: 40013, errmsg: ' ...
vue H5页面跳转微信小程序以及生成二维码跳转小程序
研究了两种H5跳转小程序的方法,同时携带参数 1. 手机浏览器打开H5页面,点击按钮拉起微信小程序 2. H5页面上生成小程序二维码,手机微信扫码跳转目标小程序为了开发方便,以上两种均借助了微信小程 ...
微信公众号H5页面跳转至app的某个页面，如果手机内没有app，则进入下载页面
安卓实现方法: $(function(){ var Id = getParameter("goodsid"); //此操作会调起app并阻止接下来的js执行,进 ...
h5页面跳转微信小程序。
一.先说页面表现,页面上有几点需要注意: 1.标签写的时候,button按钮一定要包在template标签里面.没有用vue的话,可以直接用<template>去包,如果是vue2用 & ...
h5页面跳转微信小程序页面
// 判断环境是否在微信小程序里 function isMiniProgram(){var ua = navigator.userAgent.toLowerCase();var envType='#' ...
小程序公众号/h5相互跳转-webview
小程序与h5的跳转前提小程序管理后台配置域名白名单,并且h5页面是嵌在小程序里面(相互跳的前提条件) 在业务域名中设置好访问的h5地址微信官方web-view 介绍地址 https://devel ...

公众号h5页面跳转到小程序

公众号h5页面跳转到小程序相关推荐

最新文章

热门文章