H5页面的分享

最近在写官网，写了web端，要求兼容移动端，完了又要求微信分享，现在又要求钉钉分享。记录一下吧，给有需要的童鞋。

一、微信分享

1. 首先呢，需要判断是不是微信

function isWeChat() {
   
    //window.navigator.userAgent属性包含了浏览器类型、版本、操作系统类型、浏览器引擎类型等信息，这个属性可以用来判断浏览器类型
    var ua = window.navigator.userAgent.toLowerCase();
    //通过正则表达式匹配ua中是否含有MicroMessenger字符串
    if (ua.match(/MicroMessenger/i) == 'micromessenger') {
   
        return true;
    } else {
   
        return false
    }
}

2. 获取微信授权了，这个需要后台的同事给写个接口哈，你把当前链接传给他，他会返回微信授权的appid等内容的。下边的getAjax是我分装的ajax的get方法，你们可以直接替换掉的，最重要的是返回的这些东西，具体返回的是什么，请接着往下看。

var nowUrl = window.location.href
        getAjax({
   
            url: wechatShare,
            data: {
   
                url: nowUrl
            },
            success: function (data) {
   
                wxShare({
   
                    appId: data.appId,
                    timestamp: data.timestamp,
                    nonceStr: data.nonceStr,
                    signature: data.signature
                })
            }
        })

3. 微信授权了，这个要用到接口里的返回值了

 wx.config({
   
        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
        appId: appId, // 必填，公众号的唯一标识
        timestamp: timestamp, // 必填，生成签名的时间戳
        nonceStr: nonceStr, // 必填，生成签名的随机串
        signature: signature