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

前言

本篇文章主要介紹的調用微信公眾號和小程序之後的開發流程,主要以實現步驟為主。

前提準備

  1. 已經申請了微信公眾號和小程序(由於官方文檔寫的很詳細,這裡就不在進行說明了);
  2. 微信公眾號和小程序的進行關聯了(主要是為了消息推送);

小程序的開發流程

  1. 提前註冊微信小程序,註冊地址://mp.weixin.qq.com/cgi-bin/wx;
  2. 若需要實現微信推送,則需要註冊登錄微信公眾號開發平台,並添加小程序(300元), 地址://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. 微信公眾號接口權限地址,需要管理員:
 //mp.weixin.qq.com/advanced/advanced?action=table&token=396006949&lang=zh_CN
  1. 微信公眾號文檔:
//developers.weixin.qq.com/doc/offiaccount/Getting_Started/Overview.html

微信公眾號消息推送流程

微信模板消息接口地址:

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

1.微信公眾號推送前提

目前我們是需要將在微信小程序上面的用戶和微信公眾號的關注用戶進行關聯,因此必須需要unionid,並且需要綁定微信開發平台,這裡簡單介紹一下這幾個名詞的說明。

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

微信公眾號推送流程

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

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

    1. 獲取小程序的token://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=SECRET
    2. 獲取sessionkey、openid和unionid,code需要前端登錄之後傳輸 ://api.weixin.qq.com/sns/jscode2session?appid=APPID&js_code=CODE&grant_type=authorization_code
  3. 使用unionid進行關聯然後進行推送;
    使用模板進行推送,然後將內容填寫到json中,需要openid、模板id(可以在微信公眾號平台模板裏面拿到)以及模板格式:
    POST //api.weixin.qq.com/cgi-bin/message/template/send?access_token=ACCESS_TOKEN

一個簡單的流程圖:
在這裡插入圖片描述

其他

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

音樂推薦

一首很好聽的古風曲~

原創不易,如果感覺不錯,希望給個推薦!您的支持是我寫作的最大動力!
版權聲明:
作者:虛無境
博客園出處://www.cnblogs.com/xuwujing
CSDN出處://blog.csdn.net/qazwsxpcm    
個人博客出處://xuwujing.github.io/