搜尋
首頁微信小程式微信開發微信開發—微信開發環境搭建

微信開發—微信開發環境搭建

Mar 07, 2017 am 09:13 AM
微信開發

  目前行動開發處於比較火的的趨勢,很多的開發者都躍躍欲試,目前移動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,只需要到這個頁面,點擊登錄,並用自己的微信客戶端掃碼,並授權登錄,就可以取得屬於自己的測驗公眾號。 測試公眾號具備幾乎所有的介面,所以平時學習微信公眾號開發時,就可以去註冊一個測試公眾號,然後使用這個測試公眾號做開發就可以了。不廢話了,還是先註冊一個測試公眾號吧

  訪問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

#  ngrok -config ngrok.cfg -subdomain xdp

#  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是可用的,微信公眾號伺服器是可以存取的,這樣一來也不妨礙我們做本地調式了。到此,我們的微信本地調試開發環境就算是搭建好了。

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

###更多微信開發—微信開發環境搭建 相關文章請關注PHP中文網! ###
陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

WebStorm Mac版

WebStorm Mac版

好用的JavaScript開發工具

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。

SublimeText3 Linux新版

SublimeText3 Linux新版

SublimeText3 Linux最新版

MantisBT

MantisBT

Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)