前端不同渠道分享总结

对外使用的项目基本都有分享的需求，但有的业务人员很容易混淆，比如直接在wap项目打开微信浏览器，还要可配置，你如果不清楚分享，那么很可能一口答应，然而这个事是很难做到的。

我先对项目分个类，大体分为两类，pc端和移动端。移动端呢又可以分为三大类，一是原生app（native-app）,也就是需要下载的那种，而且全部是是原生语言开发的，ios、android、winphone(这种应该基本淘汰了)；二是wap(web-app),类似pc网页版应用，没有原生参与开发前端，不需要下载；三是混合开发（hybrid -app）,既有原生参与又有非原生，兼容前面二者的优势。我引入这些概念主要是为了区别对待，一一分析。

1、pc分享

pc上可以做到分享到新浪微博、腾讯微博、qq好友、qq空间等；分享到微信也是可行的，前端可以用一个插件生成二维码，手机扫码展示页面,以达到分享的目的。我用过一个js开源插件地址奉上 https://github.com/davidshimjs/qrcodejs  。pc分享代码奉上

//分享到qq空间function shareToQuen (url,content,picurl,title){    var shareQuenstring='http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?title='+title+'&summary='+content+'&url='+encodeURIComponent(url)+'&pics='+encodeURIComponent(picurl)+'&site=XXX';      window.open(shareQuenstring,'newwindow');  }//新浪 新浪特殊，需要申请appkey的function shareToSina(url,title,picurl){var sharesinastring='http://v.t.sina.com.cn/share/share.php?type=sina&title='+encodeURIComponent(title)+'&url='+encodeURIComponent(url)+'&pic='+encodeURIComponent(picurl)+'&appkey=962772401 &source=XXX';     window.open(sharesinastring,'newwindow'); }//qq好友function shareToQQ(url,title,summary,picurl){     var shareQQstring='http://connect.qq.com/widget/shareqq/index.html?title='+title+'&url='+encodeURIComponent(url)+'&summary='+summary+'&pics='+encodeURIComponent(picurl)+'&site=XXX';     window.open(shareQQstring,'newwindow'); }

如果懒得自己写代码，可以用百度分享，地址奉上 http://share.baidu.com/

2、wap分享

如果手机wap的话和PC基本一样了wap能控制的分享到微信也得扫码。而且wap浏览器本省就自带的分享功能，可以分享到微信或者其他地方，但缺点是这是浏览器默认行为，程序无法控制。

注意：微信浏览器和咱们浏览器不能保存同一个会话，页面之间涉及数据传递时，单独分享出去的页面数据会丢失,所以需要传递数据可以放到参数里面。

当然也有很少数的wap  app可以直接调起微信，直接分享到微信，这个据我了解是需要和鹅场谈的。

3、混合开发分享

混合开发可以做到直接分享到微信，因为原生可以做到，要在非原生的页面调起分享到微信，只需要和原生约定一个接口即可。当然非原生可以不借助原生实现wap版可以实现的分享。

4、原生分享

首先说我不是做原生的，据我了解，原生是可以实现你见到的市面上的所有分享的，可配置的，具体怎么实现我就母鸡了。