【uni-app系列】uni-app之App打包

这篇具有很好参考价值的文章主要介绍了【uni-app系列】uni-app之App打包。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。


一、原生App-云打包

选择菜单项 “发行” -> “原生App-云打包”:
【uni-app系列】uni-app之App打包
输入相关信息:
【uni-app系列】uni-app之App打包
第一次安装时会提示安装依赖:
【uni-app系列】uni-app之App打包
提示打包校验信息,点击【继续打包】:
【uni-app系列】uni-app之App打包
如果没有实名认证,提示如下信息:
【uni-app系列】uni-app之App打包
可以通过修改 manifest.json 取消通讯录权限或进行实名认证处理,本文通过实名认证处理。
登录 DCloud 开发者中心:https://dev.dcloud.net.cn/
【uni-app系列】uni-app之App打包
在 “个人中心” -> “账号信息” 中进行认证操作,输入认证信息并提交。如果为个人认证,一提交马上就审核通过了:
【uni-app系列】uni-app之App打包

实名认证后就可以打包了:

[HBuilder] 17:01:56.233 项目 hello-uniapp [__UNI__22CF970]的打包状态:
[HBuilder] 17:01:56.233 时间: 2022-08-26 17:01:54    类型: Android 公共测试证书    队列中    
[HBuilder] 17:01:56.233 目前云打包排队人数较多,当前打包任务位于队列第 107 位,预计 6 分钟内进入打包状态。
[HBuilder] 17:08:43.684 项目 hello-uniapp [__UNI__22CF970]的打包状态:
[HBuilder] 17:08:43.685 时间: 2022-08-26 17:01:54    类型: Android 公共测试证书    正在云端打包    
[HBuilder] 17:08:43.685 预计2-5分钟完成打包。如项目使用了App原生插件,打包时间可能会较长,请耐心等待。

[HBuilder] 17:10:04.903 项目 hello-uniapp [__UNI__22CF970]的打包状态:
[HBuilder] 17:10:04.903 时间: 2022-08-26 17:01:54    类型: Android 公共测试证书    正在本地生成安装包(请勿关闭HBuilderX)    

[HBuilder] 17:10:24.293 项目 hello-uniapp [__UNI__22CF970]的打包状态:
[HBuilder] 17:10:24.293 时间: 2022-08-26 17:01:54    类型: Android 公共测试证书    打包成功    安装包位置:D:/Workspaces/HBuilderProjects/hello-uniapp/unpackage/release/apk/__UNI__22CF970__20220826170154.apk	[打开所在目录]    [一键上传到uniCloud(免费cdn、长期稳定)]
[HBuilder] 17:10:24.293 HBuilderX已支持App cli自动化打包, 详情参考: https://hx.dcloud.net.cn/cli/pack [不再提示]

二、离线打包

App 离线开发工具包,即 App离线SDK,是把 App 运行环境(runtime)封装为原生开发调用接口,开发者可以在自己的 Android 及 iOS 原生开发环境配置工程使用,包括 Android离线开发SDK 及 iOS离线开发SDK。

从3.1.10版本开始使用 App离线SDK 需要申请 Appkey。

App离线SDK 主要用于 App 本地离线打包及扩展原生能力。

1.环境准备

Android Studio 下载链接:Android Studio官网 OR Android Studio中文社区
HBuilderX 下载链接:HBuilderX
App离线SDK 下载链接:最新android平台SDK下载

2.导入工程

2.7.0 之后提供 HBuilder-Integrate-AS 工程,可以直接导 入HBuilder-Integrate-AS 工程,直接运行 simpleDemo 项目即可。

3.申请 Appkey

3.1.10 版本起需要申请 Appkey,参考:https://nativesupport.dcloud.net.cn/AppDocs/usesdk/appkey

(1)登录开发者中心

登录开发者中心:https://dev.dcloud.net.cn/

(2)我的应用 -> 点击“应用名称”

【uni-app系列】uni-app之App打包

(3)进入离线打包 Key 管理

进入离线打包 Key 管理,输入包名、SHA1(生成方法见:如何生成Android平台签名证书),点击【保存】后获取 AppKey:
【uni-app系列】uni-app之App打包

4.配置 Appkey

修改 Androidmanifest.xml,将 android:value 值改为 Appkey:

    <application
      ...>
      <meta-data
            android:name="dcloud_appkey"
            android:value="开发者需登录https://dev.dcloud.net.cn/申请签名" />
    </application>

5.修改 build.gradle

修改包名:
【uni-app系列】uni-app之App打包
配置证书信息,并将证书文件 test.jks 放至根目录下:
【uni-app系列】uni-app之App打包

6.配置应用名称

打开app-> src -> main -> res -> values -> strings.xml文件,修改“app_name”字段值,该值为安装到手机上桌面显示的应用名称,建议与manifest.json中name(基础配置中的应用名称)对应:
【uni-app系列】uni-app之App打包

7.配置应用图标和启动界面

图标名称:

icon.png为应用的图标。

push.png为推送消息的图标。

splash.png为应用启动页的图标。

将 icon.png、push.png、splash.png 放置到 drawable,drawable-ldpi,drawable-mdpi,drawable-hdpi,drawable-xhdpi,drawable-xxhdpi 文件夹下,不同文件夹下对应不同图片尺寸:
【uni-app系列】uni-app之App打包
注意:splash.png 在不同设备上显示效果不一样,为防止出现拉伸的状况,建议使用Android studio 生成 .9.png 类型图片。

8.生成本地打包资源

选择项目 -> 发行 -> 原生App-本地打包 -> 生成本地打包App资源:
【uni-app系列】uni-app之App打包

[HBuilder] 12:02:17.831 项目 'hello-uniapp'开始导出...
[HBuilder] 12:02:17.938 项目 'hello-uniapp' 开始编译...
[HBuilder] 12:02:23.809 3.5.3
[HBuilder] 12:02:23.809 ​已开启 uni统计2.0 版本​
[HBuilder] 12:02:25.005 正在编译中...
[HBuilder] 12:02:49.845 App 启动模式: fast, 详见: https://ask.dcloud.net.cn/article/36749
[HBuilder] 12:03:33.354 项目 'hello-uniapp' 编译成功。
[HBuilder] 12:03:34.436 项目 'hello-uniapp'正在导出...
[HBuilder] 12:03:35.968 项目 'hello-uniapp'导出成功,路径为:D:/Workspaces/HBuilderProjects/hello-uniapp/unpackage/resources/__UNI__22CF970/www
[HBuilder] 12:03:35.975 提示:本wgt文件由HBuilderX 3.5.3版本生成,运行的基座sdk也需配套相同版本,否则在手机端部分功能可能无法正常使用。详见 https://ask.dcloud.net.cn/article/35627

9.将 HBuilderX 导出的资源复制到assets->apps下

【uni-app系列】uni-app之App打包

10.修改 dcloud_control.xml

修改 dcloud_control.xml 中的 appid 为拷贝过来的 uni-app 的 id,确保dcloud_control.xml 中的 appid 与 manifest.json 中的 id 与文件夹名一致:
【uni-app系列】uni-app之App打包
生成自定义基座,需要在根节点下添加 debug=“true” 和 syncDebug=“true”:
【uni-app系列】uni-app之App打包

11.运行

【uni-app系列】uni-app之App打包文章来源地址https://www.toymoban.com/news/detail-477481.html

到了这里,关于【uni-app系列】uni-app之App打包的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uni-app打包之云打包与本地打包

    背景 由于早之前发的文章关于app的大杂烩文章太杂了, 所以打算给拆一拆,这篇是uni-app打包篇 uni-app打包方式目前有两种,云打包和本地打包,主要介绍本地打包,云打包比较简单,只进行简单的介绍 云打包 用HBuilderX打开要打包的项目 选中项目列表中的项目右击选择发行

    2024年02月02日
    浏览(58)
  • uni-app + SpringBoot +stomp 支持websocket 打包app

    websocket 协议是在http 协议的基础上的升级,通过一次http 请求建立长连接,转而变为TCP 的全双工通信;而http 协议是一问一答的请求方式方式。 websocket-uni.js

    2024年02月11日
    浏览(51)
  • uni-app日期选择器

    写个简单的日期选择器,还没搞样式,所以有点丑 大概长这样吧 首先是这个picker选择器,mode选择日期,end是写一个范围前日期,:end就是这个日期是动态变化的,还有change函数 然后是脚本,就默认显示当前日期,设计最后范围日期为今日日期,再有一个事件函数

    2024年02月12日
    浏览(45)
  • 【UniApp】-uni-app-打包成网页

    经过上一篇文章的介绍,已经将这个计算器的计算功能实现了,接下来就是我们项目当中的一个发包上线阶段,我模拟一下,目的就是为了给大家介绍一下,uni-app是如何打包成网页的。 除了可以打包成网页,uni-app还可以打包成小程序、App、H5、快应用等等,后面在单独开文

    2024年02月04日
    浏览(72)
  • uni-app打包ios的步骤

    注意:下面的操作必须同时满足三个条件,且这三个条件都是必须得: 1.有一个苹果开发者账号(要收费) 2.有一台苹果笔记本(在笔记本上生成证书和文件) 3.有一部苹果手机(用于测试app的功能) 使用uniapp发布ios的应用的步骤如下: 点击发行——原生app——云打包 出现页面如下

    2024年02月09日
    浏览(58)
  • uni-app项目打包成apk(本地打包篇)

            最近可能要接一个uni-app的项目,之前没有接触过,因此学习了一下,好在uni-app基本算是vue和微信小程序的结合体,所以写代码方面问题不是太多,不懂的百度一下基本都能处理。写完demo之后,demo的内容应该能告诉客户我可以做,但我一开始是先用手机录制视频

    2024年02月03日
    浏览(51)
  • HBuilder X + uni-app 打包 App、小程序等操作

    uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。 在HBuilder X中 我们可以点击新建-项目,选择第一个空框架,根据学习需要也

    2024年02月12日
    浏览(54)
  • uni-app离线打包安卓apk

    记录一下打包apk的过程: 参考:uni-app离线打包官网地址 2-1.遇见问题 1. 加载.idea和.gradle失败, 解决: File → Project Structure 重新构建: File → Sync Project with Gradle Files 安卓结构: Project → Android 登录开发者中心选择需要打包的应用→各平台信息→查看或新增安卓打包信息 这里

    2024年04月17日
    浏览(78)
  • uni-app之android离线打包

    一 AndroidStudio创建项目 1.1,上一节演示了uni-app云打包,下面演示怎样androidStudio离线打包。在AndroidStudio里面新建空项目 1.2,下载uni-app离线SDK,离线SDK主要用于App本地离线打包及扩展原生能力,SDK下载链接https://nativesupport.dcloud.net.cn/AppDocs/download/android.html# 1.3,SDK目录说明   

    2024年02月10日
    浏览(52)
  • uni-app之android项目云打包

    1,项目根目录,找到mainfest.json,如果appid是空的,需要生成一个appid  2,点击重新获取appid,这个时候需要登录,那就输入账号密码登录下 3,登陆后可以看到获取appid成功 4,选择栏目运行选项,再选择云打包选项,这时候弹出一个云打包配置页面 5,需要配置密钥,可以通

    2024年02月10日
    浏览(45)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包