❤ Uniapp使用三( 打包和发布上线)
一、介绍
什么是 uniapp?
uniapp 是一种基于 Vue.js 的多平台开发框架,它可以同时用于开发安卓、iOS、H5 等多个平台。因此,只需要写一次代码就可以在多个平台上运行,提高了开发效率。
打包工具 : HBuilder X
配置应用信息
打开项目根目录下的 manifest.json 文件,该文件包含了应用程序的各种配置信息,如应用名称、版本号、应用图标等。根据需求来修改相关配置信息,最后保存修改。
二、Uniapp打包运行安卓和IOS端(2种)
原生APP-云打包
原生APP-本地打包
三、原生app云打包
四、本地打包
(1)安装下载
下载HBuilderX
下载地址
https://www.dcloud.io/hbuilderx.html
下载AndroidStudio
-下载地址
https://developer.android.google.cn/studio?hl=zh-cn
SDK下载地址
App离线打包SDK 下载
https://nativesupport.dcloud.net.cn/AppDocs/download/android.html#
离线打包
安心打包
安装IOS模拟器
对Mac版本要求:
MacOSX,安装ios模拟器,需要先安装xcode;或在App store中搜索xcode完成安装。
xcode安装打开,按下快捷键command+,,打开Preferences窗口,如下图:
Android模拟器
android studio模拟器(大小1个G左右)
(2)打包
-
生成本地打包资源
-
下载Android Studio和App离线SDK
下载路径:https://nativesupport.dcloud.net.cn/AppDocs/usesdk/android -
解压得到的目录如下
-
使用Android Studio打开Android 离线SDK解压目录里面这个文件夹,这个是示例项目,我们只需要更改这个项目的一些配置,其他配置HBuilderX已经配置好了
-
切换到Project
-
打开apps目录,把目录下的文件夹删除,我的是__UNI__B,然后打开HBuilderX本地打包的资源目录,最后拷贝到示例项目的apps目录下,也就是刚刚__UNI__B的位置
把dcloud_control.xml文件里面的id属性值__UNI__B改成manifest.json里面的id值相同
.... 进行不下去了 ,太麻烦了,建议直接app云打包吧 ...
五、常见问题
提示:打包时未添加maps模块
在app设置里添加对应的高德地图模块,去iclound 里面添加地图参数
uniapp打包app扫码提示未获取相机权限
uniapp 打包之后 uni.makePhoneCall 点击无效果
在 manifest.json 文件中 添加如下权限
<uses-permission android:name=\"android.permission.CALL_PHONE\"/>
项目提示打包时未添加videoplayer模块
云打包只需在manifest.json,模块权限配置中勾选即可