- 微信 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"},求帮忙呀。到底哪个环节出问题了呢。 测试: https://www.yuepaibao.com/meets/199?share=1&s=9
2022-03-17 - wx.setNavigationBarColor为什么不能全局生效
- 需求的场景描述 当我需要在小程序里边实现换肤功能,顶部导航栏没办法做到全局切换。wx.setNavigationBarColor 只能设置当前页面。这样至少会引起两个效果: 1,每打开一个页面就需要调用一次。 2,调用的时候,会发现导航栏闪烁的变化。(这个是体验,根本没法忍受) - 希望提供的能力 希望可以出现一个全局可以设置改变的。就好像设置底部 tabbar 那样的能力。如: wx.setTabBarStyle
2019-06-17