微信公眾號中的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。微信公眾號中只要是需要用户授權登陸的頁面基本都是按照這個流程做下來的,在我們使用這些功能的同時,也系統能夠為我們的工程師們點個贊,感謝他們的付出。
-
手機微信公眾號上的視頻怎麼下載
如果移動設備的天下,無論是網購,看新聞等等,都在手機上完成,那麼我們在手機版的微信公眾號上看到好的視頻,想下載,怎麼下呢操作方法(01)在微信公眾號上,點擊分享,彈出的分享頁面中,我們選擇【發送到我的電腦】(02)然後在電腦上登錄QQ賬號,在【我的設備】中打開會話框(03)在我的...
-
HTTP 錯誤 500.22 - Internal Server Error圖解
網站管理員在配置IIS服務器的時候會出血一系列的報錯無問題,今天給大家分享一個關於iis7HTTP錯誤500.22-InternalServerError的解決辦法操作方法(01)出現如圖錯誤“檢測到在集成的託管管道模式下不適用的ASP.NET設置”,那麼我們應該如何解決呢?繼續向下。(02)第一步,我...
-
Python中如何應用split
我們用python處理字符串的時候經常會需要分割字符串,這個時候我們會用到split。那麼你真的會用它嗎?下面小編來給大家分享一下split的使用以及注意事項操作方法(01)首先我們在python環境中先來建立一個字符串,如下圖所示(02)然後我們調用split方法,已冒號作為分隔符,如...
-
linux怎麼解壓zip包
linux怎麼解壓zip包,在linux中,解壓ZIP壓縮包,是相對容易的,使用unzip命令即可操作方法(01)連接到linux遠程主機,並進入zip文件所在目錄(02)使用LS命令列出目錄中文件,確認zip文件的全稱(03)使用unzip命令解壓zip壓縮包(04)inflating,看到該單詞,表明ZIP解壓縮成功了(05)如果不放...