uniapp入门和实践
一、什么是uniapp
uni-app
是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。
二、为什么要选择uniapp
uni-app
在开发者数量、案例、跨端抹平度、扩展灵活性、性能体验、周边生态、学习成本、开发成本等8大关键指标上拥有更强的优势
- 1,同一套代码可以编译运行多端(小程序,安卓,ios,web等)
- 2,节省人力和维护成本
- 3,接近原生,体验效果更好
- 4,开发效率高,开发时间更短
- 5,学习成本比较低(3-15天即可入门)
- 6,社区活跃,版本迭代快,有问题更容易在社区解决
三、生成本地打包App
一、APP相关配置
二、导出Uniapp打包代码
选中所在项目,发行--->原生App-本地打包---->生成本地打包App资源
打包项目所在目录
三、开发环境配置
官网App离线打包:https://nativesupport.dcloud.net.cn/AppDocs/usesdk/android.html
四、导入离线sdk提供的示例Android工程
五、配置包名和签名证书
注意:证书在为了在后面打包,我是采用的写在代码中方式,Android平台签名证书(.keystore)生成指南
https://ask.dcloud.net.cn/article/35777
五、把第二步Hbuilderx 打包的AppID组成的文件名导入
打开assets下的data文件夹下的dcloud_control.xml 这里要与AppID保持一致
六、配置appkey
Android的AndroidManifest.xml
3.1.10版本起需要申请Appkey,具体请点击链接
七、打包Apk
以上是uniapp和安卓生成本地打包App资源的所有内容
官网的本地打包app资源指南
https://nativesupport.dcloud.net.cn/AppDocs/usesdk/android.html#