uniapp入門和實踐
一、什么是uniapp
uni-app 是一個使用 Vue.js 開發(fā)所有前端應用的框架枢里，開發(fā)者編寫一套代碼孽鸡，可發(fā)布到iOS、Android栏豺、Web（響應式）彬碱、以及各種小程序（微信/支付寶/百度/頭條/飛書/QQ/快手/釘釘/淘寶）、快應用等多個平臺奥洼。
二巷疼、為什么要選擇uniapp
uni-app在開發(fā)者數量、案例灵奖、跨端抹平度嚼沿、擴展靈活性、性能體驗瓷患、周邊生態(tài)骡尽、學習成本、開發(fā)成本等8大關鍵指標上擁有更強的優(yōu)勢
微信截圖_20230517102324.png
- 1擅编，同一套代碼可以編譯運行多端（小程序爆阶，安卓，ios沙咏，web等）
- 2辨图，節(jié)省人力和維護成本
- 3，接近原生肢藐，體驗效果更好
- 4故河，開發(fā)效率高，開發(fā)時間更短
- 5吆豹，學習成本比較低（3-15天即可入門）
- 6鱼的，社區(qū)活躍理盆，版本迭代快，有問題更容易在社區(qū)解決
三凑阶、生成本地打包App
一猿规、APP相關配置
image.png
二、導出Uniapp打包代碼
選中所在項目宙橱，發(fā)行--->原生App-本地打包---->生成本地打包App資源
image.png
打包項目所在目錄
image.png
三姨俩、開發(fā)環(huán)境配置
image.png
官網App離線打包：https://nativesupport.dcloud.net.cn/AppDocs/usesdk/android.html
四、導入離線sdk提供的示例Android工程
image.png
五师郑、配置包名和簽名證書
image.png
image.png
注意：證書在為了在后面打包环葵，我是采用的寫在代碼中方式，Android平臺簽名證書(.keystore)生成指南
https://ask.dcloud.net.cn/article/35777
五宝冕、把第二步Hbuilderx 打包的AppID組成的文件名導入
image.png
打開assets下的data文件夾下的dcloud_control.xml 這里要與AppID保持一致
image.png
六张遭、配置appkey
Android的AndroidManifest.xml
image.png
3.1.10版本起需要申請Appkey，具體請點擊鏈接
image.png
七地梨、打包Apk
image.png
image.png
image.png
以上是uniapp和安卓生成本地打包App資源的所有內容
官網的本地打包app資源指南
https://nativesupport.dcloud.net.cn/AppDocs/usesdk/android.html#
