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 面板支持