微信公衆號開發之三利器

聲明:發佈此文主要是但願能幫助到剛接觸微信開發的同窗。剛開始寫文章,若有大神路過但願提出不足之處。謝謝!!在此安利一波做者的新文章,關於微信公衆號後端開發,瞭解一下? —— 微信公衆號開發——踩坑記錄,持續記錄中...

微信公衆號開發以前須要準備三個利器。html

  1. 微信公衆平臺接口測試賬號
  2. 內網穿透工具(下面介紹的工具因爲如今.cc域名不能備案,致使不能用於公衆號開發。現補充新的內網穿透工具,經過百度網盤分享給你們,地址:https://pan.baidu.com/s/1qd-X... 密碼:v9io)
  3. 微信web開發者工具
  4. 補充新神器 - 微信公衆平臺接口調試工具(微信接口測試神器,因爲本人近期(18年5月)開始探索公衆號後端開發,因此發現了這個接口測試神器)

1、 微信公衆平臺接口測試賬號

因爲用戶體驗和安全性方面的考慮,微信公衆號的註冊有必定門檻,某些高級接口的權限須要微信認證後才能夠獲取。因此,爲了幫助開發者快速瞭解和上手微信公衆號開發,熟悉各個接口的調用,騰訊推出了微信公衆賬號測試號,可體驗和測試所有高級接口。經過手機微信掃描二維碼便可得到測試號。web

進入微信公衆賬號測試號申請系統小程序

clipboard.png

2、使用內網穿透工具 Sunny-Ngrok

  因爲開發微信公衆號項目,常常須要將本地部署的接口讓外網能直接調用到,這裏咱們使用內網穿透工具Sunny-Ngrok(還有其它同類型工具如:花生殼)來將本機映射到外網。支持Mac OS X,Linux,Windows平臺。segmentfault

註冊帳號 配置外網訪問的域名和端口號
首先去Sunny-Ngrok官網 註冊帳號,而後進入管理界面購買免費的內網穿透服務器以下:

clipboard.png

配置外網訪問的域名前置和本地端口號後端

clipboard.png

配置完成點擊確認添加便可在隧道管理查看隧道ID(隧道ID用於Sunny-Ngrok工具啓動)微信小程序

clipboard.png

Sunny-Ngrok下載運行api

  體積很小,Sunny-Ngrok官網下載後直接解壓獲得一個二進制文件和bat小工具啓動(這裏以Windows爲例,其它系統請查看官方文檔)。安全

啓動隧道:方法一
使用命令行工具切換到解壓的Sunny-Ngrok目錄,啓動隧道

clipboard.png

命令解釋:
sunny.exe: 下載的軟件內網映射隧道工具
clientid: 經過隧道id啓動,後面跟上隧道id(隧道ID是在官網註冊帳號後免費申請的),若是有多個隧道要一塊兒啓動那麼使用英文逗號隔開第三個紅色剪頭所指的地方就是爲了啓動多個隧道服務器

啓動隧道:方法二

經過下載的軟件包裏面的bat小工具啓動,雙擊bat文件輸入隧道id回車啓動便可。微信

clipboard.png

這裏啓動了兩個隧道,使用了英文逗號隔開了。

填寫微信測試號的配置信息

clipboard.png

3、下載微信開發者工具

點擊進入下載頁面

下載頁面爲微信最小開發者工具可同時用於微信公衆號開發和微信小程序開發。
安裝完成後打開微信開發者工具微信掃碼登陸(需在微信公衆號綁定爲開發者或者註冊測試號關注測試公衆號)
選擇公衆號網頁項目

clipboard.png

在地址欄輸入Sunny-Ngrok啓動後獲得的外網地址。在後端和公衆測試號正確配置的狀況下你便可看到你的web頁面了。

clipboard.png

相關文章
相關標籤/搜索