WeTouch

我們花了3年時間細細打磨它,攻克了上百難題

為的就是讓開發者最快幾天就做出效果精美、體驗流暢的APP

WeTouch是移動應用一站式快速開發解決方案,由移動基礎框架、UI組件庫、場景模板、IDE集成開發環境、移動端API接口、前后端交互技術等組成,底層基于vue.js構建。使用它,你可以完全不需要學習繁雜深奧的移動開發技術,只要會基本的前端知識就能最快2-3天做出精美流暢的APP來。

一張圖看懂WeTouch

框架

為了讓開發者便捷的進行移動開發,WeTouch基于vue.js構建了一套基礎的移動框架。 除了保留了vue.js所有的優秀特性,我們還根據移動端特性做了大量的擴充和優化。 例如抹平移動端瀏覽器、Android端和 IOS端的渲染差別,封裝了移動端事件,編譯和輸出的優化等等。

查看更多優化內容...

通過WeTouch的基礎移動框架達到以下成果:

便捷的開發方式 使用WeTouch做的移動應用效果精美 App端體驗順滑流暢 Web端可以達到頁面秒開 一套代碼可以運行在web、安卓、IOS、微信4種平臺

組件

WeTouch提供了上百種基礎組件和詳細的示例給開發者,開發者可以像搭積木一樣, 組合各種組件拼合成自己的移動應用程序。

例如,你需要在界面上顯示地圖,你只需要這樣寫即可: 使用WeTouch的組件,無需引入資源或聲明組件,直接使用標簽即可。在工程編譯輸出時, WeTouch編譯器會根據這個頁面使用的組件情況進行資源的自動按需加載。 使用組件的時候,還可以通過屬性傳遞值給組件,讓組件可以以不同的狀態去展現,
例如,我們希望地圖一開始的中心的經緯度是北京,添加兩個屬性:
組件的內部行為也會通過事件的形式讓開發者可以感知,例如用戶點擊了地圖上的某個標記,
可以在 js 編寫 markertap 函數來處理:
還可以通過 style 或者 class 來控制組件的外層樣式,以便適應你的界面寬度高度等等。

API

為了讓開發者可以很方便的調起App的能力,例如掃碼、錄音、拍照等等, WeTouch提供了豐富的 API 給開發者去使用。主流App能做到的,使用WeTouch提供的API同樣能做到,而且API的用法簡潔易用。例如:

調用掃一掃功能,只需要: 調用錄音能力,只需要:

工具

WeTouch的開發工具是VSCode插件的形式。VSCode是微軟推出的功能強大的編輯器,有著非常好的使用體驗。 我們把WeTouch框架、組件和工程化開發所涉及的構建編譯、真機運行、云端打包等全部封裝到VSCode插件中,簡化了環境配置并降低入門門檻。 而且開發者通過在線升級插件的方式就可以更新WeTouch,非常方便。

WeTouch的開發工具有Windows和Mac兩個版本,主要功能: 創建基礎工程和WeTouch頁面、 啟動和停止開發服務、 開始和停止編譯服務、 Android和IOS的真機預覽、 導出web應用、 云端打包Android和IOS端App。

開發

WeTouch入門簡單,開發方式便捷高效。下面這個4分鐘快速視頻演示了如何在2個小時內搭建整個美團App主要結構、制作出首屏界面并發布為App和webApp應用。

帶上耳機,點開視頻開始飆車吧!

在線咨詢
返回頂部
中国福彩网开奖