微信小程序的開發技巧

摘 要：隨著信息技術的高速發展，微信小程序自從2016年9月21日發布以來，越來越多的小程序、小游戲被開發出來，本文分析了微信小程序的開發技巧，包括微信小程序的實現、微信小程序開發流程、微信小程序開發的系統組織架構等等。為當前微信小程序開發的理論與實踐研究提供了一定的參考。

關鍵詞：微信小程序；開發技巧；實現；開發流程

1 概述

2016年9月21日，微信小程序正式開啟內測。在微信生態下，觸手可及、用完即走的微信小程序引起廣泛關注。用戶只需使用微信搜一搜或者掃一掃即可打開應用程序。它體現了“用完即走”的理念，用戶又不用擔心占據內存空間，更新安裝等問題，應用將無處不在、隨時可用。微信小程序采用自動版本同步，本地沒有或需更新的時候將程序文件下載到本地執行，由于程序文件很小，占用的網絡流量不大，所以可瞬間下載速度很快。因為代碼在本地，這就減輕了在執行中對網絡的依賴，執行效率高，用戶體驗好于以往的輕型移動應用。

微信小程序有它的一般設計原則.： 重點突出、流程明確、反饋及時、異常可控。在 UI 設計上強調便捷優雅、減少用戶的輸入，避免用戶的誤操作，使用統一穩定的設計風格。在視覺上有一系列的規范，比如字體的字號、顏色，表單、按鈕、圖標的視覺規范。

2 微信小程序開發基礎知識

小程序的開發需要先擁有一個小程序賬號和相應的App ID，注冊和認證都是在微信公眾平臺上進行的。認證是需要交納年費的，沒有認證的小程序在功能上會有一些限制。在開發之前需要獲取和保存小程序的App ID和APPSecret，并且設置服務器的域名。默認情況下小程序是開啟了消息推送功能的，也就意味著小程序可以向用戶推送消息來完善服務。

騰訊本身提供了開發小程序的開發工具，我們可以從騰訊的網站上下載該開發工具用于小程序的開發。首先在開發工具中創建一個“本地小程序項目”，填入我們的App ID，并為項目取個名字。項目創建之后在項目的根目錄下通常會有4個文件.：app.js、app.json、app.wxss 和project.config.json。其中，app.js 是小程序的腳本代碼文件，在該文件中監聽并處理有關的事件；app. json是對當前小程序的全局配置，可以指定小程序由哪些頁面組成，配置導航條樣式等。app. wxss 是小程序的全局樣式表，定義了在頁面組件中可以使用的各種公共樣式。project.config.json保存了你在開發項目時的個性化配置，其中會包括編輯器的顏色、代碼上傳時自動壓縮等等一系列選項。

在小程序中每個頁面都有一個獨立的文件夾，在該文件夾下會包含4個主文件名相同而擴展名不同的文件，它們分別是. wxml、.js、. wxss 和.json 文件。其中.wxml 文件用于設置頁面的結構，即頁面由哪些組件組成，主要用于設計界面的呈現，使用的是 WXML 標記語言，WXML 充當的是類似網頁設計中 HTML 的角色。.js 文件是個腳本文件，主要用于程序邏輯，在這個文件中通常調用微信提供的API來處理業務邏輯。.wxss是樣式表文件，相當于css樣式表文件，用于設置組件能使用的各種樣式。.json 文件是頁面的配置文件，這個文件中的配置項會隱藏全局樣式表中設置的樣式。

小程序提供了豐富的基礎組件和相應的API給開發者，開發者可以像搭積木一樣，組合各種組件拼合成自己的小程序。開發者可以很方便的調起微信提供的能力，例如獲取用戶信息、微信支付等等，小程序提供了很多 API 給開發者去使用。

3 微信小程序開發流程

在系統設計上將遵循先進性、實用性、安全性、可靠性、經濟性五大原則。首先需注冊微信小程序賬號，獲取微信小程序的App ID，其次下載官方發布的開發平臺web微信開發者工具，它集成了開發調試、編譯代碼及程序發布等功能，使開發人員更加高效的完成工作，下載完成后創建項目即可查看和編輯小程序代碼。在“調試”里即可測試并模擬小程序在移動端的展示效果。最終登錄微信公眾平臺官網發布小程序。小程序的開發過程節省了大量的人力、財力，縮短時間成本，更加快速高效的搭建小程序，大大滿足了企業的技術需求。

4 小程序頁面布局設計

應用界面布局是界面設計中非常重要的組成部分，作用是讓用戶清楚界面中的重點，選擇的內容是什么，以及各事物之間的關聯。移動UI界面布局應強調主要內容或功能，大型控件比小型控件更加吸引用戶眼球，更加容易被用戶點擊，這使他們在小程序應用中尤為有用，使用戶在滑動屏幕時更容易專注重要信息，實現準確定位。

5 微信小程序開發的系統組織架構

微信“小程序”的開發必須得有一個組織框架，這樣才能便捷的進行設計開發的工作，通常該程序是在 MINA 框架下進行的。MINA框架是一種在 Java 技術的基礎上運行的通信網絡應用系統，它不僅能夠根據用戶的功能需求進行線程模型的選擇，還可以開發更加高擴展性的網絡通信等，

對于MINA框架在應用中的復雜性而言，主要體現在系統框架中的幾個模塊當中，如，Lo Handler 主要的作用在于對客戶端傳輸進來的信息進行加工處理；Lo Service 作為程序的輸入口，主要用來負責線程的調用等；Lo Filter是一種比較常用的過濾裝置，比如有過濾壓縮、過濾黑名單、SSL加密及日志的記錄等功能，可以對發送給客戶的一些數據或者一些客戶的請求進行過濾。系統略顯復雜之外，也會存在一定的靈活性，例如在使用的過程中，開發者可以在某些需求之下靈活的制定各種編碼方式、日志記錄和加密算法等操作，這些操作可以在大多數用戶自身的需求中服務更多的應用場景。

6 未來展望

微信小程序作為輕型應用代表著今后移動互聯網應用的發展方向，這種輕型應用也會是未來移動互聯網應用的主要形式，它的特點是小而快，但它不會替代所有的獨立App，成為App的所謂終結者；小程序的出現使微信具有一些App Store的功能，可能會分流一下應用獲取方式，但它暫時不會替代App store。微信小程序目的主要還是解決小應用的問題，離開這個“小”字，會失去小程序的靈活、快捷的優勢，與其建立之初的去繁就簡、用完即走的理念背道而馳。從發展上來看，微信小程序應用空間大有可為，但是未來的發展很難準確預測，它有很長的路要走，任重道遠，它的優劣價值還需要時間的檢驗，人們將拭目以待。

參考文獻：

[1] 劉玉佳. 微信“小程序”開發的系統實現及前景分析[J]. 信息通信，2017（1）：260-261.

[2] 張劍明. 微信公眾平臺與小程序開發. 從零搭建整套系統[M]. 北京：人民郵電出版社，2017.

[3] 蘇震巍. 微信開發深度解析. 公眾號、小程序高效開發秘籍[M]. 北京：電子工業出版社，2017.

[4] 易偉. 微信小程序快速開發[M]. 北京：人民郵電出版社，2017.

[5] 劉紅衛. 微信小程序應用探析[J]. 無線互聯科技，2016（23）：11-12.

作者簡介：

王勁松，男，1998年10月，單位：西華大學，本科，研究方向.：自動控制原理，圖像處理。