zoukankan      html  css  js  c++  java
  • 微信公众号H5,分享朋友,分享朋友圈处理

    如果不处理,很丑。
    加上下面的代码,就会好看多了。

    <script>
        // 初始化
        wx.config({
            debug: false,
            appId: '{$weixin.appId}',
            timestamp: '{$weixin.timestamp}',
            nonceStr: '{$weixin.nonceStr}',
            signature: '{$weixin.signature}',
            jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline']
        });
    
        // 处理分享
        wx.ready(function () {
            // 在页面加载时就调用相关接口,如:分享到朋友圈、获取位置信息等接口
            wx.checkJsApi({
                jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline'],
                success: function (res) {
                    if (res.errMsg == 'checkJsApi:ok') {
                        // 分享给朋友
                        wx.onMenuShareAppMessage({
                            title: '{$vote_info.title}', // 分享标题
                            desc: '{$vote_info.sub_title}', // 分享描述
                            link: '{$share_url}', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                            imgUrl: '{$vote_info.share_img}', // 分享图标
                            type: '', // 分享类型,music、video或link,不填默认为link
                            dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
                            // 用户取消已经监听不到了,不管取消与否,都是成功的
                            success: function () {
                                alert("恭喜你,分享成功");
                            },
                            // 用户取消分享后执行的回调函数
                            cancel: function () {
                                alert("取消分享");
                            }
                        });
                        // 分享到朋友圈
                        wx.onMenuShareTimeline({
                            title: '{$vote_info.title}', // 分享时的标题
                            link: '{$share_url}', // 分享时的链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                            imgUrl: '{$vote_info.share_img}', // 分享时显示的图标
                            // 用户取消已经监听不到了,不管取消与否,都是成功的
                            success: function () {
                                alert("恭喜你,分享成功");
                            },
                            // 用户取消分享后执行的回调函数
                            cancel: function () {
                                alert("取消分享");
                            }
                        });
                    } else {
                        alert("失败了.......");
                    }
                }
            });
        });
    
        // 初始化错误监听
        wx.error(function (res) {
            alert("error");
        });
    
    </script>
    
  • 相关阅读:
    js/es6判断对象是否为空,并判断对象是否包含某个属性
    Hive中的SQL执行计划--几乎所有的SQL都有
    spark中的scalaAPI之RDDAPI常用操作
    spark-scala开发的第一个程序WordCount
    linux中添加自定义命令
    kafka学习总结
    flume的sink写入hive表
    Flume架构以及应用介绍(转)
    Appache Flume 中文介绍(转)
    hiveSQL常用日期函数
  • 原文地址:https://www.cnblogs.com/jiqing9006/p/13582514.html
Copyright © 2011-2022 走看看