微信公眾號中的H5頁面是怎樣煉成的

現在是自媒體時代，很多個人或者小團隊都希望能有一個微信公共號平臺用來宣傳自己。公共號開通其實很簡單，推廣的方式也已經模式化，這些無需多述，這裡我們從技術的角度來看看一個技術人員完成一個帶有H5頁面“會員中心”的公眾號的流程。

操作方法

（01）公眾號有的三個類別如果您的公眾號需要經常性的推送群發圖文訊息，那麼請註冊訂閱號，其他情況還是推薦註冊服務號。不過註冊服務號需要進行認證，這個需要有一個公司或者個體的資質。小程式是一個基於微信的小app，它在製作的時候需要繫結一個位置，方便使用者檢視周邊小程式能夠找到你，目前小程式在餐飲住宿零售等行業使用的不錯。

（02）我們主要來對比認證訂閱號和認證服務號的區別1、文章推送數量及展示訂閱號每日可以推送一次圖文訊息或者圖文訊息列表，使用者檢視推送的訊息，需要開啟微信-訂閱號-你的訂閱號才能檢視訊息。訂閱號有數量優勢。服務號每月可以推送四次圖文訊息或者圖文訊息列表，使用者檢視推送的訊息，可以在聊天列表中直接開啟你的訂閱號檢視訊息。服務號有更好的檢視率。2、系統介面由於訂閱號更適合媒體平臺，因此訂閱號沒有模板訊息介面（傳送業務通知-類似信用卡傳送的賬單訊息），不能獲取當前使用者的位置，不能使用微信支付介面，不能使用網頁授權獲取使用者openid/使用者基本資訊（不能在H5頁面中整合微信登陸），好的一點是訂閱號支援微信網頁JS-SDK（使用JS-SDK可以呼叫微信系統介面，如語音、視訊、圖片、分享、掃一掃等功能）。具體介面說明可以檢視微信官方介面文件。服務號可以使用微信提供的所有介面，如網頁授權登陸、微信支付、微信網頁JS-SDK（使用JS-SDK可以呼叫微信系統介面，如語音、視訊、圖片、分享、掃一掃等功能）

（03）註冊公眾號過程很簡單，通過微信公眾平臺右上角立即註冊，選擇您要註冊的公眾號型別就可以進入填寫資訊介面

（04）根據要求填寫各種資訊就可以了，如果需要微信認證，我們就需要填寫對應的企業三證合一的證件資訊、開戶行資訊，並填寫一份認證公函簽字蓋章拍照上傳，三兩天就可以認證通過。認證通過後就該技術人員出手了，現在我們回到主題，客戶需要一個帶有會員中心的公眾號，技術人員會怎樣處理呢？首先客戶需要租一個雲伺服器或者web託管，需要申請一個域名並且備案（備案時間一週到兩週時間就可以下來），有了伺服器和域名，技術人員會先去域名解析平臺繫結解析到租好的伺服器，然後再伺服器的管理平臺或遠端至伺服器進行域名繫結，並建立一個ftp目錄保證他可以隨時將網頁原始檔傳送到該目錄。

（05）伺服器和域名做好以後，技術人員還需要在公眾號進行配置。每一項配置填寫以後都需要做測試配置是否成功，有時在配置這裡因為找不到問題原因，折騰一天也是有可能的。

（06）前面說的只是做H5會員中心的配置階段，配置好以後才真正進入開發階段開發過程會涉及三個工種分別是美工設計、前端開發、後臺開發。美工設計主要是用來設計頁面佈局色調的人員。前端開發是承接美工和後臺人員的橋樑，並且是使用者使用程式的直接面對著。前端人員要通過CSS+HTML程式碼將美工的介面實現成網頁形式。要通過JavaScript與後臺頁面進行通訊，並將通訊返回的資料使用JS動態的更新當前頁面，一個會員中心前端人員可能需要些十幾二十個介面與後臺進行通訊，每個介面都會實現一個對應的功能，如獲取使用者資訊介面，使用者修改頭像介面，使用者簡訊認證介面等，每個介面都採用AJAX非同步通訊的方式與後臺進行互動，通過後臺返回的JSON格式資料，再對使用者中心中對應的內容進行更改。如果使用者中心涉及到使用者轉發文章統計功能，前端還需要使用微信JS-SDK開發，並對URL地址的雜湊值處理，並且要做本地儲存與使用者驗證登陸跳轉時的邏輯關係處理。後臺開發人員主要是建立資料庫，通過PHP或者 JAVA等語言製作對資料庫操作的頁面，並預留POST介面接收前端傳送過來的post資訊，通過post資訊對資料庫進行對應的操作，操作完成以後返回一個操作結果json串傳送回前端，如果需要整合微信使用者登入就需要做微信的登陸認證，認證的過程比較複雜，基本原理就是使用者授權登陸以後，該公眾號的頁面得到使用者給予該公眾號的唯一艾迪和使用者的暱稱頭像資訊，然後將該資訊放入自己的使用者庫中，每次使用者登入的時候都要跟庫裡的人員進行判斷，這樣就不會每次提示使用者授權登陸該公眾號了。

（07）一個會員中心功能雖然看上去功能不多，但是麻雀雖小五臟俱全，他包含了使用者基礎微信登陸，微信JS-SDK開發，以及H5頁面製作開發，後臺開發等開發過程。在開發過程中前端會使用到微信的web開發者工具進行頁面測試，在這裡會測試iphone各個版本，安卓版本的多種測試，測試無誤以後會正式部署到伺服器上，部署到伺服器上還要再進行一輪測試，確保交付到使用者手中的功能有儘量少的BUG。微信公眾號中只要是需要使用者授權登陸的頁面基本都是按照這個流程做下來的，在我們使用這些功能的同時，也系統能夠為我們的工程師們點個贊，感謝他們的付出。