實現微信小程式開發者工具初體驗的技術初探(圖)

黄舟
發布: 2017-05-07 13:29:54
原創
2697 人瀏覽過

微信小程序是當前的熱點,市面上已經有很多微信小程序開發相關的文章,今天晚上抽了點時間折騰了微信小程序,並順便看看了下微信小程序開發者工具的實現,是使用Node.js開發的,UI是基於NW.js框架開發的,支援Windows和Mac跨平台。

微信小程式開發工具初步體驗

首先當然是先下載個微信小程式開發工具,微信Web開發者工具下載地址, 然後順便找了個感覺還可以的小程式原始碼微信中的知乎--微信小程式demo。目前支援Win32,Win64,Mac版本。
然後下載或git clone上面提到的Demo程式碼,打開安裝好的微信開發者工具,用微信掃二維碼登錄,選擇本地小程式專案- > 新增項目,導入項目,AppID可以不填,功能會受限。本來我還以為一定有微信小程式開發者帳號才能用呢?微信小程式開發者帳號的開通門檻還是比較高的,必須是企業帳號,還需要用對公帳號轉帳驗證通過。現在看來只是功能受限。如下圖

實現微信小程式開發者工具初體驗的技術初探(圖)

小程式偵錯

可以看到微信Web開發者工具主要有帳戶,編輯,調試,項目,刷新,編譯,後台,緩存等幾個功能,功能還是比較有限的,調試功能主要是整合了Chrome Web開發者工具。

微信Web開發者工具是如何實現的

使用node.js和NW.js框架開發的,UI是基於NW.js框架開發的,支援Windows和Mac跨平台。這是很現實的技術選擇,小程式的整個技術堆疊是基於H5的,雖然在UI框架層面自己實作了一套,但基礎的js,css語法大部分還是支援的,因此開發者工具用node. js實作也是很正常的,現在我只是奇怪為什麼微信沒有選擇用Atom Shell呢?就像Facebook的nuclide IDE那樣,基於Atom編輯做個IDE?

以上是實現微信小程式開發者工具初體驗的技術初探(圖)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板