1. 程式人生 > >微信開發學習總結(一)——微信開發環境搭建

微信開發學習總結(一)——微信開發環境搭建

目前移動開發處於比較火的的趨勢,很多的開發者都躍躍欲試,目前移動App開發領域主要分為以下幾種型別

  

  我在平時的工作中接觸得比較多的就是基於Android的Native App開發和基於微信公眾號的Light App開發,今天就來帶領大家快速進入微信公眾號的開發領域.

一、微信開發環境搭建

工欲善其事,必先利其器。要做微信公眾號開發,那麼要先準備好兩樣必不可少的東西:

  1、要有一個用來測試的公眾號。

  2、用來調式程式碼的開發環境

1.1、註冊測試公眾號

  微信公眾號分為服務號、訂閱號、企業號,訂閱號可以個人申請,服務號和企業號要有企業資質才可以。

  我們所說的微信公眾號開發指的是訂閱號和服務號。

  關於訂閱號和伺服器的區別,官方是這樣解釋的

  服務號:主要偏向於服務互動(功能類似12315,114,銀行,提供繫結資訊,服務互動),每月可群發4條訊息;服務號適用人群:媒體、企業、政府或其他組織。

  訂閱號:主要偏向於為使用者傳達資訊,(功能類似報紙雜誌,為使用者提供新聞資訊或娛樂趣事),每天可群發1條訊息;訂閱號適用人群:個人、媒體、企業、政府或其他組織。

  個人訂閱號有一些介面是沒有許可權的,也就是說個人訂閱號無法呼叫一些高階的許可權介面,下圖就是一個我的個人訂閱號所具備許可權列表,如下圖所示:

  

  而一些高階介面,如生成二維碼、網頁授權、自定義選單、微信支付這樣的介面許可權個人訂閱號是沒有呼叫許可權的,如上圖紅色框起來的那些介面,個人訂閱號都無法呼叫。

  幸運的是,微信公眾平臺提供了測試公眾賬號,測試公眾號的註冊地址為:http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login,只需要到這個頁面,點選登入,並用自己的微信客戶端掃碼,並授權登入,就可以獲得屬於自己的測試公眾號。測試公眾號具備幾乎所有的介面,所以平時學習微信公眾號開發時,就可以去註冊一個測試公眾號,然後使用這個測試公眾號做開發就可以了。不廢話了,還是先註冊一個測試公眾號吧

  註冊測試公眾號的步驟如下圖所示:

  

  

  用微信掃描上述的二維碼進行登入,登入成功後,就可以看到騰訊分配給我們的測試公眾號的資訊了,如下圖所示:

  

  測試公眾號的所擁有的介面許可權如下:

  

  可以看到,測試公眾號擁有大部分的介面呼叫許可權,因此用測試公眾號來學習微信開發是完全可以的

1.2、搭建微信本地除錯環境

  開發基於微信公眾號的應用最大的痛苦之處就是除錯問題,每次實現一個功能後都需要部署到一個公網伺服器進行測試,因為微信使用者每次向公眾號發起請求時,微信伺服器會先接收到使用者的請求,然後再轉發到我們的伺服器上,也就是說,微信伺服器是要和我們的伺服器進行網路互動,所以我們必須保證我們的伺服器外網可以訪問到,這種部署到公網伺服器進行測試的做法對於我們開發者來說簡直是噩夢。所以我們要想一個辦法可以做到本地部署,本地除錯程式碼,而要做到這一點,那麼我們要解決的問題就是將內網的部署伺服器對映到外網,讓微信伺服器可以正常訪問到,幸運的是,藉助於第三方軟體Ngrok,我們就可以做得到。Ngrok是一個免費的軟體Ngrok,使用Ngrok後,我們就可以實現內網穿透,也就是說我們可以將內網的伺服器對映到外網給別人訪問,這對於我們在本地開發環境中除錯微信程式碼是以及給使用者演示一些東西非常快速和有幫助的,因為可以直接使用我們自己的內網的電腦作為伺服器。

  國內提供Ngrok服務比較好的網站是:http://natapp.cn/,如下圖所示:

  從http://natapp.cn/網站上下載ngrok客戶端,如下圖所示:

   下載完成後,得到一個壓縮包,解壓壓縮包後,得到一個資料夾,裡面有如下圖所示的幾個檔案:

  開啟CMD命令列視窗,進入到ngrok_windows目錄下,然後輸入如下命令:

  ngrok -config ngrok.cfg -subdomain xdp 8080,如下圖所示:

  xdp是我自己自定義的一個域名, 8080為本地伺服器的執行埠,執行完上述命令後,我們就可以本地的127.0.0.1:8080伺服器對映到外網了,如下圖所示:

  此時外網的使用者可以直接使用http://xdp.ngrok.natapp.cn這個域名訪問到我內網的127.0.0.1:8080伺服器了,如下圖所示:

  使用了ngrok之後,我們就可以把內網的伺服器當成公網伺服器來使用了.訪問的速度也還在可以接受的範圍內吧,截止到目前為止ngrok是可用的,微信公眾號伺服器是可以訪問的,這樣一來也就不妨礙我們做本地調式了。到此,我們的微信本地除錯開發環境就算是搭建好了。

  萬丈高樓平地起,我們已經跨出了微信開發的第一步了!