8月30日晚，微信小程序又迎來了新的更新。透過這次更新，可以看出微信官方要把小程序的開發工具視為一個產品了。那些試圖開發類似工具的，基本上可以省省心了。從這次更新可以看出，微信一方面是降低開發門檻，另一方面當然就是大力扶持第三方。

畢竟，有了金鋼鉆，才能攬瓷器活，是不？

小程序開發工具

全新的版本號

前一天，我們使用的小程序開發工具的版本還是：0.22.202200，當下最新版本號一下子跳到了：1.00.170830。

看來官方認為這是一個可以見人的版本了，總算可以用「1」打頭了，立起來了。

雖然本次開發工具有了比較大的更新，但開發整體布局還是「左中右」的方式。開發習慣也沿襲了之前的方式。

騰訊云集成更多的底層方案

在后端，經過本次升級，小程序開發工具自動集成了自家的騰訊云服務，服務端使用Node.js的方案。關于這一點，各花入各眼，對Node.js熟悉的小伙伴可以試一試。

造程序使用的是Java服務端的開源方案：https://github.com/lihuadong/xiaochengxu4j，感興趣的同學可以參考，后面會陸續把相關代碼釋放出來。

使用騰訊云的好處，就是所有的底層方案已經幫你集成好了，包括了WebServer、數據庫、文件存儲、負載均衡、CDN。

云測試系統可以模擬真機測試環境并生成報告！

為了方便開發者檢測小程序程序缺陷、評估小程序產品質量，這次升級，微信提供了免費的云真機測試環境以及一整套測試方案。

在小程序交付到真實用戶手中使用之前，你可以將小程序分發到云平臺以模擬用戶使用的方式進行測試，執行完畢后自動生成測試報告。

根據作者親測，報告的反饋速度非?？?，上午申請，下午就收到了報告。

圖1 云測試報告生成界面

云測試的內容包括：缺陷發現、性能數據分析、機型覆蓋等。

看到這個更新，小程序開發者肯定別提多高興了。要知道，之前使用市面上的測試解決方案是要費不少銀子的，這點上對微信小程序真的太寵愛了。

同樣的測試方案換到別家平臺都是需要真金白銀的。

小程序管理后臺

數據統計工具支持「性能指標」查詢

之前，小程序提供了數據統計工具，使開發者可以對小程序的流量進行精細化的管理?，F在數據統計工具還支持對「性能指標」的查詢，開發者可以查看到小程序接口調用的性能分析。

舉個例子，像「玩社群」和「給贊」這樣的爆款小程序，在使用這個功能之后，就能及時地發現接口的響應情況，根據接口的調用情況再實時地調整后臺的負載——添加服務器或提高數據庫的性能。

當然，如果是基于云平臺的話，只要架構合理，就能實時的擴展后臺響應能力。

小程序運行錯誤查詢界面

灰度發布功能上線

這是一個神奇的新功能?！富叶劝l布」作為App時代較為成熟的技術之一，對于小程序來說卻是一個相對陌生的詞匯。

因為微信巨大的流量基礎，很多產品在一夜之間就爆火起來，對于很多團隊來說都是巨大的考驗。功能考慮不周全的，或是服務端承接不了的，都會喪失大量用戶。

有了「灰度發布」功能，開發者可以給產品一個修復的緩沖期。這點上可以說是微信把自己的產品經驗給貢獻出來了。也就是說，「灰度發布」允許開發者每次上線新功能的時候，可以根據用戶比例一點點的釋放，直到15天之后再全量開啟。

作者的團隊最近在開發的「懶人小程序」，第一個版本需要全量發布，后面的迭代版本就可以先給5%的用戶使用。收集到一些反饋意見之后，可以及時地調整產品功能或修復bug，后臺接口調用的壓力的情況也能通過真實的流量基礎反映出來。

與這種方式類似的還有一種方式——AB測試。也是新版本先發布給一半用戶，通過觀察可以看到哪種方式的數據比較好，然后再定最后的方案。

全新WXS腳本語言

做Web前端的小伙伴可能都比較熟悉像PHP、JSP、ASP.net等擁有前端腳本的語言。對于一些簡單的操作來說，在前端就可以完成了。

這次微信發布了WXS腳本語言。WXS（WeiXin Script）是小程序的一套腳本語言，結合 WXML，可以構建出頁面的結構。之前所有的頁面數據需要綁定之后才能顯示，現在在頁面上就可以直接定義操作。

比如在頁面上輸出：hello world。

之前是這樣的：

/**

經過定義、綁定才能在頁面上顯示，而且代碼都只能寫js文件中。而現在，既可以寫在wxml文件中，還可以寫在單獨的wxs文件中。

除了數據的定義，還能在頁面中定義函數，進行運算操作。

來看看現在的實現方式：

<wxs module="greeting">var msg = "hello world"; module.exports.message = msg;wxs><view> {{greeting.message}} view>還有一個大師兄很喜歡的模塊。這樣很多功能就能復用<wxs module="findMax">var getMax = function(array) { var max = undefined; for (var i = 0; i < array.length; ++i) { max = max === undefined ? array[i] : (max >= array[i] ? max : array[i]); } return max; } module.exports.getMax = getMax;wxs><view> {{findMax.getMax(array)}} view>

從上面代碼可以看出，理論上，編程語言需要涵蓋的內容，例如：變量定義、運算符、三大結構（順序、選擇、循環）、函數（模版），以及函數庫基本上是引入全套ESS（雖然現在還很弱?。猈XS現在都全了。

最后，本次釋放的大招比較多，作者也還沒有完全消化，后續的文章中，再一一給大家說明。