H5開發移動端APP基于H5

簡單方便，只需稍加修改就可以通過同時安裝iOS和Android打包一套代碼。

基于前端應用，技術棧成熟，數據完整。

有許多平臺和開發工具可供選擇，包括幾乎一站式的代碼編輯、調試和打包服務。基于H5的環境和原生底層的交互越來越多，很多功能界面和效果幾乎和原生一樣。

缺點：

相比原生，H5在開發APP的劣勢是有些場景完全暴露。比如一些動畫、手勢操作、異步任務處理等。以及一些用于訪問相冊的硬件和用于圖像處理的底層設備。這些地方都表現出明顯的不足。

開發工具架太多等等。如果一個不熟悉前端的新人過來，他幾乎不知道該怎么辦。

因此，H5開發非常適合一些業務邏輯簡單、操作不復雜的應用。對于一些重型應用，原生是主要的，H5也是一個很好的匹配。

開始

首先，開發工具和框架。我選擇了HBuilderX，一個功能強大且易于使用的前端開發工具。

mui_logo .巴布亞新幾內亞

集成各種插件工具，基于MUI和H5的強大操作，在線打包，一鍵生成iOS和安卓應用。文檔是完美的(剛開始還是會讓你感到困惑，就像參考手冊一樣，沒有一個完美的過程描述，所以要花一些時間去學習)。

在開發，的過程中，強大的Vue.js被用作列表的數據表示和事件綁定。值得一提的是，可能是因為我為數不多次接觸到這個框架，給了我一種震撼的感覺。數據綁定、事件處理、關聯太方便了。

部分圖片已經介紹了阿里巴巴字體，文檔官方很清楚如何介紹自定義字體。

大多數操作使用H5，一個強大的基礎庫。官方聲稱擁有超過500，000個API，幾乎涵蓋了本機操作的所有方面。

APP截圖效果

1.png效果圖

2.png效果圖

效果如何？和本地人一樣嗎？

目前很大一部分功能已經實現，還有進一步完善的時間。我會把改進后的代碼放到GitHub上，供大家參考。HBuilderX應用本地打包(安卓)

Ios:mui，HBuilderX，

我喜歡跨平臺運營，未來會在努力學習的同時繼續學習跨平臺技術棧原生。

對于非開發，本地人的前端合作伙伴來說，這樣的APP在開發也是不錯的選擇。