最近在写官网,写了web端,要求兼容移动端,完了又要求微信分享,现在又要求钉钉分享。记录一下吧,给有需要的童鞋。
一、微信分享
- 首先呢,需要判断是不是微信
function isWeChat() {
//window.navigator.userAgent属性包含了浏览器类型、版本、操作系统类型、浏览器引擎类型等信息,这个属性可以用来判断浏览器类型
var ua = window.navigator.userAgent.toLowerCase();
//通过正则表达式匹配ua中是否含有MicroMessenger字符串
if (ua.match(/MicroMessenger/i) == 'micromessenger') {
return true;
} else {
return false
}
}
- 获取微信授权了,这个需要后台的同事给写个接口哈,你把当前链接传给他,他会返回微信授权的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
})
}
})
- 微信授权了,这个要用到接口里的返回值了
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: appId, // 必填,公众号的唯一标识
timestamp: timestamp, // 必填,生成签名的时间戳
nonceStr: nonceStr, // 必填,生成签名的随机串
signature: signature