您的当前位置:首页>全部文章>文章详情

【UniApp】最新uniapp打包IOS详细步骤

CrazyPanda发表于:2023-12-21 22:25:43浏览:335次TAG:

需要公司提供苹果开发者账号即可

1. 打开苹果开发者官网

点击打开链接🔗

1.png

2.点击这个选项打开开发者配置

需要注册账号并花钱加入成为开发者才会显示这个选项,一般公司会提供苹果开发者账号的

1.png

3. 先配置证书Certificates

1.png
1.png

4.这里需要上传一个CSR文件

1.png

5.生成CSR文件

需要去这个网站 生成,或者通过别的渠道生成CSR文件

PS: 上面的网站已经挂了,现在可用网站https://www.yunedit.com/,流程还是一样,生成需要使用到的文件就行

1.png
1.png
1.png

6. 去上传刚刚下载的CSR文件

1.png

7. 下载苹果官网Certificates生成的CER文件

需要到刚刚那个网站 生成uniapp打包需要的私钥证书p12文件

PS: 上面的网站已经挂了,现在可用网站https://www.yunedit.com/,流程还是一样,生成需要使用到的文件就行
1.png

8.生成uniapp打包需要的私钥证书p12文件

上传苹果开发者官网Certificates生成的CER文件

1.png
1.png

9.添加标识符Identifiers

对应uniapp IOS打包的Bundle ID (AppID)选项

1.png
1.png
1.png
1.png
1.png

10.添加安装测试app的苹果手机的UDID

后续步骤需要用到

苹果手机UDID获取方式:
1.下载爱思助手连接需要安装测试app的苹果手机获取(后面安装app也需要这个应用)
2. 蒲公英
3. 香蕉云编
1.png

11.获取证书profile文件

1.png
1.png

选择我们添加的Identifiers标识

1.png

选择我们添加的证书Certificates

1.png

关联我们测试的苹果手机UDID设备

1.png

设置配置profile文件名称,然后生成profile文件

1.png

12.打包IOS应用

1.png

选择生成的profile文件

1.png

下载p12文件,添加到私钥证书

1.png

填写证书私钥密码,之前生成P12证书步骤有写

1.png

13.打包!!!

1.png

14.打包完成后的文件在这里

项目根路径unpackage下

1.png

15.连接爱思助手安装应用测试

这两张图是网络上拿的。。

1.png
1.png

PS:

uniapp安卓打包在这里!!!


本文转自https://blog.csdn.net/qq_40230735/article/details/125644732,如有侵权可联系删除

猜你喜欢

【UniApp】如何在uniapp中使用视频组件实现在线播放功能
如何在uniapp中使用视频组件实现在线播放功能在现代社会中,视频已经成为人们获取信息、娱乐休闲的主要途径之一。为了满足用户需求,开发者常常需要在应用程序中加入视频播放功能。Uniapp作为一种基于Vue.js的跨平台框架,为开发者提供了方便快捷的方式来开发多平台应用。本文将详细介绍如何在Uniapp中使用视频组件实现在线播放功能,并提供具体的代码示例。导入视频组件在Uniapp中,我们可以使用官方提供的uni-media-player组件来实现视频播放功能。首先,我们需要在页面的vu
发表于:2023-12-24 浏览:351 TAG:
【UniApp】uniapp实现如何使用JSBridge实现与原生交互
uniapp实现如何使用JSBridge实现与原生交互,需要具体代码示例一、背景介绍在移动应用开发中,有时需要与原生环境进行交互,比如调用原生的一些功能或获取原生的一些数据。uniapp作为一种跨平台的移动应用开发框架,提供了一种方便的方式来实现与原生交互,即使用JSBridge进行通信。JSBridge是一种前端与移动原生端进行交互的技术方案,通过在前端和原生端分别实现一个桥梁,使得前端可以调用原生的方法和获取原生的数据,同时原生也可以通过桥梁向前端发送消息。二、JSBridge的实
发表于:2023-12-24 浏览:490 TAG:
【UniApp】uniapp实现滑动验证功能
利用uniapp实现滑动验证功能一、简介滑动验证是一种常见的验证方法,通过用户在页面上滑动滑块来验证身份。在移动端应用和网页中广泛应用,可以有效地防止机器人攻击和恶意注册。本文将介绍如何使用uniapp框架实现滑动验证功能,并提供具体的代码示例。二、实现步骤创建uniapp项目首先,我们需要创建一个uniapp项目。打开HBuilderX或其他uniapp开发工具,点击新建项目,选择模板为uni-app,填写项目名称等信息,点击确认创建项目。引入滑动验证组件uniapp支持通过npm方
发表于:2023-12-28 浏览:376 TAG:
【UniApp】uniapp怎么关闭软键盘
在开发移动应用程序时,我们经常需要用户在输入框中输入信息。然而,在某些情况下,软键盘通常会影响到应用程序的用户体验。在使用uniapp框架时,我们常常需要关闭软键盘,以方便应用程序的使用。在本文中,我们将探讨如何在uniapp中关闭软键盘。在uniapp中,我们可以使用原生的方式关闭软键盘。一种方法是在输入框之外的任何位置单击。这将导致键盘被隐藏,并使输入框失去焦点。但是,这种方法可能会在用户意外单击页面上的其他区域时导致数据丢失或者用户体验变得不好。另一种方法是通过JavaScri
发表于:2023-12-17 浏览:553 TAG:
【UniApp】uniapp运行比较慢是什么原因
随着移动互联网用户的不断增长,移动应用市场呈现出爆发式的增长态势。为了迎合这个趋势,许多开发者选择了跨平台开发技术,在多个平台发布应用,以便在更广泛的受众中推广自己的应用。UniApp就是其中的一种跨平台开发技术,它可以同时在iOS和Android平台上运行。然而,在使用UniApp开发应用的过程中,很多开发者都发现应用的运行速度太慢了。这是一个非常严重的问题,因为速度慢不仅会给用户带来不好的用户体验,而且也会影响应用的市场竞争力。所以,如何提高UniApp的运行速度成为了开发者们十分
发表于:2023-12-16 浏览:432 TAG:
【UniApp】利用uniapp实现图标动画效果
利用uniapp实现图标动画效果引言:在现代科技发展的背景下,人们对于跨平台开发需求越来越高。而uniapp作为一种基于Vue.js的前端框架,实现了一套代码多端运行的理念,成为了众多开发者的首选。本文将探讨如何利用uniapp实现图标动画效果,通过具体的代码示例来展示实现的过程。一、准备工作首先,我们需要一个uniapp项目的基础架构。可以在HBuilderX等开发工具中创建一个uniapp项目,这里不再赘述具体步骤。二、下载图标库在实现图标动画效果之前,我们需要准备一些图标资源。可
发表于:2023-12-09 浏览:400 TAG:
【UniApp】如何在uniapp中实现滑动解锁和手势操作
如何在Uniapp中实现滑动解锁和手势操作导语:随着智能手机的普及,滑动解锁和手势操作已经成为用户使用手机的基本操作之一。在Uniapp开发中,如何实现这类交互功能呢?本文将介绍如何在Uniapp中实现滑动解锁和手势操作,并提供具体的代码示例。一、滑动解锁的实现滑动解锁是一种常见的手机解锁方式,用户需要通过手指在屏幕上滑动,以完成解锁操作。在Uniapp中,我们可以通过touch事件来实现滑动解锁。创建一个滑块组件首先,我们需要创建一个滑块组件,用于表示滑块的位置和状态。在该组件中,我
发表于:2023-12-24 浏览:324 TAG:
【UniApp】UniApp中如何实现音频录制和声音处理
UniApp是一个基于Vue.js的跨平台开发框架,可以帮助开发者在一次编码的基础上同时生成多个平台的应用,包括iOS、Android、H5等。在UniApp中实现音频录制和声音处理的功能,需要使用到uni-extend插件和uni-audio组件。首先,在你的UniApp项目中,需要安装uni-extend插件。打开命令行窗口,切换到你的项目目录下,运行以下命令来安装uni-extend插件:1npm install uni-extend登录后复制安装完成后,在你的项目中创建一个新的
发表于:2023-12-07 浏览:301 TAG:
【UniApp】如何在uniapp中实现页面间的传参和回传
如何在uniapp中实现页面间的传参和回传一、传参在uniapp中,我们可以通过路径传参、props传参和vuex传参的方式实现页面间的参数传递。路径传参路径传参指的是在跳转到另一个页面时,将参数直接拼接在URL后面传递。在跳转时,我们通过在URL后面加上参数的方式将参数传递给下一个页面,在下一个页面可以通过uni.getStorageSync()方法获取参数的值。// 页面A uni.navigateTo({   url: '/page
发表于:2023-12-23 浏览:325 TAG:
【UniApp】uniapp中使用PhotoSphereViewer全景图
近期有个项目要用到全景图,就开始研究做了一个demo,每次使用一个新东西,迎接的都是挑战本案例是在uniapp中引入全景图,插入markers节点:1. 下载依赖包npm install photo-sphere-viewer安装之后下载下来的包含 three.js  uevent.js  photo-sphere-viewer注: 可以不用在当前项目下创建node_modules,只需要把用到的文件复制到项目目录下即可2.uniapp中使用es6引入外部
发表于:2024-01-10 浏览:490 TAG: