微信小程序實時開發(fā)工具 WEPT 正式發(fā)布了

主要功能:
實時更新禽篱,支持 wxml wxss javascript json
更加穩(wěn)定寝志,不像官方工具經常出錯
沒有限制忘分,無需聯(lián)網爵川,無需后端配置 CORS 敷鸦,支持移動瀏覽器調試

實時刷新演示優(yōu)酷視頻地址: http://v.youku.com/v_show/id_XMTc1OTI0NTc0OA==.html
個人測試 Mac 和 win7 上可用,如遇到 bug 寝贡,歡迎 github 開 issue 扒披。
詳細介紹
WEPT 是一款微信小程序實時運行環(huán)境,相比于現(xiàn)在官方提供的開發(fā)者工具圃泡,它具備以下幾個特點:
完全實時:它已全面支持 wxml碟案, wxss,javscript 和 json 文件的自動熱更新颇蜡,文件保存后相應變化會自動更新到小程序的運行環(huán)境价说,開發(fā)者完全不需要重建、重啟操作风秤,絕大多數情況下(除非修改 app.json )也不需要刷新鳖目。因為沒有了刷新,開發(fā)者不用再費時去操作界面重現(xiàn)修改前的頁面狀態(tài)缤弦。整個過程支持多終端同步進行领迈。

更加穩(wěn)定: WEPT 的小程序構建過程相比官方工具要更加穩(wěn)定,不會像官方工具一樣經常性報錯 appservice not ready
甸鸟,甚至直接崩潰惦费,如果遇到后臺或者小程序構建錯誤兵迅,它會在頁面上即時給出錯誤提醒抢韭。如果你安裝了 growl或者 terminal-notifier,它還會同時在桌面上彈出錯誤提醒恍箭。

沒有限制: WEPT 生成的小程序頁面可以運行在移動端瀏覽器上面刻恭,使用過程也無需聯(lián)網。它通過一個定制的代理協(xié)議使用后臺轉發(fā) XHR 請求扯夭,開發(fā)者無需配置后端 CORS 即可調試鳍贾。

更多的 API: WEPT 除了支持全部官方已支持 API 之外,還實現(xiàn)了重力感應和羅盤的 API交洗,你可以在支持相應 html5 接口的移動端瀏覽器上進行調試骑科。

??實現(xiàn)原理??
詳細的實現(xiàn)方式請參考我之前發(fā)的文章:
微信小程序架構分析 (上)
微信小程序架構分析 (中)
微信小程序架構分析 (下)

簡單說它就是一個與后端通過 WebSocket 接口與前端進行實時通訊的 web 服務。后端服務請求時動態(tài)編譯所需文件构拳,前端通過 iframe 實現(xiàn)了 view 層咆爽、service 層以及控制層頁面的多方通訊和控制邏輯梁棠。
前端 view 層和 service 層代碼來自微信開發(fā)者工具最新版本(目前是 101100, 稍作修改以支持 iframe 通訊以及自動更新),控制層頁面是完全重新實現(xiàn)的斗埂,使用了一點 React進行 UI 狀態(tài)同步符糊。
??安裝 & 使用 ??
首先你需要安裝 node,請確保版本大于 6.0呛凶,低版本有可能報錯男娄。
然后任意目錄運行:
npm install -g wept
安裝完成后在項目根目錄下運行, 官方 demo 下載
wept
即可開啟服務,訪問 http://localhost:3000
開始調試(推薦使用 Chrome developer devtools 開啟啟動模式調試)漾稀,你也可以通過 -p
參數換個端口模闲,例如:
wept -p 4000
手機訪問記得使用電腦的局域網 IP 地址。
??API 支持情況 ??
以下是當前所有小程序 API 的支持情況:
? app.json window 設置
? app.json tabbar 設置
? 微信登錄:目前返回同官方工具無 appid 狀態(tài)一致崭捍,為模擬返回
? 獲取用戶信息接口:返回測試用數據
? 發(fā)起支付:同官方工具無 appid 狀態(tài)围橡,無法使用
? 設置界面標題
? 標題欄加載動畫
? 頁面跳轉
? 下拉刷新
? 創(chuàng)建動畫
? 創(chuàng)建 Canvas 繪畫
? 獲取手機網絡狀態(tài):默認返回 WIFI

? 獲取手機系統(tǒng)信息:同官方工具,返回為模擬返回
? 監(jiān)聽重力感應數據:支持 Safari mobile 等移動瀏覽器調試缕贡,官方工具(101100)不支持
? 監(jiān)聽羅盤數據:支持 Safari mobile 等移動瀏覽器調試翁授,官方工具(101100)不支持
? request 請求接口
? websocket 接口
? 上傳、下載文件
? 保存文件
? 選擇/預覽圖片
? 選擇視頻
? 錄音 API
? 音頻播放控制
? 背景音樂控制
? 獲取當前位置
? 使用原生地圖查看位置
? storage 同步 API
? storage 異步 API

Hello小程序將與您共同成長晾咪。微信號:130870319 QQ群:40726600

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末收擦,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子谍倦,更是在濱河造成了極大的恐慌塞赂,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,941評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件昼蛀,死亡現(xiàn)場離奇詭異宴猾,居然都是意外死亡,警方通過查閱死者的電腦和手機叼旋,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,397評論 3 395
  • 文/潘曉璐 我一進店門仇哆,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人夫植,你說我怎么就攤上這事讹剔。” “怎么了详民?”我有些...
    開封第一講書人閱讀 165,345評論 0 356
  • 文/不壞的土叔 我叫張陵延欠,是天一觀的道長。 經常有香客問我沈跨,道長由捎,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,851評論 1 295
  • 正文 為了忘掉前任饿凛,我火速辦了婚禮狞玛,結果婚禮上邻奠,老公的妹妹穿的比我還像新娘。我一直安慰自己为居,他們只是感情好碌宴,可當我...
    茶點故事閱讀 67,868評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著蒙畴,像睡著了一般贰镣。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上膳凝,一...
    開封第一講書人閱讀 51,688評論 1 305
  • 那天碑隆,我揣著相機與錄音,去河邊找鬼蹬音。 笑死上煤,一個胖子當著我的面吹牛,可吹牛的內容都是我干的著淆。 我是一名探鬼主播劫狠,決...
    沈念sama閱讀 40,414評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼永部!你這毒婦竟也來了独泞?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,319評論 0 276
  • 序言:老撾萬榮一對情侶失蹤苔埋,失蹤者是張志新(化名)和其女友劉穎懦砂,沒想到半個月后,有當地人在樹林里發(fā)現(xiàn)了一具尸體组橄,經...
    沈念sama閱讀 45,775評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡荞膘,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,945評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了玉工。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片羽资。...
    茶點故事閱讀 40,096評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖瓮栗,靈堂內的尸體忽然破棺而出削罩,到底是詐尸還是另有隱情,我是刑警寧澤费奸,帶...
    沈念sama閱讀 35,789評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站进陡,受9級特大地震影響愿阐,放射性物質發(fā)生泄漏。R本人自食惡果不足惜趾疚,卻給世界環(huán)境...
    茶點故事閱讀 41,437評論 3 331
  • 文/蒙蒙 一缨历、第九天 我趴在偏房一處隱蔽的房頂上張望以蕴。 院中可真熱鬧,春花似錦辛孵、人聲如沸丛肮。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,993評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽宝与。三九已至,卻和暖如春冶匹,著一層夾襖步出監(jiān)牢的瞬間习劫,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,107評論 1 271
  • 我被黑心中介騙來泰國打工嚼隘, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留诽里,地道東北人。 一個月前我還...
    沈念sama閱讀 48,308評論 3 372
  • 正文 我出身青樓飞蛹,卻偏偏與公主長得像谤狡,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子卧檐,可洞房花燭夜當晚...
    茶點故事閱讀 45,037評論 2 355

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,167評論 25 707
  • Spring Cloud為開發(fā)人員提供了快速構建分布式系統(tǒng)中一些常見模式的工具(例如配置管理豌汇,服務發(fā)現(xiàn),斷路器泄隔,智...
    卡卡羅2017閱讀 134,659評論 18 139
  • 發(fā)現(xiàn) 關注 消息 iOS 第三方庫拒贱、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,105評論 4 62
  • 前文說了生病的事佛嬉,最近持續(xù)的咳嗽逻澳,跟難受,每天都在吃藥暖呕,睡覺斜做,嗓子疼,飯吃不進去湾揽,今天下了大雪蛉迹,哈爾濱附近高速上發(fā)...
    Albert陳凱閱讀 223評論 1 0
  • 因為豺狼也是在學習階段, 可能會有一些紕漏, 還請各位看官無情指出, 如多少有些助益的話, 也請點個紅心, 非常感...
    赤脊山的豺狼人閱讀 1,543評論 6 27