请稍等 ...

react 分享到微信、朋友圈、QQ、空间、微博的实现

在这个实际项目中，有很多其他的需求，感谢老师不辞辛苦的解答我的问题。关于分享到其他应用平台的问题，我找了一个https://github.com/DawnyWu/react-share-buttons，不过pc端的，我生搬到项目中，发现效果很差。

老师你能否给我推荐相关的组件？

除此之外，下面这页面想要实现把内容生成图片，分享出去，以及保存到手机本地，我尝试了多种方法，均失败。用HTML2canvas，canvas2image，可是HTML中的图片是不能保存到；采用canvas，但是图片内容都是从服务器获取到的，本地测试显示跨云不允许，这个方法我不太会？您这边有这方面的经验指导一下，实在是走投无路。我在跟github搜不到类似的项目可以学习的，你这边有可以推荐一下？。很多东西都是新尝试的，video标签，在andriod上只能全屏播放，我也没有解决。。要是有类似的项目可以学习就好了。发现RN的组件倒是非常好找。我技术不够，自己不会造，但是可悲的是我找也没找到。还有接入微信的时候，jssdk的接口代码我不知道写在哪里合适，

wx.config({
debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: '', // 必填，公众号的唯一标识
timestamp: , // 必填，生成签名的时间戳
nonceStr: '', // 必填，生成签名的随机串
signature: '',// 必填，签名，见附录1
jsApiList: [] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2});

全局的配置？写在index.tpl.htm的<scrpit>里可以不？，还有事件调用，比如支付接口，分享接口，图片上传等

wx.ready(function () { // 1 判断当前版本是否支持指定 JS 接口，支持批量判断
document.querySelector('#checkJsApi').onclick = function () {
wx.checkJsApi({
jsApiList: [ 'getNetworkType', 'previewImage'
],
success: function (res) {
alert(JSON.stringify(res));
}
});
}; // 2. 分享接口 // 2.1 监听“分享给朋友”，按钮点击、自定义分享内容及分享结果接口
document.querySelector('#onMenuShareAppMessage').onclick = function () {
wx.onMenuShareAppMessage({
title: '<a href="http://www.it165.net/news/nhlw/" target="_blank" class="keylink">互联网</a>之子',
desc: '在长大的过程中，我才慢慢发现，我身边的所有事，别人跟我说的所有事，那些所谓本来如此，注定如此的事，它们其实没有非得如此，事情是可以改变的。更重要的是，有些事既然错了，那就该做出改变。',
link: 'http://movie.douban.com/subject/25785114/',
imgUrl: 'http://demo.open.weixin.qq.com/jssdk/images/p2166127561.jpg',
trigger: function (res) { // 不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回
alert('用户点击发送给朋友');
},
success: function (res) {
alert('已分享');
},
cancel: function (res) {
alert('已取消');
},
fail: function (res) {
alert(JSON.stringify(res));
}
});
alert('已注册获取“发送给朋友”状态事件');
}; // 2.2 监听“分享到朋友圈”按钮点击、自定义分享内容及分享结果接口
document.querySelector('#onMenuShareTimeline').onclick = function () {
wx.onMenuShareTimeline({
title: '<a href="http://www.it165.net/news/nhlw/" target="_blank" class="keylink">互联网</a>之子',
link: 'http://movie.douban.com/subject/25785114/',
imgUrl: 'http://demo.open.weixin.<a href="http://www.it165.net/qq/" target="_blank" class="keylink">qq</a>.com/jssdk/images/p2166127561.jpg',
trigger: function (res) { // 不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回
alert('用户点击分享到朋友圈');
},
success: function (res) {
alert('已分享');
},
cancel: function (res) {
alert('已取消');
},
fail: function (res) {
alert(JSON.stringify(res));
}
});
alert('已注册获取“分享到朋友圈”状态事件');
};