微信 h5 页面怎么打开 APP?
企业认证的微信开放平台绑定了微信服务号和APP。
AppID:wxcb81dbfb1bad866a
服务号:
APPID:wxdfe11be37e2ef4e7
帐号类型:服务号
服务号绑定的 APP 信息:
JS接口安全域名 https://www.yuepaibao.com
移动应用Appid wxcb81dbfb1bad866a
然后服务号配置的 js 接口安全域名:
www.yuepaibao.com
test.yuepaibao.com
然后 js 逻辑里边:
$.ajax({
type: "get",
data: {
url: this.location.href
},
url: "{{ asset('wechatParams') }}",
success: function(res) {
console.log('ajax.success =', JSON.stringify(res))
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: res.appid, // 必填,公众号的唯一标识
timestamp: res.timestamp, // 必填,生成签名的时间戳
nonceStr: res.nonceStr, // 必填,生成签名的随机串
signature: res.signature, // 必填,签名
jsApiList: res.jsApiList, // 必填,需要使用的JS接口列表
openTagList: ['wx-open-launch-app']
});
wx.error(function(res) {
console.log('wx.error =', res)
});
wx.checkJsApi({
jsApiList: res.jsApiList, // 需要检测的JS接口列表,所有JS接口列表见附录2,
success: function(res) {
console.log('wx.checkJsApi = ', res)
}
});
const LINK = res.url;
wx.ready(function() {
console.log('wx.ready')
//分享朋友圈
wx.updateTimelineShareData({
title: '约拍宝',
link: LINK,
imgUrl: "{{ asset('static/image/app/logo.png') }}", // 自定义图标
success: function(s) {
console.log('朋友圈 success = ', s)
},
cancel: function(c) {
console.log('朋友圈 cancel = ', c)
},
complete: function(c) {
console.log('朋友圈 complete = ', c)
},
fail: function(f) {
console.log('朋友圈 fail = ', f)
}
});
//分享给好友
wx.updateAppMessageShareData({
title: '约拍宝', // 分享标题
desc: '约摄影师、模特、化妆师。我们都在用。', // 分享描述
link: LINK, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: "{{ asset('static/image/app/logo.png') }}", // 自定义图标
type: 'link', // 分享类型,music、video或link,不填默认为link
dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
success: function(s) {
console.log('好友 success = ', s)
// 用户确认分享后执行的回调函数
},
cancel: function(c) {
console.log('好友 cancel = ', c)
// 用户取消分享后执行的回调函数
},
complete: function(c) {
console.log('好友 complete = ', c)
},
fail: function(f) {
console.log('好友 fail = ', f)
}
});
});
},
});
然后 在 h5 页面,需要打开 app 的地方
<div class="share-container">
<wx-open-launch-app id="launch-btn" appid="wxcb81dbfb1bad866a">
<script type="text/wxtag-template">
<style>
.btn {
display: flex;
justify-content: center;
width: 180px;
color: #fff !important;
font-size: 14px;
}
</style>
<span class="btn">App 内查看</span>
</script>
</wx-open-launch-app>
<script>
var btn = document.getElementById('launch-btn');
btn.addEventListener('launch', function(e) {
console.log('meets - launch - success', e);
});
btn.addEventListener('error', function(e) {
console.log('meets - launch - fail', e.detail);
});
</script>
</div>
然后在 h5 页面点击按钮,总是报错 {errMsg: “launch:fail_check fail”, appId: “wxcb81dbfb1bad866a”},求帮忙呀。到底哪个环节出问题了呢。