2018.12.24迭代上线,本次迭代主要做了一个活动页面,并且需要调用企业微信的分享功能分享出去.
本次难点:
1.活动页在react项目的src目录外,需要重新配置一个webpack
2.调用企业微信的分享接口
解决办法:
1.老大帮忙配置了一下webpack,但是需要把webpack的学习提上日程了
2.调用企业微信的分享 https://work.weixin.qq.com/api/doc#90000/90136/90490
a.分享到朋友圈
wx.onMenuShareTimeline({
title: ‘‘, // 分享标题
link: ‘‘, // 分享链接
imgUrl: ‘‘, // 分享图标
success: function () {
// 用户确认分享后执行的回调函数
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
b.分享到微信
wx.invoke(
"shareWechatMessage", {
title: ‘‘, // 分享标题
desc: ‘‘, // 分享描述
link: ‘‘, // 分享链接
imgUrl: ‘‘ // 分享封面
}, function(res) {
if (res.err_msg == "shareWechatMessage:ok") {
}
}
);
c.分享到企业微信
wx.invoke(
"shareAppMessage", {
title: ‘‘, // 分享标题
desc: ‘‘, // 分享描述
link: ‘‘, // 分享链接
imgUrl: ‘‘ // 分享封面
}, function(res) {
if (res.err_msg == "shareAppMessage:ok") {
}
}
);
坑: 分享的路由中要携带一些参数,这些参数的value有对象和中文,因此传参的时候需要先encodeurl一下,变成URL编码,分享后企业微信才可以打开,如果没有encode,企业微信无法打开分享的页面.
3.移动端的点击与长按事件
Question: 一个二维码,点击的时候要可以跳转,长按要可以识别. div注册点击事件以后,长按的时候也会触发点击事件
Answer:
首先,移动端不用click事件,而用touch和tap事件.
其次,因为一个对象被触发的时候要分两种情况,所以选择用touchstart和touchend来解决