基于微信服務號的個性化社交平臺設計與實現

王家亮

摘 要： 文章探討了個性化社交平臺的微信服務號開發，研究了微信對話和授權網頁兩大互聯業務。巧用陀螺儀、定位、語音等硬件和第三方接口輔助創新，另引入新舊平臺對接機制，為公眾號營銷提供實用策略。平臺使用JQuery核心框架、服務器端PHP語言搭配MYSQL數據庫實現，具有開發效率高、穩定性好、高擴展性等特性。

關鍵詞： 微信服務號； 社交應用； 設備API； 平臺對接； 營銷策略

中圖分類號：TP311 文獻標志碼：A 文章編號：1006-8228（2017）06-43-04

Design and implementation of personalized social platform based on WeChat

Wang Jialiang

（Tongda College of Nanjing University of Posts & Telecommunications， Yangzhou， Jiangsu 225127， China）

Abstract： This paper mainly discusses the development of the WeChat platform of personalized social applications， and studies interconnected services on WeChat dialogue and authorized web pages. To support its innovation， the gyroscope， geolocation， voice hardware and third party interface are used reasonably， at the same time， the introduction of docking mechanism between new and old platform provides the practical marketing strategy. The platform is realized by using the JQuery core framework， with PHP language and MYSQL database on server-side， and has the advantages of high efficiency， good stability and high expansibility.

Key words： WeChat； social application； device API； platform docking； marketing strategy

0 引言

如今，移動互聯網發展已經進入了全民時代，其應用數量增長迅猛，呈現出大量開發、快速發布、全民使用的態勢[1]。Web技術不斷發展及HTML5的誕生，為移動Web功能提供了更多的支持和可能性[2]。

此平臺集中實現的移動端網頁開發中特別引入了硬件接口，使操作更人性化，相對于PC端更具互動性。在此公眾號內，用戶可挑選最常用的個性化應用，配置出多樣的社交功能。同時，公眾號網頁授權的安全性和便捷性，使得傳統站點接入海量微信關注用戶成為可能，其活躍性和兼容性明顯增強。多平臺流動概念使其各向優勢特性得以顯現。

1 平臺功能與特色

根據微信公眾平臺技術文檔（下簡稱：官方文檔），公眾號主要是通過公眾號消息會話和內網頁來為用戶提供服務的[3]。可搜索：“領航未來工作室”服務號體驗實例。

個性化社交微信平臺（下簡稱：此平臺）中，主要考慮公眾號內網頁的設計與實現，將公眾號消息會話服務當作用戶分流、即時客服、告知消息等輔助應用導向，這也是由于其邏輯控制的相關特性導致的。而使用移動端內嵌網頁服務使得社交應用更為自如和輕便。平臺的相關功能模塊如圖1所示。

2 模塊功能描述

根據官方文檔，開發者可以通過個性化菜單接口，讓公眾號的不同用戶標簽成員看到不一樣的自定義菜單[3]。因此，可對具有不同權限的管理員和挑選不同個性化服務的普通用戶分類并創建個性化菜單。

2.1 公眾號消息會話模塊

此模塊是用戶關注公眾號后最先參與到的業務。其基本信息可在用戶活躍[4]時進行數據庫記錄覆蓋。除此之外，還可進行消息的主動推送被動回復、客服咨詢，網頁內業務產生的消息提示也可在此進行及時反饋。

⑴ 用戶數據采集。用戶對于公眾號的操作行為，可調用微信接口進行數據庫更新以服務于個性化業務。這也與接口調用上限頻率及突破限制的消息主動推送等詳細業務息息相關。

⑵ 用戶分流。均衡負載，并使用戶快速明確的獲取到幫助。可通過點擊菜單或消息詢問方式觸發該模塊，也可引入第三方聊天機器人以活躍公眾號。

⑶ 在線客服。最終服務于用戶分流，但也獨立于用戶分流。微信公眾平臺提供了客服平臺可供開發者直接部署實體客服。同時，在超級管理員的公眾號內網頁中配置客服管理的相關模塊。

⑷ 模板消息和客服消息。官方文檔對于公眾號主動推送消息方式有嚴格的限制，而模板消息僅適用于被審核通過的模板類型。針對活躍用戶，可引入客服消息機制，間接向用戶推送多種類型消息。可使消息會話和內網頁模塊互相聯動。

2.2 公眾號內網頁模塊

此模塊旨在為用戶提供授權的業務頁面，并結合移動端硬件接口加強體驗。認證的服務號以JS-SDK作為主要輔助開發工具包，以WeUI作為主要CSS展示核心。表現出同微信軟件一致的無縫視覺效果和功能，易于使用且大大降低開發和設計成本[3]。

值得注意的是，雖然存在Openid以保證用戶身份識別的惟一性，但為擴大和對接舊業務，我們提出必須進行PC網頁賬號注冊和綁定，才可使用網頁服務。這并不難，因為使用二維碼生成等接口能快速開發出用于平臺對接的相關業務。

⑴ 頁面授權及業務區分。管理員和普通用戶兩類群體必須通過OAuth2.0鑒權并進行Session設置，且在消息會話中以文本鏈接形式跳轉到該域名下的頁面也享有授權。結束所有網頁業務后，注銷授權。

⑵ 個人中心。可對頭像圖庫（搭配人臉識別及機器學習）、定位隱私、收貨管理、積分業務等用戶個性化信息進行采集和設置。其基于語音接口技術的語音簽名是一大特性。

⑶ 附近的人。使用Web API訪問手機陀螺儀硬件，對0-360?水平面進行8個方向的分割。根據定位，用戶將設備指向的地理方向即為真實附近用戶的由近及遠展示，查找不同方向的附近的人。對感興趣的用戶進行關系識別，以增強用戶間互動。

⑷ 朋友。提供朋友的增刪，基于二維碼和定位技術的約會打卡及其他第三方互動服務入口。由于朋友之間存在有雙向和單向兩大可細分關系，對他們進行分類以延伸到今后各類具體業務中。

⑸ 動態及公布。動態發布瀏覽及點贊回復使得互動分享更為活躍。基于地理定位的求助信息發布，使幫助者授權獲取實時定位進行現場援助并獲利。消息公布對應于管理員模塊中的發布模塊。

⑹ 對接PC購物網站。平臺老用戶數量瓶頸的處理方案。老平臺吸收微信用戶，同時幫助新平臺擴展業務。此模塊以PC購物網站對接為例，提供一致的權限，可進行商品選取、購物車和訂單管理等等服務。

⑺ 管理員模塊綜述。有管理員權限的關注用戶，可對普通用戶進行管理、公告發布、客服對接等操作。考慮到接口調用頻率的限制，性能設置被列入其中。

3 部分核心模塊具體實施方案舉例

3.1 基于陀螺儀硬件的“附近的人”實例

有關基于地理坐標的應用，在互聯網移動社交軟件中已經被廣泛使用到。本項目的創新點在于：讓“附近的人”實例展現時，結合設備方向變得更為生動。

獲取用戶定位。有以下常用解決方案：①進行公眾號消息會話時獲取；②使用JS-SDK提供的getLocation；③用戶設備所屬IP等模糊方法獲取。盡管室內和室外定位的原理不同，但在此我們僅僅要求做到將經緯度地址規范到同一個坐標系統中。我們選用騰訊坐標系統，以方便后續通過openLocation接口查看定位示意圖。

獲取設備方位。通過Web API中的DeviceOrientation接口可獲取到手機陀螺儀提供的3個物理旋轉的信息，其中alpha值（安卓系統為webkitCompassHeading值），即為所需要的Z軸旋轉角度，以0-360之間的整型表示，見圖2示意圖。但在實際測試中筆者發現，市場主流的安卓和IOS系統顯示出不一致的基準數值。對此我們用簡單的JS代碼將其矯正，并將最終數值附加以“四面八方”的文字形式（北、東北、東....）描述給用戶。實例中，方位數值的獲取代碼必須寫入到“window.addEventListener（"deviceorientation"，function（event） {......}， true）；”之中才可保證方位數據的實時精準獲取。

以AJAX方式執行獲取附近的人程序。對現有的獲取附近的人的方式有以下幾種：“①基于MySQL數據庫；②采用GeoHash索引，基于MySQL；③MySQL空間存儲...”[5]。盡管MYSQL數據庫在高版本中已有成熟的空間索引存儲，或采用②方法將二維的點數據轉換成一維的數據，再進行B樹索引。

本例中，我們仍采用①方法作為普適方法演示，但這并不能被應用到大業務中。因此我們對搜索范圍和匹配記錄條數做限制，且用戶都可對其進行設置以提升性能。首先使用以下類型的查詢語句進行一定距離內所有方向的記錄攬獲：

mysql_query（"SELECT * FROM 表名 WHERE 限制經緯

度范圍 order by 根據經緯度計算兩者距離 asc"）；

計算附近的人與本人方位（需要用到專門的函數），最終與設備指向方位比對，篩選并返回顯示。一并傳回的還有附近人的基本信息以用作互動。

用戶點擊附近的人，立刻檢索用戶與其關系，并返回互動菜單。結合活躍用戶消息或模板消息發送機制增強互動。

特別的，添加成為朋友后，用戶可使用基于二維碼和定位技術的約會打卡功能記錄互動的點點滴滴，大量事實數據背后，以圖表方式展現用戶個性化使用經歷。

3.2 基于語音技術的一些實例

以下實例使用第三方語音接口技術（如：百度語音合成接口等）輔助完成。

⑴ 用戶關注服務號，語音合成個性化打招呼語音消息

用戶關注后，開發者可回復文本、語音、音樂等類型的消息。在此，我們使用官方文檔中的獲取用戶基本信息接口得到用戶的昵稱及所在國家省市信息，結合固定招呼語進行合成。筆者必須指出一個小細節：個別用戶會使用Emoji表情，那么如何在數據庫中存儲及語音播報將是需要思考的一項任務。

⑵ 個人中心“語音簽名”

JS-SDK中提供了錄音、播放、上傳、下載語音等接口。本例中使用上述接口完成語音簽名錄制上傳及下載播放工作。但通過官方文檔了解到，上傳的語音獲取到的Media_id為臨時素材類型，有效期僅為3天。筆者曾嘗試將其“轉化”為永久素材以使其保持有效，最終得知JS-SDK中的下載語音接口僅適合臨時語音素材。那么此模塊最重要的問題，就是如何對臨時素材進行“續期”以“保鮮”。

解決思路如下（封裝成類）：

① 用戶上傳語音后，將臨時Media_id及創建時間等信息寫入數據庫；

② 使用官方文檔接口，下載素材到服務器；

③ 當調用素材時，先查詢數據庫記錄，記錄不存在直接提醒用戶錄制新的一段。存在情況下檢驗是否過期，未過期則直接調回Media_id，否則，將服務器中預存的素材上傳并調回新的臨時素材Media_id覆蓋記錄。最終使用語音下載接口獲取。

⑶ 更多思考

使用科大訊飛的聲紋識別技術，可做出輔助授權登錄等功能。其關鍵在于嚴格執行第三方接口技術文檔的要求。

3.3 營銷概念植入社交應用的思考

“人們在虛擬的網絡世界里建立起來的關系可以迅速得到擴散。對于企業來講，這無疑會成為新的市場營銷機會與挑戰”[6]。在社交應用中，用戶的互動行為可能會產生利益關系，且個性化產品信息推薦也是基于微信平臺的一項營銷策略。

對此，筆者提出兩個思路：①流量經濟。以平臺中的求助發布模塊為實例，平臺可從用戶間求助互動中抽取一定比例的業務費。②老平臺對接。上述的對接PC購物網站模塊，用以模擬在營銷目的下微信平臺提供的大量用戶基礎接入舊平臺進行盈利擴展的解決方案。

無論以何種形式植入，盡可能的使用大數據分析能個性化的提出適合的解決方案，才能留住平臺用戶。

4 結束語

此平臺為用戶提供如交友、遠程求助、周邊購物等一站式個性化社交服務選擇。并將不同權限的成員置于同一平臺，使其運作和管理看起來更“輕”，更友好。

但要用計算機語言實現這些功能并保證其穩定性并非易事，這主要體現在移動設備系統的多樣性、微信版本的兼容性和官方文檔下認證服務號的開發接口（包括第三方）調用頻率的限制性等等方面。

盡管如此，得益于網頁語言開發的成熟性，此平臺仍具有開發效率高、性能穩定的特點，輔助以硬件API使其創新性體驗得到提升，多平臺對接營銷策略令平臺商用價值也得以凸顯。

參考文獻（References）：

[1] 劉揚.移動Web App：未來發展更需要抓住的新趨勢[J].中國

傳媒科技，2015.7：58-60

[2] 覃鳳萍.基于HTML5的Web移動應用開發研究[J].信息與

電腦（理論版），2016.7：63-64

[3] 深圳騰訊公司.微信公眾平臺技術文檔[EB/OL]. https：//

mp.weixin.qq.com/wiki.

[4] 方倍工作室.微信無限定時群發系統[EB/OL].

http：//www.cnblogs.com/txw1958/p/project-masssend.html.

[5] easyhappy.基于地址位置，查詢附近的人，解決方案及性能分

析[EB/OL].http：//ruby-china.org/topics/22059.

[6] 韓永麗.國內社交媒體營銷現狀及發展趨勢研究[D].河南大

學碩士學位論文，2014.