漫談微信公眾平臺新技術

金琦等

編者按：當下很多學校正在嘗試或已經搭建了屬于自己學校的微信公眾平臺。不同的學校對微信公眾平臺的理解不同，也決定了微信公眾平臺具體的教育實現理念。但無論如何，由于微信公眾平臺的便利互動性，很容易粘合學生、教師、家長、校友等學校關聯者，進而通過圖片、文字、聲音、視頻的富媒體傳播形式給予他們一個展示自己更自由、更活躍思想的舞臺。因此，學校建立微信公眾平臺的意義不亞于開展一個綜合教育平臺項目。上期我們講解了微信公眾號開發的一些基礎知識，引起了一些讀者的關注，本期我們將基于微信公眾平臺開發的熱點技術進行討論。

金琦：回顧過去

一個平臺如果故步自封，很容易被其他產品所取代。微信公眾平臺一直在進步，所以能不斷煥發出生機。在講解新技術之前，我們對微信發展歷程做一個梳理。

1.第一階段（公眾平臺上線至2013年3月左右）

微信公眾平臺于2012年下半年正式上線，那時注冊微信公眾平臺還很容易，有QQ號就可以直接注冊登錄，不需要身份驗證。由于沒有嚴格的限制，所以有些商家、企業和自媒體開始使用公眾平臺，利用群注冊等手段進行推廣，再加上恰到好處的自動回復，吸引了一批粉絲。

這時候微信公眾平臺的特點為：①注冊門檻低，有QQ號就能注冊。②增加粉絲容易（新鮮感）。③微信號大環境雜、亂、浮。④自動回復火爆（如SimiSimi）。

2.第二階段（2013年3月至8月）

隨著微信用戶群的不斷增加，微信也不斷完善其規則和入門門檻。大致到了2013年3月左右，騰訊在看到了問題之后，開始了微信公眾平臺的變革。注冊公眾平臺需要身份驗證，一個身份證最多只能注冊兩個公眾號，而已經注冊的公眾號重新登錄也需要驗證身份才可以使用。忽然變化的規則傷了當時一批開發者的心，有一些變革前做的挺大的公眾號，到這時只剩下一部分。

這個時間段微信公眾平臺的特點是：①注冊門檻變高，需要驗證身份。②前一批微信號消逝，大量閑置用戶產生。③企業級微信號開始大量起步。

3.第三階段（2013年8月至今）

2013年8月9日，微信5.0發布，出現了訂閱號和服務號的區別。順便說一句，就是這個5.0版本引入了銀行卡功能，可以使用微信支付，還增加了游戲功能，相信很多讀者，還記得微信5.0剛剛發布時，為了朋友圈的飛機名次激烈角逐。這是微信歷史上的一個里程碑式的版本。

騰訊這么做是為了把企業號和個人及媒體區分開來。在升級到5.0之前，所有的公眾號都是訂閱號，每天可以推送一條消息。而5.0版本發布以后，如果選擇保留為訂閱號，依然可以每天推送一條消息，而如果選擇變成服務號，則只能一個月推一條消息了。白白損失29條發布信息的機會看起來很愚蠢，其實不然。

其一，訂閱號推送的消息被折疊到二級菜單，而服務號推送的消息依然在一級菜單推送。這手段就無形中逼迫訂閱號運營者提高自己的用戶黏度。優秀的公眾賬號可以就這個機會，獲取大量的關注，那些垃圾號、騙子號、忽悠號則會走向死亡，沒有生存的機會。

其二，微信是一個開放的系統，其互動是多向的，服務號主要是作為客戶服務和溝通的平臺，而不是無休無止的信息轟炸。

打個比方，服務號每一個月只能推送一次消息，適合服務熟客，因為熟客已經體驗過產品的好處，只要服務好熟客，他們就會重復向企業購買產品，不需要推送大量的促銷信息，一個月推送一次產品信息足夠了。而訂閱號就好比你新談上的一位女友，需要每天主動見面、約會、交流，來博取對方的好感，把感情升華到最高點，最終成交，注重的是方法，訂閱號可用來開拓新顧客。

除了區分訂閱號與服務號之外，另一個重大的舉措是融入了電商元素。前面提過，微信在這個版本加入了微信支付功能，之后漸漸引入了微信商城、微信紅包、微信購物，隨之開放了公眾平臺的支付接口。

現在的特點：①區分明確，訂閱號和服務號各有特色。②引入了微信支付，布局移動支付大局。

劉宗凡：新的藍海

微信作為一個行業的龍頭，在技術和用戶方面當執牛耳。回顧過去我們知道，微信每次都能抓住用戶的需求進行更新。那么微信將使用哪些新穎技術呢？

1.微信連Wi-Fi

今年5月18日，微信團隊正式宣布，以后所有的微信公眾賬號都可以申請微信連接Wi-Fi，在這之前這項服務只有經過認證的商家可以獲得。如今微信全面開放Wi-Fi服務，普通微信用戶通過掃碼就可以很方便地連接上公眾平臺所提供的Wi-Fi。實際上一個公眾平臺就對應一個Wi-Fi熱點，可以隨時隨地連接，這對于上網用戶來說簡直是福音。

原本認證過的公眾平臺數量十分有限，且認證需要提交材料、繳納一定費用。所以有許多公眾平臺都未進行認證，而現在全面開放微信連接Wi-Fi服務，將會有大量未認證的公眾平臺參與進來。這就意味著普通微信用戶將會有更多的Wi-Fi熱點可以連接。在這個流量為王的時代，微信在連接Wi-Fi的頁面做些廣告分流或者其他推廣業務，其影響不可估量。當每個微信用戶連接到某個商家的熱點之后，在微信的屏幕將收到該商家的一些基本信息。然后用戶便可以查看商家所提供的產品和具體參數，等于每個Wi-Fi熱點就是一個獨立的廣告位。對于大多數擁有微信公眾平臺的商家而言，這將是一次雙贏的體驗。

2.被微信捧火的HTML5

從去年開始，你的微信朋友圈一定被“圍住神經貓”、“1024”等小游戲刷過屏，這也凸顯了HTML5的價值。

HTML5已經出來很多年了，它是一個基于瀏覽器的協作標準，可以讓不同的元素在瀏覽器中流暢運行。它有很多優點——跨平臺、開發成本低、易于開發。早在喬布斯封殺Flash的言論中，就提前預言，HTML5將會成為取代Flash的下一代技術。

但是這一技術在2012年似乎遇到了一些麻煩。大力推動HTML5發展的兩個組織WHATWG與W3C宣布終止合作。而馬克·扎克伯格也在HTML5上栽了跟頭，Facebook當時對iOS版本的App進行改版，執行速度、操作反應比舊版提升了許多。許多人也知道，其中最大的改變是把App所采用的技術從HTML5改為iOS原生技術。不過微信的出現為HTML5提供了發展契機，微信以公眾平臺的方式，以游戲、資訊重新煥發出HTML5的風采。打造了令人眼前一亮的應用而又不想讓用戶額外地安裝應用或插件（如獲取攝像頭、語音，獲取用戶地理位置，獲取加速器進行搖一搖等各種信息），并且有快速開發的需要，于是HTML5作為一個富客戶端技術在微信的推動下蓬勃發展起來。而HTML5應用將來是否真的能夠完全替代原生App，打破iOS與Android壟斷的局面，或許這樣一個在未來很長一段時間具有爭議的話題，只能交給時間來決定了。

微信于2015年初開放了JS SDK，無疑給了開發者更大的開發權限，使用JS，開發者們可以使用各種原生功能了！微信之前也有一些JS API，如分享，但這一次它開放了錄音、拍攝、地圖、支付、二維碼、卡券等幾十個API。微信本次開放的JS SDK分類清單如下：分享類接口、圖像類接口、音頻類接口、智能類接口、設備信息類接口、地理位置類接口、界面操作類接口、微信掃一掃接口、微信小店接口、微信卡券接口、微信支付接口。在浙師大附中的微信公眾號中，其中“直升班成績查詢”頁面添加了HTML5功能，如果讀者用測試身份證號和姓名：“12345678”、“張三”體驗，可以發現在登錄成功或者失敗的情境下，頁面交互效果相對傳統HTML更加平滑。

下面討論一些利用微信開發HTML5的一些問題。

（1）在Android 4.0以上的手機，安裝了QQ瀏覽器之后，微信網頁里的視頻播放才會被X5引擎優化，而只能目前使用HTML5的視頻，會在低端手機上遭遇性能問題。

（2）iOS端的微信，調用的當然是Safari瀏覽器了，如果要運用一些新的特性，只能升級系統。對很多老系統來說，新的特性是沒法使用的，就連最基本的Canvas、ToDataURL在4.4版本以下都是不能導出JPEG格式的，只能是PNG格式。

（3）根據Sencha的調研統計，目前最適合HTML5的平臺仍是iOS。編者曾經做過一個基于HTML5的Web應用，iOS上和原生應用基本上沒區別，而安卓上運行則比較卡，大概是因為安卓端的瀏覽器在進行一些負責運算的時候效率不高，這一般是WebView對Canvas兼容性差異造成的。

（4）開發HTML5應用切勿使用大量腳本，你的程序運行速度與你的CSS、腳本運用量成反比，與網速成正比。少用腳本，簡化邏輯，壓縮代碼才是正道。

（5）目前HTML5的調試還處于比較麻煩的階段。編者一般調試的方案是安裝Chrome的App，然后結合桌面版Chrome通過USB遠程調試。但是桌面版本的WebKit和移動端的不同，所以調試結果往往不能作為最終參考的標準，這時候Alert和Try Catch就能幫上大忙了。

下面以安卓平臺環境為例，介紹一種穩定的調試方案。下載附件包（下載地址：http：//res.imtt.qq.com/tbs_inspect/wx_sq_webview_debug.zip）后，首先安裝微信最新版，然后將附件的tbs_20150526_021257_inspector.apk放到手機sdcard/tbs/com.tencent.mm目錄里面，登錄微信，用微信訪問一個頁面，停留1分鐘左右，目的是讓微信來靜默安裝剛導入進去的tbs_20150526_021257_inspector.apk包。那如何通過頁面驗證tbs是否關聯成功呢？首先在設置里結束微信（盡量不要使用滑動殺死，有些手機無法徹底殺死所有微信進程），然后把手機時間往后調整1天；啟動微信瀏覽一個網頁，等待1分鐘左右；再次在設置里結束微信；在剛才微信訪問的頁面中，長按頁面的文案，出現水滴效果時，表明加載成功，或者在頁面頂部下拉能看到QQ瀏覽器X5內核提供技術支持字樣就算是成功了。最后，將附件里的inspector工具安裝好，就可以在電腦上對微信頁面自由調試了（如圖1）。

提示1：如果非首次安裝微信的用戶，需要修改一下手機的時間，往后調整一天，如果是首次請忽略。

提示2：保險起見，登錄微信后找到自己，聊天窗口輸入//deletetbs，點發送即可。

3.明日之星iBeacon

2015年1月29日，微信團隊在6.1版本中加入了“搖一搖·周邊功能”，并開放商戶申請入口。這個“搖一搖·周邊功能”即是微信針對低功耗藍牙設備（即iBeacon）提供的連接入口。在手機藍牙開啟的狀態下，當用戶在微信中打開搖一搖時，如果周圍有iBeacon設備，即可獲得一個可由商家完全自定義的HTML5頁面入口：也許是紅包，也許是優惠券，也許是小游戲，也許是室內導航。而通過設備的疊加，可以實現覆蓋范圍的無限延伸。

iBeacon是什么呢？它是物聯網中諸多傳感器之一，由蘋果公司結合超低耗藍牙無線技術（BLE）所開發的一套開放性協議。iBeacon通過低功耗藍牙技術（Bluetooth Low Energy，BLE，即藍牙4.0）發射廣播信號，在iBeacon基站附近可以創建一個信號區域，當接收設備（智能手機、平板電腦等移動終端）進入該區域時，通過能夠安置在任何物體中的iBeacon低功耗藍牙基站，用戶便能使用具有iBeacon功能的移動設備與應用方進行互動。比如利用iBeacon，在教育方面我們可以創建更多一對一的創新設計。設想一下，用戶在布局了iBeacon的移動教學教室里，走班的學生進入教室，教師可以很快地進行自動考勤點名；某個學生的平板上會收到這樣的信息：“××同學，你上次提交的作業還缺少一個研究報告，請抓緊完成。”這些當然可以做一些單一的App來實現，但我認為可以在微信公眾平臺開放的API基礎上根據學校需要進行各項應用開發，可能會更系統，更容易形成平臺化。

邱元陽：云平臺上的微信

上期講述微信公眾平臺搭建，但很多學校說他們沒有專門的對外服務器。對于這些沒有對外服務器而想搭建微信個人平臺的學校而言，云平臺是一個很好的選擇。有很多讀者可能不了解云平臺，下面簡要介紹一下。

這幾年云計算的概念非常火爆，云計算的產業可以分為三級：云設備、云平臺、云軟件（如圖2）。

云平臺就是其中的PaaS（Platform-as-a-Service）模式，開發者只需要開發程序與部署程序就可以了，不用擔心安裝和部署環境等揪心的問題。因此選擇云平臺時只需要考慮使用的語言和善于使用的數據庫就可以了。換言之，我們使用的是一個平臺，是PaaS供應商提供給我們在互聯網上的一種服務，即“平臺即服務”。

因此，對一些硬件條件一般的學校來說，選擇一款網絡應用開發平臺是一件是很重要的事情。它使得學校開發者只需簡單上傳應用程序，就能為公網用戶提供服務。國內很多網絡巨頭也看到了網絡應用開發平臺的未來市場遠景，紛紛推出了自己的應用引擎（App Engine），如新浪的SAE、百度的BAE、阿里的ACE。它們各有優勢，都能滿足開發公眾平臺的開發需要，其中一些應用引擎可以提供免費使用若干天，或者通過實名認證后能免費使用更久，讀者可以嘗試去申請調試。

以新浪的SAE為例，注冊地址為http：//sae.sina.com.cn/，在瀏覽器中輸入該地址，將自動跳轉入SAE新浪云計算平臺。如果你還沒有新浪微博賬號，需要申請一個，登錄之后，跳轉到授權頁面，在填寫手機驗證碼后，點擊驗證手機按鈕，將提示注冊成功。使用注冊的賬號登錄SAE平臺，點擊“我的首頁”按鈕，進入菜單。點擊頁面的“創建新應用”，會彈出禁止違法內容的提示，點擊“繼續創建”，彈出創建應用頁面。

在此頁面中，依次填寫二級域名（APPID）、應用名稱、驗證碼，開發語言選擇PHP，應用類型當然選擇PHP了。如果你選擇的APPID已經被人占用，可以重新選一個。應用創立成功之后，會自動跳轉到應用列表，在應用列表可以查看剛剛創建的應用。

進入剛剛創建的應用，找到左上角的代碼管理。點擊創建一個版本，將彈出創建版本頁面（如圖3）。

至此，我們成功創建了一個SAE應用。但用云平臺與自己搭建相比有什么獨到的優勢呢？接下來要介紹的是基于SAE的一種微信平臺開發方式，與上期介紹的獨立服務器開發模式相比也許缺少了開發的獨立性與自由性，但大大增加了開發的便捷度。回到SAE創建應用的界面，你會發現除了空PHP之外，會有一個WeiPHP開源微信平臺的選項。

選擇這個，就是另外一種開發方式。第一種方式也就是上期介紹的方式需要我們懂得相關開發知識，這種方式采用了簡潔的可視化頁面進行開發，兩種方式各有不同，讀者朋友可以自行選擇。

選擇了WeiPHP后，進入你的SAE應用，會出現安裝頁面。點擊“同意”，檢測環境，因為是SAE應用倉庫內置服務，所以通過，點擊“下一步”。下一步要創建數據庫，進入SAE管理菜單，點擊“MySQL”按鈕，選擇共享型SQL。創建好MySQL數據庫后，填入相關信息，點擊下一步，程序就會自動安裝。安裝完成后，訪問首頁，輸入你設定的用戶名與密碼。

登錄后顯示了一個包含了很多插件的頁面，使用WeiPHP開發的優勢就出來了。使用這些插件不需要你自己動手開發或者懂得背后的原理，只需要填入幾個參數后便可直接使用，大大方便了開發進程，豐富了拓展性。需要提醒的是，其中的一些功能還是需要微信認證后才能使用，如高級自定義菜單。一個平臺可以支持托管多個微信公眾平臺，接下來要講解的是如何托管微信公眾平臺。點擊左上角的“公眾號管理—新增，”便可添加微信公眾平臺，最多支持五個。添加成功后，還需要到微信公眾平臺的后臺，更改URL和Token。

配置完畢后，微信公眾平臺就正式被WeiPHP托管了，上期提到的一些功能可以直接實現。比如智能聊天機器人功能，讀者朋友們只需要去圖靈機器人官方申請一個賬號，然后將其Key填入，微信公眾號便擁有了智能聊天功能。

金琦：蒸蒸日上的微信教育應用

接下來我們再討論一下能否挖掘一些微信以及微信公眾平臺的功能，將其逐步引進到課堂教學實踐之中。

舉個例子，鑒于國內學生的學習情況，課堂上學生的主動提問隨著年齡的增大越來越少，使得目前國內正在推行的翻轉課堂實際課堂效率降低，另外在教師聲情并茂地演講時，下面的學生也怕打斷教師而不敢進行提問，這時微信墻就是一種很好的解決方案。浙師大附中就將微信墻用于教育實踐中，提升了課堂教學的效率和質量。以往在上一些公開課的時候，一般的課題只有一個投影屏幕，而且這張屏幕只是用來播放主講人的PPT，話語權完全由教師掌握。增加了一個微信墻投影屏幕，實際上是開辟了另一條交流渠道，可以使主講信息得到更豐富的體現，也可以增加教師與學生的互動，如讓講臺下的學生用微信墻推送自己的作業或者疑問。

另一個實用的應用，是微信配合問卷網進行調查。問卷網是國內比較大的一家調查網站，在會議、培訓或者課堂上，可以讓聽眾使用手機的微信掃描二維碼，填寫事先設計好的問卷。它可以生成投票（可以讓聽眾用手機直接參與，形成大家的看法）、提問（在講座過程中由聽眾用手機直接發表提問、評論和意見與建議）、登記（培訓中讓聽眾直接用手機提交登記表，生成會議通訊錄）等。

傳統的英語課很難鍛煉聽說讀寫這四種能力，現在學生可以通過微信的語音與視頻功能進行討論，有利于鍛煉口語與聽力。教師也可以通過微信發布優秀范文，學生利用微信提供的多個接口進行聽說讀寫訓練。比如教師推送優秀例句，學生可以發語音，系統后臺進行評分，學生再進行語音修正，從而提高自主學習的積極性。在朋友圈還可以生成積分榜，更加刺激了學生的學習欲望。在微信中還可以構建學習小組與學習交流群，與同學們進行文字、圖片、音頻、視頻的交流分享與多人對話。這些功能可以使小組成員針對某一問題或學習內容進行方便快捷的異步或同步交流，分享自己的想法。并可以與某一小組成員進行單獨的交流，不被其他成員所見，也可進行小組間、師生間的交流與討論。并且通過微信可以將網絡鏈接發送給好友，分享網絡中的學習內容或信息，可以幫助探究性學習的探究過程更好地開展與實現。微信方便快捷、多種形式的交流及網絡鏈接分享功能可以較好地促進小組內部進行合作學習、探究學習，促進小組之間的討論，促進教育者與學習者的交流，并在一定程度上促進了多元評價的形成與開展。

除了在課堂教育上的應用，微信也可以在后勤生活上服務師生。比如浙江師范大學的微信公眾平臺，創新性地加入了報修功能。浙江師范大學的學生們可以就寢室里的各種故障，發送至微信平臺進行報修，后臺相關人員進行查看后，會根據人力資源進行最優化分配。這比其他大學還在用紙筆進行報修登記領先了很多，也有電子記錄，值得推廣。

在此功能之外也有延伸拓展，如查電費，查一卡通余額等功能都可以移植到微信公眾平臺，只需要在后臺將相關數據庫導入，并將頁面進行鏈接，便可開發出類似功能。這也算將OA微信化的一種體現。學校里一個學生的標識就是他的學籍號，將學生的學籍號綁定其微信號，然后開發出一個大一統的微信公眾平臺是微信教育平臺的終極目標。未來的微信教育平臺上，學生可以以其學籍號為核心，實現更多功能，如微信教育平臺聯合校園O2O平臺。最近在大學生中很火熱的59Store，只要你在寢室里下訂單，就有人把你訂的商品送到寢室，非常便捷。微信教育平臺可以聯合學校或者第三方的商家，在自定義菜單里添加接口，使學生可以在公眾平臺里直接定購，抓住了學生的剛需。更甚者，學生在學院快遞點使用學校的微信平臺掃描二維碼，就可以領取屬于自己的快遞。相信日后肯定有更多基于微信的精品應用被開發出來！

劉宗凡：大步前進

雖然微信公眾平臺好處多多，但是事物總有兩面性，問題總是存在的。目前發現的為問題主要有以下幾點：

1.缺少精品的教育資源

目前微信缺少特別吸引人的教育資源，還處于藍海階段等待開發。而且大多數只面對本校學生開放。

2.監督機制尚不完善

在利用微信部署教育平臺的應用時，教師或學習平臺本身應該起到的監督作用可能不能很好地發揮，監督機制尚不完善。教師不能夠很好地通過微信對學習者的學習過程、學習內容、學習效果等進行監督，不能發揮其應有的監督作用，微信平臺本身也不能對學習者的學習起到檢查、監督的作用，如果學生不在意它給出的分數，也不能起到教育作用。這一問題使學習過程中應有的監督機制不能較好地發揮作用，學習者不能夠較好地根據實際情況調整自己的學習方法、學習內容和學習狀態，這在一定程度上阻礙了學習者更好地學習以及學習過程的發展與學習效果的實現。

3.網絡誘惑影響學習效果

在使用微信教育平臺時處于聯網狀態，對于某些自控能力較差的學生來說，他們可能會被各種因素干擾，影響學習。在微信教育平臺上缺少相應的監控措施，在一定程度上會影響學習者的正常學習。

但微信公眾平臺只是一個工具平臺而已，再精彩的內容還是需要經營者自己開發與創新的。和其他的平臺相比，微信公眾平臺更接地氣，用戶群體更廣。雖然前面舉了很多微信教育平臺的相關應用，但是就國內而言，微信教育平臺的開發還沒有規模化的標志性代表。因此，微信教育平臺的開發是一項很有價值的選擇。