uni-app詳解
一、介紹
uni-app 是一個使用 Vue.js(opens new window)開發所有前端應用的架構，開發者編寫一套代碼，可釋出到iOS、Android、Web（響應式）、以及各種小程式（微信/支付寶/百度/頭條/飛書/QQ/快手/釘釘/淘寶）、快應用等多個平台。
uni-app底層內建了native技術，就是h5+引擎，能調用手機原生api，是以uniapp能開發接近原生性能的app，這是js引擎部分；它是雙引擎，渲染又是獨立一個獨立引擎。這個渲染引擎又分為nvue渲染和webview渲染，nvue其實就是內建的weex，webview這個有了解的應該知道它的核心是webkit。
二、uni-app和vue的差別：
- uni-app可以通過打包實作一套代碼多端運作，而vue不行。
- uni-app有自動的架構預載，加載頁面的速度更快，vue沒有。
- uniapp使用小程式的标簽，vue使用web端的标簽。
- uni不支援vue-router，使用自帶的路由。
三、uni-app優點：
- uni-app是一套可以适用多端的開源架構，一套代碼可以同時生成ios，Android，H5，微信小程式，支付寶小程式，百度小程式等。
- uni-app對前端開發人員比較友好，學習成本比較低，首先uni-app是基于vue.js的。其次封裝的元件和微信小程式的元件一樣。
- uni-app使用HBX進行開發，HBX對于vue文法等支援可以說是比較完備了。
以下内容分别使用Vue CLI 和 雲開發平台教您從頭開始建構自己的應用。
Vue-CLI 快速搭建項目
一、搭建本地開發環境
- Vue CLI 4.x 需要Node.js 8.9 或更高版本（推薦v10+）。您可以使用n、nvm或nvm-windows 在同一台機器上管理多個版本的Node。 要了解如何安裝 Node.js，參閱nodejs.org。 如果你不确定系統中正在運作的 Node.js 版本是什麼，請在終端視窗中運作node -v。
- npm 包管理器 因為我們通常都會使用Hexo 提供的腳手架搭建項目結構，是以要下載下傳并安裝 npm 包。本指南使用 npm 用戶端指令行界面，該界面預設安裝在 Node.js。要檢查你是否安裝了 npm 用戶端，請在終端視窗中運作 npm -v 。
-
你可以使用 Vue CLI 來建立項目，生成應用和庫代碼，以及執行各種持續開發任務，比如測試、打包和部署。
要安裝新軟體包，請使用以下指令之一：
npm install -g @vue/cli@4
二、建立uni-app
- 使用正式版（對應HBuilderX最新正式版）
vue create -p dcloudio/uni-preset-vue my-project
- 使用alpha版（對應HBuilderX最新alpha版）
vue create -p dcloudio/uni-preset-vue#alpha my-alpha-project
- 使用Vue3/Vite版
1.建立以 javascript 開發的工程（如指令行建立失敗，請直接通路 gitee(opens new window)下載下傳模闆）
npx degit dcloudio/uni-preset-vue#vite my-vue3-project
2.建立以 typescript 開發的工程（如指令行建立失敗，請直接通路 gitee(opens new window)下載下傳模闆）
npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project
此時，會提示選擇項目模闆（使用Vue3/Vite版不會提示，目前隻支援建立預設模闆），初次體驗建議選擇 hello uni-app 項目模闆，如下所示：
三、啟動應用伺服器
進入工作區目錄，并啟動這個應用。
cd my-project
yarn serve
hexo server指令會建構本應用、啟動開發伺服器、監聽源檔案，并且當那些檔案發生變化時重新建構本應用，
也會打開浏覽器，并通路 http://localhost:8080/ 。
你會發現本應用正運作在浏覽器中。
參考文獻：https://uniapp.dcloud.io/
雲平台一鍵部署uni-app
作為uni-app開發者的你，雲開發平台為你提供了一站式，全雲端的開發平台，讓你可以打開浏覽器就完成開發，調試，上線，同時雲開發平台底層調用的是阿裡雲集團Serverless産品，可以實作低門檻開發，部署，調試，降低開發上手成本，讓uni-app架構可以一鍵快速部署！
一、建立環境
想要一鍵部署uni-app，需要以下賬号和服務：
- Github賬号 (https://github.com/)，
- 阿裡雲賬号，并使用阿裡雲賬号登入雲開發平台 (https://workbench.aliyun.com/)，為保證最好的使用體驗，請使用Chrome浏覽器。開通OSS服務。
- 未開通阿裡雲OSS的使用者，點選連結 (https://workbench.aliyun.com/product/open?code=oss)開通OSS服務。OSS開通免費，有一定的免費額度，超過額度之後按量付費。
二、建立uni-app應用
- 建立前端應用。打開快速開始 https://workbench.aliyun.com/app，找到uni-app點選建立「建立應用」按鈕。
- 雲資源通路授權。如果您之前沒有使用過雲開發平台，會出現雲資源授權管理的選項，往下拉出現直至同意授權的字樣，點選「同意授權」後出現授權成功，點選進入「下一步」。
- 綁定Github賬号。授權完成後選擇來源倉庫為Github，按照提示點選去綁定，綁定GitHub帳号，登入後并點選Authorize Aliyunworkben允許雲開發平台建構、釋出你的GitHub代碼為可通路的網站。
- 選擇fork好的“uni-app”代碼倉庫。選擇第一步中的代碼倉庫，主幹分支，并點選下一步。主幹分支一般指的是代碼的master或main等分支。
填寫基本資訊，完成建立。填寫基本資訊并點選「完成」。成功後進入到應用詳情和部署界面。
三、在日常環境部署
- 一鍵進行應用部署。在應用詳情頁面點選日常環境的「部署」按鈕進行一鍵部署，部署狀态變成綠色已部署以後可以點選通路部署網站檢視效果。
- 通路uni-app網站。日常環境的測試域名也是可以通路的，點選通路已部署網站按鈕會出現一個彈出，點選彈出上的立即通路就能夠通路已經部署好的站點了。在部署完成後，可以繼續本地編碼，并将代碼push到應用的“基本資訊”中對應的代碼倉庫内。