qzuser1212 發表於 2023-12-21 16:27:42

Discuz!X 打包微信小程序实现分享好友和分享朋友圈 【AI写代码之整理需求篇】

<br /><br />有人找我说 官方发布的微信小程序版本没有实现这个功能,大部分应用中心的小程序也没有实现。<br />因为我之前的开发的uniapp版有实现这个功能,所以找我定制。<br />我让他买插件他又觉得200块有点贵......<br />我是不理解这些觉得插件贵找定制的,定制价格可比插件贵多了。 <br /><br /><br />我之所以免费分享,是因为我正好做了,顺便分享,<br />但是也只能分享思路,希望能给不会实现这个功能的开发者一些启发,也能帮助需要定制的客户学会写需求。<br /><br /><strong><font size="6">一、整理需求</font></strong><br /><br /><br /><strong><font size="5">1. 打包微信小程序</font></strong>&nbsp; &nbsp;<br />很简单,新建一个小程序项目,写个<strong>webview页面</strong>,<strong>输入网址</strong>就ok了<br />参考文档:web-view<br /><br /><br /><font size="5"><strong>2. 分享好友</strong>&nbsp; &nbsp;</font><br />默认也是有这个功能的,但是不自定义的话分享出去的就是小程序名称,封面图是截图,然后页面也不会带path,点击分享的小程序进入页面可能只能进入首页<br />所以这里延伸出:<br /><ul><li><strong>分享使用页面标题</strong><li><strong>分享封面需要获取帖子缩略图 </strong><li><strong>分享需携带当前页面完整url </strong><br /></ul><br />参考文档onShareAppMessage<br /><br /><font size="5"><strong>3. 分享朋友圈</strong>&nbsp;&nbsp;</font><br />webview页面不支持分享朋友圈,所以需要有一个原生的中间页,在webview页面点击分享按钮跳转中间页并传递参数。<br />所以这里延伸出:<br /><ul><li><strong> dzx网页需要增加一个按钮&nbsp;&nbsp;</strong><li><strong>需要传递标题、摘要、缩略图、url <br /></strong><br /></ul><font style="background-color:rgb(247, 247, 247)">参考文档: </font>onShareTimeline() <font style="background-color:rgb(247, 247, 247)"> </font>分享到朋友圈<font style="background-color:rgb(247, 247, 247)">&nbsp;&nbsp;</font><br /><br /><br /><font size="5"><strong>4. 原生中间页</strong> </font><br /><font size="2">原生的中间页就展示 标题、摘要和缩略即可,但是分享出去后,别人点击不应该进入这个中间页,应该直接访问对应的网页。</font><br /><font size="2">所以这里延伸出:</font><br /><ul><li><strong> 点击分享的中间页,应该直接访问对应url的webview页面</strong><br /></ul><br /><font style="background-color:rgb(247, 247, 247)">参考文档:&nbsp;&nbsp;jssdk&nbsp; &nbsp;webview页面跳转 </font><br /><br /><font size="5"><strong>5. 优化需求</strong> </font>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;<br />看似上边四点已经列出了所有的需求,但我们要考虑更多的情况,比如获取不到数据时应该怎么处理?按钮怎么显示?样式要不要自定义......<br /><font size="2">所以这里延伸出:</font><br /><br /><ul><li><strong>自动获取页面标题</strong>,获取不到标题时获取<strong>自定义标题</strong><li><strong>自动获取页面图片</strong>,获取不到封面图使用<strong>自定义封面</strong><li><strong>自动获取页面摘要</strong><li><strong>自动获取页面url</strong><li>按钮应该<strong>只在微信小程序环境中时才显示</strong><li>按钮需要<strong>自定义样式</strong><li>按钮需要<strong>自定义图片</strong><li>小程序顶部<strong>导航背景色和字体色</strong>自定义<br /></ul><br /> <font style="background-color:rgb(247, 247, 247)">参考文档: </font>设置导航颜色 <font style="background-color:rgb(247, 247, 247)"> </font>Discuz! X 插件嵌入文档<font style="background-color:rgb(247, 247, 247)"> </font><br /><br /><br />奇怪了,后边写的一堆怎么切换一下纯文本就不见了,是因为字数限制?<br />写了一堆代码白写了,瞬间泄气了,看看需求大不大,回复的人多的话之后录视频吧<br /><br /><br />url<em>, </em>size<em>, </em>分享<em>, </em>backcolor<em>, </em>页面

iamfuwu 發表於 2023-12-21 17:21:27

太好了楼主,支持

帝道 發表於 2023-12-27 14:25:31

看看啥样式的

925073540 發表於 2025-10-29 11:58:13

请问这帖子有2年了,你的功能研发上线没
頁: [1]
查看完整版本: Discuz!X 打包微信小程序实现分享好友和分享朋友圈 【AI写代码之整理需求篇】