Discuz！X 打包微信小程序?qū)崿F(xiàn)分享好友和分享朋友圈 【AI寫代碼之整理需求篇】

qzuser1212

有人找我說 官方發(fā)布的微信小程序版本沒有實現(xiàn)這個功能，大部分應(yīng)用中心的小程序也沒有實現(xiàn)。
因為我之前的開發(fā)的uniapp版有實現(xiàn)這個功能，所以找我定制。
我讓他買插件他又覺得200塊有點貴......
我是不理解這些覺得插件貴找定制的，定制價格可比插件貴多了。


我之所以免費分享，是因為我正好做了，順便分享，
但是也只能分享思路，希望能給不會實現(xiàn)這個功能的開發(fā)者一些啟發(fā)，也能幫助需要定制的客戶學會寫需求。

一、整理需求


1. 打包微信小程序   
很簡單，新建一個小程序項目，寫個webview頁面，輸入網(wǎng)址就ok了
參考文檔：web-view


2. 分享好友   
默認也是有這個功能的，但是不自定義的話分享出去的就是小程序名稱，封面圖是截圖，然后頁面也不會帶path，點擊分享的小程序進入頁面可能只能進入首頁
所以這里延伸出：

• 分享使用頁面標題
• 分享封面需要獲取帖子縮略圖
• 分享需攜帶當前頁面完整url
  

參考文檔onShareAppMessage

3. 分享朋友圈  
webview頁面不支持分享朋友圈，所以需要有一個原生的中間頁，在webview頁面點擊分享按鈕跳轉(zhuǎn)中間頁并傳遞參數(shù)。
所以這里延伸出：

• dzx網(wǎng)頁需要增加一個按鈕  
• 需要傳遞標題、摘要、縮略圖、url
  
  

參考文檔： onShareTimeline() 分享到朋友圈  


4. 原生中間頁
原生的中間頁就展示 標題、摘要和縮略即可，但是分享出去后，別人點擊不應(yīng)該進入這個中間頁，應(yīng)該直接訪問對應(yīng)的網(wǎng)頁。
所以這里延伸出：

• 點擊分享的中間頁，應(yīng)該直接訪問對應(yīng)url的webview頁面
  

參考文檔：  jssdk   webview頁面跳轉(zhuǎn)

5. 優(yōu)化需求                   
看似上邊四點已經(jīng)列出了所有的需求，但我們要考慮更多的情況，比如獲取不到數(shù)據(jù)時應(yīng)該怎么處理？按鈕怎么顯示？樣式要不要自定義......
所以這里延伸出：

• 自動獲取頁面標題，獲取不到標題時獲取自定義標題
• 自動獲取頁面圖片，獲取不到封面圖使用自定義封面
• 自動獲取頁面摘要
• 自動獲取頁面url
• 按鈕應(yīng)該只在微信小程序環(huán)境中時才顯示
• 按鈕需要自定義樣式
• 按鈕需要自定義圖片
• 小程序頂部導航背景色和字體色自定義
  

參考文檔： 設(shè)置導航顏色 Discuz! X 插件嵌入文檔


奇怪了，后邊寫的一堆怎么切換一下純文本就不見了，是因為字數(shù)限制？
寫了一堆代碼白寫了，瞬間泄氣了，看看需求大不大，回復的人多的話之后錄視頻吧

iamfuwu

太好了樓主，支持

帝道

看看啥樣式的