WEPT:微信小程序實時開發環境

Wept (Wechat app page development tool)

WEPT 是一個微信小程序實時開發環境,它的目標是為小程序開發提供高效、穩定、友好、無限制的運行環境。

項目后臺使用 node 提供服務完全動態生成小程序,前端實現了 view 層、service 層和控制層之間的相關通訊邏輯。

項目已支持所有小程序 API (部分為模擬實現),已測試可在 Mac 和 Win7 上正常使用。

詳細原理介紹參考:

主要特性

  • 支持 wxml, wxss, javascript 和頁面 json 自動熱更新(不刷新頁面)

  • 使用系統 notification 更早的提示構建和請求錯誤

  • 使用后臺轉發 XMLHttpRequest 請求,無需配置 CORS

  • 沒有官方工具構建時莫名奇妙的 bug

  • Mac 上啟動后執行 apple script 打開 Chrome 到當前頁面

  • 可使用 Chrome 移動頁面調試,可在移動端體驗

  • 無需網絡連接

安裝 & 使用方法

下載安裝 nodejs , 請確保 node 版本 > 6.0 , 執行:

npm install wept -g

到小程序項目根目錄下執行命令:

wept

使用 Chrome 訪問 http://localhost:3000 打開開發者工具后啟用移動頁面調試模式(Mac 下快捷鍵為 ? ? M )

使用 wept -h 命令查看更多選項

API 接口實現狀態

WEPT 會盡最大努力兼容小程序所有接口,如果你發現哪個接口有問題,請提issue

  • ? app.json window 設置

  • ? app.json tabbar 設置

  • ? 頁面針對 window 的 json 設置

  • ? 微信登錄:目前返回同官方工具無 appid 狀態一致,為模擬返回

  • ? 獲取用戶信息接口:返回測試用數據

  • ? 發起支付:沒做任何判定的模擬接口

  • ? 設置界面標題

  • ? 標題欄加載動畫

  • ? 頁面跳轉

  • ? 下拉刷新 onPullDownRefresh & stopPullDownRefresh

  • ? 創建動畫

  • ? 創建 Canvas 繪畫

  • ? 獲取手機網絡狀態:默認返回 WIFI

  • ? 獲取手機系統信息:同官方工具,返回為模擬返回

  • ? 監聽重力感應數據:支持 Safari mobile 等移動瀏覽器調試

  • ? 監聽羅盤數據:支持 Safari mobile 等移動瀏覽器調試

  • ? request 請求接口

  • ? websocket 接口

  • ? 上傳、下載文件:臨時文件路徑為 blob url,可以傳給下載和預覽接口

  • ? 保存文件

  • ? 選擇/預覽圖片

  • ? 選擇視頻

  • ? 錄音 API

  • ? 音頻播放控制

  • ? 背景音樂控制

  • ? 獲取當前位置

  • ? 使用原生地圖查看位置

  • ? storage 同步 API

  • ? storage 異步 API

TODO

  • wxml,storage,appData 面板支持

 

 

 本文由用戶 Rox66C 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!