微信小程序分享海報/卡片生成時常見問題分析

微信小程序的分享功能目前只能轉發給微信用戶或者是轉發分享到群,不能實現直接轉發分享到微信朋友圈。因此,很多微信小程序都采用了生成分享圖,小卡片式的分享海報,便于用戶分享到朋友圈。

然而,很多時候,開發者在調試小程序的分享圖時,總是會遇到不能正常生成的問題,這里面還是有許多的坑。這一次就把我個人所知道的問題分享一下。

第一種情況:域名不在信任下載列表。

現在微信小程序對于需要下載的資源,都是需要把對應的下載資源域名填寫到微信小程序的開發設置中的服務器配置里的 downloadFile 域名。假如出現的錯誤提示是域名不在下載列表,那么就是沒有把對應的圖片域名填寫到服務器配置的 downloadFile 域名中。

第二種情況:域名已經添加在 downloadFile 域名中。

在調試過程中,遇到有人說,域名已經添加到了 downloadFile 域名中了,但是還是提示該域名不在信任下載域名列表中。其實這種情況的發生有兩個原因。

原因一、添加域名后,沒有更新開發工具的緩存,一般情況下,關掉開發工具,重新打開開發工具調試,就基本上正常了。

原因二、添加的域名和提示錯誤的域名所使用的協議不一致。比如,圖片的鏈接協議是 http 方式,但是添加到 downloadFile 域名的協議,默認是 https 協議,這是微信小程序的硬性要求,必須使用 https 協議。所以,域名是一致,但是,協議不一致,同樣也是不行的,自然也就報錯了。

第三種情況:域名已經添加在 downloadFile 域名中,且協議方式一致。

這種情況會讓很多人抓狂,明明照著說明,已經做對了,開發工具中也沒有任何的提示,為什么還是不行呢?這種情況,需要留意的一個問題就是圖片命名了。

有很多網站或者是后端上傳圖片的時候,為了容易查找該圖片,所以采用的是中文命名方式。使用中文名稱的圖片在展現上是沒有什么大問題的,但是在微信小程序下載圖片的時候,如果沒有對圖片的中文名進行轉碼,是無法正常下載的,必須要對中文名稱進行轉碼才可以正常下載圖片進行合成分享圖。所以,遇到這種情況的,可以試著更換圖片,使用英文或數字名稱的圖片進行測試分享圖的生成。

第四種情況:downloadFile 域名設置正確,圖片也改成了英文或數字名稱,但還是一樣提示錯誤或者沒有反應。

這種情況有時候容易讓人忽略的一個問題就是:服務器緩存。為了加快訪問速度,有時候會在服務器對數據進行緩存,從而可以提高小程序或者網站的訪問速度。但是,緩存一般都是有個時間值的,時間值沒有失效,那么數據就還是之前緩存的內容,也就是你修改之前的內容的。如果在開發調試之前就已經有問題產生,而修改了錯誤內容后又沒有更新緩存(服務器和開發工具),那么,問題依然還是會存在的。所以,注意一下后端是否有緩存設置,如果有緩存,更新內容和設置后,需要清理一下緩存再調試。

除了以上的四種情況,還有可能存在的一個問題就是圖片太大,網速不好,導致生成分享圖的時候,一直沒有任何的反應,即沒有錯誤提示,又沒有合成的分享圖片出來。這種情況可以考慮換個小一點的圖片,和更換網絡進行測試一下。一般情況下,我都是比較建議在生成分享圖的過程中有提示。比如:下載二維碼,下載封面圖,正在生成等,每一個步驟都有對應的提示,這樣有利于用戶了解生成分享圖是否完成,也有利于調試到哪一步出問題,從而更好的尋找問題的原因。

以上就是我在使用 WordPress 創建微信小程序生成朋友圈分享圖中遇到過的問題。當然,除了上面的情況,還有其他未知原因,這個和不同的程序后端及 API 有關系,需要自己多去嘗試了。

好久沒有更新內容,也沒有發布更新小程序,一方面是工作原因,另一方面是個人原因。當然,也有嘗試開發了一個小程序,背景音頻播放小程序,正在做最后的測試,完成后將分享給我個人的知識星球用戶,有興趣的不妨加入一起聊。

知識星球二維碼

封面題圖:rawpixel / Pixabay

相關推薦

6 條評論

  1. 翁志輝

    支持

  2. MEI

    界面越來越好看了,優秀

    • Chi

      來一份支持一下?哈哈哈

  3. 翁志輝

    cdn很可能也會出現問題,比如防盜鏈沒設置好

    • Chi

      如果你托管圖片的服務器有防盜鏈處理,那么得將 servicewechat.com 加入白名單中。

  4. 馬克????

    看起來不錯哦

發表評論

微信掃一掃

微信掃一掃

微信掃一掃,分享到朋友圈

微信小程序分享海報/卡片生成時常見問題分析
返回頂部

顯示

忘記密碼?

顯示

顯示

獲取驗證碼

Close
七星彩走势图500