uniapp入門和實(shí)踐

一、什么是uniapp

uni-app 是一個(gè)使用 Vue.js 開(kāi)發(fā)所有前端應(yīng)用的框架，開(kāi)發(fā)者編寫一套代碼，可發(fā)布到iOS、Android、Web（響應(yīng)式）、以及各種小程序（微信/支付寶/百度/頭條/飛書/QQ/快手/釘釘/淘寶）、快應(yīng)用等多個(gè)平臺(tái)。

二、為什么要選擇uniapp

uni-app在開(kāi)發(fā)者數(shù)量、案例、跨端抹平度、擴(kuò)展靈活性、性能體驗(yàn)、周邊生態(tài)、學(xué)習(xí)成本、開(kāi)發(fā)成本等8大關(guān)鍵指標(biāo)上擁有更強(qiáng)的優(yōu)勢(shì)

微信截圖_20230517102324.png

• 1，同一套代碼可以編譯運(yùn)行多端（小程序，安卓，ios，web等）
• 2，節(jié)省人力和維護(hù)成本
• 3，接近原生，體驗(yàn)效果更好
• 4，開(kāi)發(fā)效率高，開(kāi)發(fā)時(shí)間更短
• 5，學(xué)習(xí)成本比較低（3-15天即可入門）
• 6，社區(qū)活躍，版本迭代快，有問(wèn)題更容易在社區(qū)解決

三、生成本地打包App

一、APP相關(guān)配置

image.png

二、導(dǎo)出Uniapp打包代碼

選中所在項(xiàng)目，發(fā)行--->原生App-本地打包---->生成本地打包App資源

image.png

打包項(xiàng)目所在目錄

image.png

三、開(kāi)發(fā)環(huán)境配置

image.png

官網(wǎng)App離線打包：https://nativesupport.dcloud.net.cn/AppDocs/usesdk/android.html

四、導(dǎo)入離線sdk提供的示例Android工程

image.png

五、配置包名和簽名證書

image.png

image.png

注意：證書在為了在后面打包，我是采用的寫在代碼中方式，Android平臺(tái)簽名證書(.keystore)生成指南
https://ask.dcloud.net.cn/article/35777

五、把第二步Hbuilderx 打包的AppID組成的文件名導(dǎo)入

image.png

打開(kāi)assets下的data文件夾下的dcloud_control.xml 這里要與AppID保持一致

image.png

六、配置appkey

Android的AndroidManifest.xml

image.png

image.png

七、打包Apk

image.png

image.png

image.png

以上是uniapp和安卓生成本地打包App資源的所有內(nèi)容
官網(wǎng)的本地打包app資源指南
https://nativesupport.dcloud.net.cn/AppDocs/usesdk/android.html#