有人找我说 官方发布的微信小程序版本没有实现这个功能，大部分应用中心的小程序也没有实现。
因为我之前的开发的uniapp版有实现这个功能，所以找我定制。
我让他买插件他又觉得200块有点贵......
我是不理解这些觉得插件贵找定制的，定制价格可比插件贵多了。


我之所以免费分享，是因为我正好做了，顺便分享，
但是也只能分享思路，希望能给不会实现这个功能的开发者一些启发，也能帮助需要定制的客户学会写需求。

一、整理需求


1. 打包微信小程序   
很简单，新建一个小程序项目，写个webview页面，输入网址就ok了
参考文档：web-view


2. 分享好友   
默认也是有这个功能的，但是不自定义的话分享出去的就是小程序名称，封面图是截图，然后页面也不会带path，点击分享的小程序进入页面可能只能进入首页
所以这里延伸出：

分享使用页面标题分享封面需要获取帖子缩略图 分享需携带当前页面完整url

参考文档onShareAppMessage

3. 分享朋友圈  
webview页面不支持分享朋友圈，所以需要有一个原生的中间页，在webview页面点击分享按钮跳转中间页并传递参数。
所以这里延伸出：

dzx网页需要增加一个按钮  需要传递标题、摘要、缩略图、url

参考文档： onShareTimeline()分享到朋友圈  


4. 原生中间页
原生的中间页就展示 标题、摘要和缩略即可，但是分享出去后，别人点击不应该进入这个中间页，应该直接访问对应的网页。
所以这里延伸出：

点击分享的中间页，应该直接访问对应url的webview页面

参考文档：  jssdk   webview页面跳转

5. 优化需求                  
看似上边四点已经列出了所有的需求，但我们要考虑更多的情况，比如获取不到数据时应该怎么处理？按钮怎么显示？样式要不要自定义......
所以这里延伸出：

自动获取页面标题，获取不到标题时获取自定义标题自动获取页面图片，获取不到封面图使用自定义封面自动获取页面摘要自动获取页面url按钮应该只在微信小程序环境中时才显示按钮需要自定义样式按钮需要自定义图片小程序顶部导航背景色和字体色自定义

参考文档： 设置导航颜色Discuz! X 插件嵌入文档