技術文章 » 手記系列之一 ----- 關於微信公眾號和小程式的開發流程

手記系列之一 ----- 關於微信公眾號和小程式的開發流程

2022-10-30 18:02:12

前言

本篇文章主要介紹的呼叫微信公眾號和小程式之後的開發流程，主要以實現步驟為主。

前提準備

  1. 已經申請了微信公眾號和小程式（由於官方檔案寫的很詳細，這裡就不在進行說明了）；
  2. 微信公眾號和小程式的進行關聯了（主要是為了訊息推播）；

小程式的開發流程

  1. 提前註冊微信小程式，註冊地址:https://mp.weixin.qq.com/cgi-bin/wx；
  2. 若需要實現微信推播，則需要註冊登入微信公眾號開發平臺，並新增小程式(300元)， 地址:https://mp.weixin.qq.com/cgi-bin/home；
  3. 需要得到微信小程式的appid和secret，在小程式的後端管理裡面登入檢視。
  4. 與微信請求互動需要使用https，並且建議使用域名來實現，需要弄好對應的https證書(可放在nginx目錄下並進行設定)，並且小程式的後端需要開發外網埠。
  5. 若要實現微信推播功能，則需要關聯微信公眾號成功，並且需要新增IP的白名單，不然token無法獲取；
  6. 若要實現圖片上傳功能，建議使用圖片伺服器，返回圖片路徑給前端（使用Nginx的時候要注意設定傳輸大小 （client_max_body_size 20M;））；
  7. 注意小程式打包體積不能超過2M，其他資源（包括圖片等）放於後端靜態伺服器中；
  8. 小程式體驗版自測需要在微信管理後臺新增對應的開發人員，並且在登入小程式的時候使用開發偵錯功能(小程式介面右上角三個點進入)，且體驗版的網路和後端服務的網需要在同一區域網才開進行存取;
  9. 關於小程式升級上線，需要提前提交稽核申請（初次稽核可能在3天左右甚至更久，一般需要提前進行，後續一般在1天左右），上線前需要在微信公眾號開發平臺提前新增好獲取token的白名單，並且需要確保後端服務開啟了外網存取許可權。

微信公眾號的開發流程

微信公眾號的開發，這裡只介紹一下如何進行訊息推播。

微信api檔案

  1. 微信公眾號介面許可權地址，需要管理員:
 https://mp.weixin.qq.com/advanced/advanced?action=table&token=396006949&lang=zh_CN
  1. 微信公眾號檔案:
https://developers.weixin.qq.com/doc/offiaccount/Getting_Started/Overview.html

微信公眾號訊息推播流程

微信模板訊息介面地址:

https://developers.weixin.qq.com/doc/offiaccount/Message_Management/Template_Message_Interface.html

1.微信公眾號推播前提

目前我們是需要將在微信小程式上面的使用者和微信公眾號的關注使用者進行關聯，因此必須需要unionid，並且需要繫結微信開發平臺，這裡簡單介紹一下這幾個名詞的說明。

  • openid: 使用者小程式、公眾號中的唯一標識，一個使用者在每一個小程式和公眾號中都不相同，可以理解為uuid。
  • unionid:在繫結微信開發平臺之後，小程式和公眾號共通的id。可以通過https://api.weixin.qq.com/sns/jscode2session這個介面獲取，但使用者必須是關注了公眾號和使用了小程式才能拿到。(需要公眾號，小程式，開放平臺三者繫結)。
  • appid: 小程式、公眾號自身的唯一標識,開發者ID是公眾號開發識別碼，配合開發者密碼可呼叫公眾號的介面能力，管理員登入網頁版的微信小程式和公眾號可檢視。
  • secret :開發者密碼是校驗公眾號開發者身份的密碼，具有極高的安全性。切記勿把密碼直接交給第三方開發者或直接儲存在程式碼中。如需第三方代開發公眾號，請使用授權方式接入。管理員登入網頁版的微信小程式和公眾號可檢視。

微信公眾號推播流程

  1. 使用者關注公眾號得到公眾號的openid和unionid;

    1. 獲取公眾號的token： https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=SECRET
    2. 根據token獲取公眾號關注的使用者列表得到openid，第一次獲取不需要next_openid的值: https://api.weixin.qq.com/cgi-bin/user/get?access_token=TOKEN&next_openid=APPID
    3. 根據openid獲取unionid，可以批次獲取(POST)：GET https://api.weixin.qq.com/cgi-bin/user/info?access_token=ACCESS_TOKEN&openid=OPENID&lang=zh_CN POST https://api.weixin.qq.com/cgi-bin/user/info/batchget?access_token=ACCESS_TOKEN

  2. 使用者使用小程式之後得到小程式的openid和unionid;

    1. 獲取小程式的token：https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=SECRET
    2. 獲取sessionkey、openid和unionid，code需要前端登入之後傳輸 :https://api.weixin.qq.com/sns/jscode2session?appid=APPID&js_code=CODE&grant_type=authorization_code

  3. 使用unionid進行關聯然後進行推播;
    使用模板進行推播，然後將內容填寫到json中，需要openid、模板id(可以在微信公眾號平臺模板裡面拿到)以及模板格式：
    POST https://api.weixin.qq.com/cgi-bin/message/template/send?access_token=ACCESS_TOKEN

一個簡單的流程圖：

其他

今年基本沒怎麼寫部落格了，因為現實中各種各樣的事情，不過也是藉口。既然現在又開始寫了，那麼還是希望能夠寫下去吧，目前還是先以自己的一些筆記為主吧，質量上可能沒有之前寫的好，畢竟就是將筆記簡單的進行一下排版而已，沒有向之前那樣找各種資料查閱、驗證、舉例等等，畢竟那樣要花費很多時間，準備一篇至少要4個小時以上，對於目前的自己來說，現在的確很難，但是我還是想去試試，先從零開始吧，先穩定更新一下手記系列吧，好了，關於廢話就到這裡了。

音樂推薦

一首很好聽的古風曲~

原創不易，如果感覺不錯，希望給個推薦！您的支援是我寫作的最大動力！
版權宣告:
作者：虛無境
部落格園出處：http://www.cnblogs.com/xuwujing
CSDN出處：http://blog.csdn.net/qazwsxpcm　　　　
個人部落格出處：https://xuwujing.github.io/