微信 h5 页面怎么打开 APP?
发布于 4 年前 作者 yang90 9976 次浏览 来自 官方Issues

企业认证的微信开放平台绑定了微信服务号和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

回到顶部