❤ Uniapp使用三( 打包和发布上线)

❤ Uniapp使用三( 打包和发布上线)

一、介绍

什么是 uniapp?

uniapp 是一种基于 Vue.js 的多平台开发框架,它可以同时用于开发安卓、iOS、H5 等多个平台。因此,只需要写一次代码就可以在多个平台上运行,提高了开发效率。

打包工具 : HBuilder X

配置应用信息

打开项目根目录下的 manifest.json 文件,该文件包含了应用程序的各种配置信息,如应用名称、版本号、应用图标等。根据需求来修改相关配置信息,最后保存修改。

二、Uniapp打包运行安卓和IOS端(2种)

目前有两种,云打包和本地打包
在这里插入图片描述
开始使用打包之前,HbuildX【 发行 】的工具栏,看一下云打包与本地打包的区别:

原生APP-云打包

云打包
① 通过官方在【云服务器】已经提供好的打包环境进行打包,简单方便快捷,适合新手入门;
② 打包次数限制,1天只能打包【5次】,第六次需要收费(大概2¥一次)
③ 打包时间长度不受控,高峰期排队时长可能需要 【几个小时】以上

原生APP-本地打包

本地打包

① 需要下载 Android Studio(Android 集成开发工具)配置环境,需要熟悉原生Android 开发,操作难度大,灵活性高;
② 本地离线打包,不限制打包次数,完全免费;
③ 打包时间受控,下载好离线SDK,配置好资源环境,无需排队;

三、原生app云打包

云打包

用HBuilderX打开要打包的项目
选中项目列表中的项目右击选择发行=>原生App-云打包,弹出打包页面
到开发者中心生成证书
证书生成后下载下来,存到指定目录,然后在开发者中心选择需要打包项目=>我的应用=>证书管理=>证书详情中可查看别名密码
打包页面输入别名密码,选择下载好的证书,可以选择不要开屏广告,然后选择打包
最后会生成apk包,下载安装即可使用

四、本地打包

(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#

离线打包

安心打包

一键打包即可

插件安装完成后需重新点击“打包”按钮提交打包
打包完成后自动保存到项目的**“unpackage/release/apk/”**目录
如果清空了这个目录,那么下次打包将执行首次打包逻辑。

安装IOS模拟器

对Mac版本要求:
在这里插入图片描述

MacOSX,安装ios模拟器,需要先安装xcode;或在App store中搜索xcode完成安装。
xcode安装打开,按下快捷键command+,,打开Preferences窗口,如下图:

Android模拟器

android studio模拟器(大小1个G左右)

(2)打包

  1. 生成本地打包资源
    在这里插入图片描述

  2. 下载Android Studio和App离线SDK
    下载路径:https://nativesupport.dcloud.net.cn/AppDocs/usesdk/android

  3. 解压得到的目录如下
    在这里插入图片描述

  4. 使用Android Studio打开Android 离线SDK解压目录里面这个文件夹,这个是示例项目,我们只需要更改这个项目的一些配置,其他配置HBuilderX已经配置好了

  5. 切换到Project
    在这里插入图片描述

  6. 打开apps目录,把目录下的文件夹删除,我的是__UNI__B,然后打开HBuilderX本地打包的资源目录,最后拷贝到示例项目的apps目录下,也就是刚刚__UNI__B的位置
    在这里插入图片描述

在这里插入图片描述

把dcloud_control.xml文件里面的id属性值__UNI__B改成manifest.json里面的id值相同

在这里插入图片描述

.... 进行不下去了 ,太麻烦了,建议直接app云打包吧 ...

五、常见问题

提示:打包时未添加maps模块

在app设置里添加对应的高德地图模块,去iclound 里面添加地图参数

uniapp打包app扫码提示未获取相机权限

在这里插入图片描述

解决此问题的方法是在HBuilder|HBuiulderX中添加缺失的模块,保存后提交App云端打包。
打开应用的manifest.json文件,切换到“模块权限配置”项(uni-app应用为“App模块权限配置”项),在右侧的“打包模块配置”中x勾选缺失的模块:

在这里插入图片描述

uniapp 打包之后 uni.makePhoneCall 点击无效果

在 manifest.json 文件中 添加如下权限

<uses-permission android:name=\"android.permission.CALL_PHONE\"/>

在这里插入图片描述

项目提示打包时未添加videoplayer模块

在这里插入图片描述

云打包只需在manifest.json,模块权限配置中勾选即可
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/409810.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

2024年10大指纹浏览器推荐,不踩雷浏览器盘点

跨境安全离不开纯净代理与指纹浏览器的强强结合。在过去一年&#xff0c;IPFoxy纯净代理配合各大指纹浏览器完成了数千跨境账号的安全防护与高速浏览活动。结合广大用户真实体验与反馈&#xff0c;为大家盘里2024年最值得选择的十大指纹浏览器&#xff01; 1、AdsPower AdsPo…

深信服技术认证“SCSA-S”划重点:逻辑漏洞

为帮助大家更加系统化地学习网络安全知识&#xff0c;以及更高效地通过深信服安全服务认证工程师考核&#xff0c;深信服特别推出“SCSA-S认证备考秘笈”共十期内容&#xff0c;“考试重点”内容框架&#xff0c;帮助大家快速get重点知识~ 划重点来啦 *点击图片放大展示 深信服…

代码随想录-刷题第五十七天

42. 接雨水 题目链接&#xff1a;42. 接雨水 思路&#xff1a;本题十分经典&#xff0c;使用单调栈需要理解的几个问题&#xff1a; 首先单调栈是按照行方向来计算雨水&#xff0c;如图&#xff1a; 使用单调栈内元素的顺序 从大到小还是从小到大呢&#xff1f; 从栈头&…

使用 Python 创造你自己的计算机游戏(游戏编程快速上手)第四版:第十五章到第十八章

十五、反转棋游戏 原文&#xff1a;inventwithpython.com/invent4thed/chapter15.html 译者&#xff1a;飞龙 协议&#xff1a;CC BY-NC-SA 4.0 在本章中&#xff0c;我们将制作反转棋&#xff0c;也称为黑白棋或奥赛罗。这个双人棋盘游戏是在网格上进行的&#xff0c;因此我们…

RabbitMQ详解与Java实现

一、RabbitMQ介绍 1.1 现存问题 服务调用&#xff1a;两个服务调用时&#xff0c;我们可以通过传统的HTTP方式&#xff0c;让服务A直接去调用服务B的接口&#xff0c;但是这种方式是同步的方式&#xff0c;虽然可以采用SpringBoot提供的Async注解实现异步调用&#xff0c;但是…

Kafka的安装、管理和配置

Kafka的安装、管理和配置 1.Kafka安装 官网: https://kafka.apache.org/downloads 下载安装包,我这里下载的是https://archive.apache.org/dist/kafka/3.3.1/kafka_2.13-3.3.1.tgz Kafka是Java生态圈下的一员&#xff0c;用Scala编写&#xff0c;运行在Java虚拟机上&#xf…

智能小程序小部件(Widget)导航、地图、画布等组件,以及开放能力、原生组件说明

智能小程序小部件(Widget)导航、地图、画布等组件&#xff0c;以及开放能力、原生组件说明。 导航组件 navigator 页面链接&#xff0c;控制小程序的跳转。navigator 子节点的背景色应为透明色。 属性说明 属性名类型默认值必填说明urlstring是跳转地址deltanumber1否当 …

使用 Elasticsearch 和 LlamaIndex 进行高级文本检索:句子窗口检索

2023 年是检索增强生成 (RAG) 的一年&#xff0c;人们探索了许多用例&#xff0c;并使用该技术开发了数百种产品。 从 Q/A 聊天机器人到基于上下文的代理&#xff0c;RAG 的使用一直是 LLM 申请快速增长的主要因素。 支持不断发展的社区以及 Langchain 和 LlamaIndex 等强大框架…

Grafana(二)Grafana 两种数据源图表展示(json-api与数据库)

一. 背景介绍 在先前的博客文章中&#xff0c;我们搭建了Grafana &#xff0c;它是一个开源的度量分析和可视化工具&#xff0c;可以通过将采集的数据分析、查询&#xff0c;然后进行可视化的展示&#xff0c;接下来我们重点介绍如何使用它来进行数据渲染图表展示 Docker安装G…

07-微服务getaway网关详解

一、初识网关 在微服务架构中&#xff0c;一个系统会被拆分为很多个微服务。那么作为客户端要如何去调用这么多的微服务呢&#xff1f;如果没有网关的存在&#xff0c;我们只能在客户端记录每个微服务的地址&#xff0c;然后分别去调用。这样的话会产生很多问题&#xff0c;例…

第十五讲_css水平垂直居中的技巧

css水平垂直居中的技巧 1. 水平垂直居中&#xff08;场景一&#xff09;2. 水平垂直居中&#xff08;场景二&#xff09;3. 水平垂直居中&#xff08;场景三&#xff09;4. 水平垂直居中&#xff08;场景四&#xff09; 1. 水平垂直居中&#xff08;场景一&#xff09; 条件&a…

Eclipse搭建python环境

一、下载eclipse eclipse官网下载参考链接 二、 下载PyDev ​PyDev 三、安装和配置pyDev 下载完PyDev&#xff0c;解压之后是下面两个文件夹&#xff0c;我下载的版本是PyDev 7.7 ,然后拷到eclipse对应的目录下就可以 四、然后新建一个python程序 1.新建一个项目 ​​…