使用新浪微博开放平台api同步微博内容至自己网站(如何对网页分享的样式进行自定义呢？(一))

　　使用新浪微博开放平台api同步微博内容至自己网站(如何对网页分享的样式进行自定义呢？(一))

　　写作背景：

　　分享内容是用户的常用操作，也是产品中常用的功能之一。在网站的一个设计中，正好涉及到分享功能，于是搜集了网上各种前辈资料，整理了APP和网页的分享功能（所有信息来源基本都是通过链接标注出来的）。本文仅对共享的一般实现原理进行说明，不涉及具体的功能流程和实现代码。如有不当之处，希望大家多多指教。

　　一、在网络上分享

　　1台PC网络共享

　　1.1 分享到微信

　　PC网页一般会生成网页二维码，用户可以使用手机微信扫描二维码，在微信浏览器中打开；打开后，在微信内置浏览器中使用微信自带的分享功能进行分享。

　　分享PC网页到微信

　　-----如何自定义分享风格？

　　使用微信内置浏览器进行二次分享时，会遇到一个问题，就是无法显示网页的缩略图，只能显示默认的占位图。那么如何自定义共享样式呢？以下为官方微信解决方案：

　　接入微信的JS-SDK（开发者通过JavaScript代码在网页上使用微信原生功能的工具包）。使用微信内置浏览器分享时，可以自定义网页分享风格（标题和图片风格）。这样可以保证用户在微信生态中进行二次分享时有更好的分享效果。

　　你可以参考这个文章

　　【解决方案】微信网页链接分享定制-黑子的开发笔记-CSDN博客

　　上图为使用safari分享网页到微信的样式，下图为使用微信浏览器二次分享网页的样式

　　1.2 分享到微博、QQ

　　与微信不同，微博和QQ从网页发展而来，对网页分享有很好的支持。通过代码将分享按钮嵌入到网站中，用户可以点击按钮调出微博/QQ登录或分享页面（网页代替客户端）

　　具体方法请参考平台官方文档/sharebutton

　　官方微博说明

　　2 移动网络共享

　　移动端可以使用浏览器自带的分享功能；当然，为了保持与PC的统一，页面中也可以加入分享功能。

　　2.1 分享到微信

　　移动端一般会生成一个网页链接，让用户复制链接，然后手动分享（粘贴链接）到微信。效果比较差

　　百度百科的微信分享风格

　　2.2 分享到微博、QQ

　　和PC端没有区别：分享按钮通过代码嵌入到网站中，用户可以点击按钮调出微博/QQ登录或分享页面（网页代替客户端）

　　分享到微博

　　二、在APP中分享

　　1 使用系统级分享插件

　　iOS 提供系统级分享扩展分享插件，帮助系统与应用、应用、应用分享内容。App开发者只需在开发代码中添加原生分享插件，在系统注册后，即可通过Extension与系统和其他App（也注册使用的扩展）分享内容（输出、接受）。

　　使用原生分享插件的好处是分享操作不需要进入收录APP（接受内容的APP），也不需要在应用之间来回跳转；容纳更多应用，更开放；用户可以根据自己的习惯自定义分享面板 收录APP。

　　详情请参考这个文章iOS Share Extension分享机制

　　要在 safari 中将网页分享到微信，您可以使用本机分享插件。无需唤醒微信客户端即可实现分享，不影响用户操作的主流。

　　2 使用自定义分享插件

　　国内应用更符合自己的业务目标和业务需求，使用自定义分享插件。这时候就需要遵循所收录的APP（接受内容的APP）的规范。以分享到微信为例。一般来说，通过集成微信SDK，调用微信接口，调用微信分享表（分享面板）进行分享，然后返回给自己的应用。

　　左图为荔枝APP自定义分享面板。分享H5到微信时，需要唤醒微信客户端，分享后返回荔枝APP。

　　-------官方微信分享说明------

　　微信分享采集是指第三方应用允许用户通过访问该功能，将应用中的文字、图片、音乐、视频、网页、小程序分享到微信好友会话、朋友圈或添加到微信采集。

　　微信分享和采集功能已向所有开发者开放。开发者在微信开放平台账号下申请App并审核通过后，即可获得微信分享和采集权限。

　　微信分享采集目前支持文字、图片、音乐、视频、网页、小程序六种类型（海外应用支持网页和小程序类型分享）。开发者在App中集成微信SDK后，即可调用接口实现。

　　-------------------------------------

　　详情请参考微信官方文档

　　/cgi-bin/showdocument?action=dir_list&t=resource/res_list&verify=1&id=open1419317332&token=&lang=zh_CN

　　但是目前微信已经取消了分享结果的返回，所以我们无法再知道用户是真的完成了分享还是中途离开了。. .

　　微信官方说明

　　结论：

　　分享功能虽然经常使用，但很容易被用户和产品经理忽略。以上简单梳理了APP和网页的分享实现，很多细节有待进一步研究和补充~