3天零基础逆袭App Store!手把手教你Cursor开发并上架iOS应用

技术

你好,我是予贝,AI时代,专注于AI编程

点击👇关注我 学习更多AI知识

大家好,我是予贝,目前和小林一起搭建破局的 AI 工具中心。

目前主要将 AI 编程聚焦放在 iOS 开发上,从 3 月 5 日购买 Mac 笔记本到 3 月 17 日,仅用了 12 天时间,完成了一款陪伴类型应用的开发,并成功上架到应用商店。在 AI 编程出现之前,从未想象过能如此高效地完成这一过程。

项目灵感源自女友,她喜欢种植花卉并常拍摄照片,但照片杂乱地存储在相册中,不便查找。

为此,开发了一款陪伴日记应用,主要功能及界面如下:

📌

• 物品管理:创建和分类珍视的物品(宠物,植物等),添加详细信息和封面图片

• 记忆卡片:为每个物品记录相关的回忆和感受,支持多张图片和心情标记

• 时间轴视图:按时间顺序直观展示您的所有回忆,支持按周、月、年筛选

• 数据统计:查看物品和记忆的总览数据,分析心情分布和记录频率

• 多媒体支持:支持添加多张图片到每个记忆,并以美观的网格方式展示

• 分类管理:自定义创建和管理物品分类,轻松整理您的收藏

• 心情追踪:记录每个回忆的心情状态(开心、平静、怀念、伤感、激动)

• 搜索功能:快速查找特定物品和记忆

• 图片查看:支持点击查看大图,浏览您珍藏的每一张照片

picture.image

接下来的教程,我将分享如何利用 AI 编程进行 iOS 应用开发并成功上架的完整流程。

一、iOS 开发简介

一)什么是 iOS 开发?

iOS 开发是为苹果公司的移动设备(如 iPhone、iPad)开发应用程序的过程。开发者使用苹果提供的工具和框架,创建运行在 iOS 操作系统上的应用。iOS 开发的主要编程语言是 Swift ,界面开发可以使用 SwiftUI(声明式 UI 框架)。开发工具是 Xcode,一款功能强大的集成开发环境(IDE),只能在 macOS 系统上运行。

二)iOS 开发生态

iOS 开发生态由硬件、软件和分发渠道三部分组成:

组成部分描述
硬件iPhone、iPad、Apple Watch、Apple TV 等苹果设备。
软件iOS 操作系统,提供丰富的框架和 API,如 SwiftUI、UIKit、Core Data 等。
分发渠道App Store 是唯一的官方应用分发平台,开发者通过它向全球用户发布应用。

三)iOS 开发的优势

iOS 开发具有以下优势:

  • 统一的硬件和软件环境:苹果严格控制硬件和软件的兼容性,使得开发者能够更好地优化应用性能。

  • 强大的开发工具:Xcode 提供了代码编辑、调试、界面设计、性能分析等一站式开发体验。

  • 丰富的文档和社区支持:苹果官方文档详尽,社区活跃,开发者可以快速找到解决方案。

  • 全球分发渠道:通过 App Store,开发者可以轻松触达全球数亿用户,并从中获得收益。

二、环境准备

一)硬件准备

  • Mac 电脑(macOS 10.15 或更高版本)

  • iPhone(用于测试)

二)软件准备

1、Apple ID

用于登录 Xcode 和 App Store Connect

刚开始配置苹果电脑的时候都需要提前配置 Apple ID,没有可以在 https://account.apple.com/创建

点击上方菜单栏 Account 或者账户

picture.image

立即创建账户

picture.image

按照步骤创建即可

picture.image

2、Xcode 安装

Xcode 是苹果公司推出的集成开发环境(IDE),专为开发 macOS、iOS、watchOS 和 tvOS 应用程序设计,支持多种编程语言,提供强大的调试和界面设计工具。

Mac 电脑上打开 App Store,需要先登录 Apple 账号

登录成功后,搜索 Xcode,找到后点击获取下载,下载需要一段时间,大概 3g 左右

picture.image

安装完成后打开,同意 license,同意后点击下一步就行

picture.image

安装完成后,界面如下所示,点击 Create New Project 可以创建新项目

picture.image

三、程序开发

接下来将重新实现一个简单的陪伴日记功能,具体功能如下

  
物品管理:创建和分类珍视的物品(宠物,植物等),添加详细信息和封面图片记忆卡片:为每个物品记录相关的回忆和感受,支持多张图片和心情标记,按照时间进行排序

一)新建项目

打开 Xcode,点击 Create New Project 创建新项目,新建的项目会在右侧展示

picture.image

依次选择 iOS -> App,点击 Next

picture.image

配置如下内容:

  • Product Name:项目名,中文,英文都可以

  • Team:需要添加账户,后续介绍

  • Organization Identifier :行业内目前都是产品官网的倒置域名,随便写也行

  • Bundle Identifier:自动生成,Organization Identifier + Product Name

  • Interface:使用 SwiftUI

  • Language:使用 Swift

  • Testing System :选择 None,可以不需要该目录

  • Storage:选择 None

配置完成后点击 Next,会提示选择项目存放路径,选择合适的路径存放

picture.image

Team 填写:点击 Add Account,使用苹果账号登录

picture.image

登录成功后回到配置界面,重新选择 Team,会出现我们之前登录的账号,选择该账号

配置完成后,初始化界面如下,右侧界面可以进行代码预览

picture.image

然后选择左侧工程文件夹,依次点击 General -> TARGETS 下的 Diary,删除其他平台,只保留 iPhone,最低版本选择 15.6,尽量满足不同系统的要求。

picture.image

接下来用 Cursor 打开之前保存的项目路径,并让 Cursor 阅读该项目,这样能让 Cursor 知道现在编写了什么内容

picture.image

二)需求梳理

有想法后可以直接用 cursor 进行需求梳理

提示词:

  
我想开发一个iOS app,希望能够对生活中的物品进行分类管理,并记录陪伴时间物品管理:创建和分类珍视的物品(宠物,植物等),添加详细信息和封面图片记忆卡片:为每个物品记录相关的回忆和感受,支持多张图片和心情标记,按照时间进行排序# 要求- 不要乱添加功能,数据存储不使用CoreData- 支持最低版本为iOS15- 不使用云开发,所有数据保存在本地- 不对接任何云服务- 输出保存为需求分析.md

输出完成后大概阅览一下,点击 Accept 接受

picture.image

三)系统设计

需求分析完成后进行系统设计

提示词:

  
很好,接下来进行系统设计文档的编写,主要对该程序进行阶段性开发的设计# 要求- 不要乱添加功能,数据存储不使用CoreData- 支持最低版本为iOS15- 不使用云开发,所有数据保存在本地- 不对接任何云服务- 不要输出代码示例- 输出保存为系统设计.md

同样还是看不懂,接受即可

picture.image

四)代码开发

大模型由于上下文限制,一次性处理过多需求会导致后续开发混乱,问题频发。采用分治思想,将功能开发划分为多个阶段,逐步推进,这样能让开发更加愉快的进行。

1、一阶段开发

需求分析和系统设计完成后,开始让 Cursor 帮助我们进行代码开发,不需要太复杂提示词,按照系统设计文档开发

picture.image

第一阶段开发完成,完成了基础类的编写

picture.image

编译也正常通过

picture.image

2、二阶段开发

接下来进行第二阶段的开发

picture.image

开发完成后,按照 Cursor 给的测试步骤测试

picture.image

在 xcode 界面,使用快捷键 command+r,可以快速进行编译和启动模拟器测试,测试界面如下所以

picture.image

picture.image

测试有一些问题,反馈给 Cursor 进行修复

picture.image

修复完成,按下 command+r 重新编译,启动程序,图标可以进行更换,分类也可以删除了

后续所有更新后都需要重新编译,启动

picture.image

3、三阶段开发

接下来进行第 3 阶段的开发

picture.image

开发完成后编译出现了一些小 bug,给到 Cursor 进行修复

picture.image

bug 修复完成后,测试可以正常添加物品

picture.image

4、四阶段开发

同之前逻辑一样,进行进行下一阶段功能的开发

picture.image

测试基本通过

picture.image

接下来需要对 UI 进行优化一下,想把动物列表展示直接放到首页

picture.image

效果如下

picture.image

本案例开发就到这里了,刚开始提到的基本功能已经满足,后续的其他功能大家按照如上流程自由发挥,期待大家开发出更好用的 APP

五)图标设计

程序开发完成后,需要对图标 logo 进行设计,使 canvas 生成 logo

canva 官网:https://www.canva.cn/

1、图标生成

打开 canva 官网,选择 logo 设计

picture.image

左侧选择 AI 生图,风格我选择的简约风

picture.image

Cursor 既然能写代码,那肯定也能写文档,使用 Cursor 生成 canva 提示词

  
你是一位专业的UI设计师,请阅读我的项目,针对我的项目功能,生成一个适合canva使用的AI绘图提示词# 要求- 图标要尽量简洁,使用纯色背景,可爱风格- 中间有物品图标,可以是动物或者宠物,2维图标,物品要与背景融合,不要加边框- 设计需要符合程序设计

生成提示词如下

picture.image

复制提示词到 canva 中,生成 4 个图片,选择合适的即可,不合适再重新生成,完成后点击导出

picture.image

2、图标配置

iOS 上架需要支持多种尺寸的图标,可以使用 App Icon Generator 一键生成

App Icon Generator 官网:https://appicon.co/

上传之前生成的 logo,选择 iPhone 和 iPad 设备,点击 Generate,导出生成的图标

picture.image

导出后是压缩包,解压后包含如下文件,复制 Assets.xcassets 文件夹

picture.image

找到我们工程的目录,删除 Assets.xcassets 文件夹,粘贴上一步复制的文件夹

picture.image

xcode 中打开 Assets,能看到所有的图标都配置成功了

picture.image

六)程序测试

未开通开发者账号可以使用模拟器和真机设备进行测试

1、模拟器测试

程序开发过程中使用 command+r 运行的就是模拟器

模拟器能够快速启动应用程序,无需依赖实体设备即可进行即时测试,支持多种设备型号和系统版本的模拟,为开发者提供了一个灵活且成本效益高的测试环境。

但模拟器也有其局限性,无法完全复制实体设备的硬件特性,如传感器数据、电池状态和网络条件,相机等,这可能导致在实际设备上出现与模拟器测试结果不一致的情况。

可以通过界面最上方更改模拟测试设备型号

picture.image

2、真机测试

手机设备连接到电脑后,同样点击界面上方设备区域,如果显示设备名,则连接成功,选择该设备,使用 command+r 进行编译

picture.image

编译成功后会直接在手机进行安装(需要进行一些认证),测试即可

picture.image

picture.image

四、证书申请

一)Apple 开发者账号注册与配置

开发者账号每年 99 美金,中国大陆 688,开通后可以将应用上架到商店

学习阶段可以先跳过该教程,不用开通

访问 Apple Developer 注册开发者账号,选择右上角账户,点击立即报名

picture.image

报名后会提示使用 Apple Developer 应用程序注册,该软件需要到 app store 进行下载

picture.image

在 app store 搜索 apple developer,找到后点击下载

picture.image

下载完成后打开

picture.image

左下角使用之前注册的 Apple 账号进行登录,登录成功后点击立即注册

picture.image

点击注册后,输入联系信息,填写完成后,开通会员权益

picture.image

picture.image

点击我同意,进入身份证信息认证

picture.image

picture.image

最后付款完成后,就成功开通开发者账号了

好的,以下是 iOS 应用开发和发布过程中证书申请的主要流程梳理:

二)生成证书签名请求(CSR)

打开 Mac 上的“钥匙串访问”工具,选择“钥匙串访问” > “证书助理” > “从证书颁发机构请求证书…”。

picture.image

填写信息并选择“保存到磁盘”,生成 CSR 文件,CA 电子邮件地址可以不用填写

picture.image

进入访达中查看,已经生成 CSR 文件

picture.image

三)创建发布证书(Certificates)

进入“Certificates, Identifiers & Profiles”:https://developer.apple.com/account/resources/certificates/list,选择“Certificates”,点击“+”按钮。

picture.image

Apple Development 证书用于开发和测试阶段,供开发人员在真机上调试应用

Apple Distribution 证书用于发布应用,例如上架 App Store 或通过 TestFlight 分发。由于此处是为了发布应用,所以选择 Apple Distribution 类型。选择后点击 Continue

picture.image

选择上一步生成的 CSR 证书,Continue

picture.image

下载证书到本地

picture.image

双击进行安装,在钥匙串访问中能找到的话安装成功

picture.image

四)创建 App ID ( Identifiers)

在“Certificates, Identifiers & Profiles”中,选择“Identifiers”

picture.image

点击“+”按钮,选择“App IDs”,Continue

picture.image

选择 App,Continue

picture.image

配置 App ID 信息(描述、Bundle ID 等),选择所需服务,注册 App ID。

picture.image

点击 Register,进行注册

picture.image

注册完成后会在刚开始界面显示

picture.image

五)创建 Provisioning Profiles

在“Certificates, Identifiers & Profiles”中,选择“Profiles”,点击“+”按钮

picture.image

选择 App Store Connect

picture.image

App ID 选择上一步配置的 Bundle ID

picture.image

选择之前生成的 CSR 配置

picture.image

填写后续保存的证书文件名称,该文件后续会用到

picture.image

配置完成后下载该文件

picture.image

最后输出文件如下

picture.image

六)配置 Xcode 项目

打开 Xcode 项目,进入“Signing & Capabilities”选项卡,取消勾选 Automatically manage signing

picture.image

在 Provisioning Profile 区域导入上一步生成的 Profiles 文件

picture.image

导入后,如果正常显示我们之前配置的信息就配置成功了

picture.image

至此,所有的配置文件已经都准备,接下来就可以进行打包,发布了

五、提交应用

https://appstoreconnect.apple.com/apps , 新建 App,填写配置信息,填写完成后点击创建

picture.image

在 Xcode 中,选择“Product” > “Archive”生成归档文件

picture.image

打开“Organizer”,选择打包文件,点击“Distribute App”。

picture.image

选择发布方式(App Store Connect),上传应用。

picture.image

上传完成

picture.image

六、TestFlight 分发测试

TestFlight 是 Apple 提供的一款应用测试平台,允许开发者将未发布的 iOS 应用分发给测试人员进行内部或外部测试。通过 TestFlight,开发者可以收集测试反馈、监控崩溃日志,并在应用正式上架 App Store 之前修复问题,确保应用的质量和稳定性。

程序提交之后选择 TestFlight,会看到提交的内容正在处理,等待处理完成,会处理一段时间

picture.image

处理完成后,状态会显示缺少出口合规证明

picture.image

点击管理,因为程序中没有用到加密算法,如果用到,需要如实填写,这里选择不属于,程序就能正常提交了

picture.image

点击左侧内部测试+号,创建测试群组

picture.image

添加测试员需要在用户管理内提前配置好团队成员,默认会有自己的账号,个人开发者完全够用

picture.image

点击+号添加测试员

picture.image

添加之后会向用户邮箱发送一个邀请码

picture.image

在邮箱中可以看到有如下一串邀请码,复制该邀请码

picture.image

在测试手机上下载 TestFlight 软件,找到兑换邀请,第一次使用会直接提示输入邀请码,将邮件里的邀请码填入即可

picture.image

picture.image

填写好邀请码之后,会直接下载好,然后可以开始测试了

picture.image

picture.image

七、应用审核上架

在使用 TestFight 测试功能无误后,就可以申请上架了,上架有很多信息需要填写,接下来将一一介绍

本次配置仅针对手机本地即可运行的工具,不包含联网等服务,如果有的话可能需要进行备案或者其他配置

返回分发界面,首先是需要提供一些程序截图或者 App 预览图,用于 AppStore 展示,3-5 张即可

picture.image

接下来是推广文本,描述和关键词,这些使用 Cursor 生成即可

picture.image

  
很好,接下来我要上架AppStore进行应用审核,需要提供该程序的推广文本,描述和关键词内容,帮我编写这3部分内容

将 Cursor 生成的内容复制到文本框中即可

picture.image

技术支持网址和营销网址,我均填写的之前在 github 部署的个人静态网页,这里建议大家优先 Cursor 编写一个个人网页并部署到 github 上,版权写自己名字就行

picture.image

构建版本选择 TestFlight 测试的最新发布版本,如果软件不需要登录,取消勾选需要登录框,并添写自己的联系信息

picture.image

配置完成后,点到 App 信息界面,配置程序名称和副标题,根据自己程序类型选择程序分类

picture.image

接下来设置内容版权信息和设定年龄分级,如实填写即可

picture.image

接下来跳转到 App 隐私,点击编辑,网址我依旧用的个人官网,然后点击开始,配置隐私规则

picture.image

接下来跳转到价格与销售范围进行定价配置

picture.image

配置完成后返回提交界面,点击添加以供审核

picture.image

点击提交至 App 审核

picture.image

提交后就处于等待审核阶段了,大概需要 1-2 天时间,等待审核期间可以进行更改和取消

picture.image

审核成功后,会自动上架到应用商店,就能正常使用了

八、总结

从购买电脑到成功上架 App,再到完成这篇文章,整个过程仅用了半个月时间。尽管我之前有一些编程经验,但对 iOS 开发完全陌生。借助 AI 的力量,我几乎跳过了学习曲线,快速实现了从零到一的突破。

在这篇文章中,编程部分并没有占据太多篇幅,因为通过与 Cursor 的简单对话,就能在短时间内完成开发任务。AI 编程的崛起,使得编码能力不再是核心,真正的重点已经转向需求分析、产品设计等更高层次的技能。

AI 的力量正在改变开发的方式,而我们也站在了一个全新的起点上。

picture.image

全国最大AI学习社群

AI破局俱乐部三天实战营,连续三天硬核直播,免费参与

有素人做AI副业从0到百万的案例,有AI数字人口播带货、AI代写、AI绘画、AI编程等热门项目。

直接扫码即可免费参加:

picture.image

0
0
0
0
关于作者
关于作者

文章

0

获赞

0

收藏

0

相关资源
云原生环境下的日志采集存储分析实践
云原生场景下,日志数据的规模和种类剧增,日志采集、加工、分析的多样性也大大增加。面对这些挑战,火山引擎基于超大规模下的 Kubernetes 日志实践孵化出了一套完整的日志采集、加工、查询、分析、消费的平台。本次主要分享了火山引擎云原生日志平台的相关实践。
相关产品
评论
未登录
看完啦,登录分享一下感受吧~
暂无评论