uniapp入门和实践

一、什么是uniapp

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。

二、为什么要选择uniapp

uni-app在开发者数量、案例、跨端抹平度、扩展灵活性、性能体验、周边生态、学习成本、开发成本等8大关键指标上拥有更强的优势

微信截图_20230517102324.png

• 1，同一套代码可以编译运行多端（小程序，安卓，ios，web等）
• 2，节省人力和维护成本
• 3，接近原生，体验效果更好
• 4，开发效率高，开发时间更短
• 5，学习成本比较低（3-15天即可入门）
• 6，社区活跃，版本迭代快，有问题更容易在社区解决

三、生成本地打包App

一、APP相关配置

image.png

二、导出Uniapp打包代码

选中所在项目，发行--->原生App-本地打包---->生成本地打包App资源

image.png

打包项目所在目录

image.png

三、开发环境配置

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

image.png

七、打包Apk

image.png

image.png

image.png

以上是uniapp和安卓生成本地打包App资源的所有内容
官网的本地打包app资源指南
https://nativesupport.dcloud.net.cn/AppDocs/usesdk/android.html#