共计 4151 个字符,预计需要花费 11 分钟才能阅读完成。
你是否梦想着创建自己的 iPhone 应用,将其发布到 App Store,赚取百万美元,然后退休到毛伊岛?那么,你是否愿意从第一步开始,看看进展如何?
毕竟,创建一个极其成功的应用需要的远不止编码。它涉及基础设施、营销、愿景、资本化、团队构成以及纯粹的运气。所有这些都需要个人承担。
但在本文中,我们将展示如何使用 AI 生成第一个非常基础的 iPhone 应用。我们将逐步进行,截图展示,只需跟随操作即可。
因此,放上一些音乐,开始吧。目前,我正在 Spotify 上听 Antti Martikainen。,
了解工具
主要使用的工具是 Xcode。Xcode 是一个开发环境,也称为 IDE(“I”代表交互式)。IDE 是编码时的工作空间。
如果你使用过 Photoshop,你会知道它专注于照片编辑,但包含大量工具和视图,都集成在一个程序中。如果你使用过 Adobe Premiere、DaVinci Resolve 或 Final Cut Pro,你会知道它们都包含广泛的视频编辑工具,集成在一个程序中。
IDE 类似,但用于编程。大多数 IDE 包含文本编辑器、文件浏览器、调试器(用于查找错误)、各种源管理工具、数据管理工具等。在准备就绪时,它们还会“构建”应用。
实际上,让我们用另一个比喻来讨论构建应用:厨房。在三十多岁时,厨房的主要用途是存储和微波加热剩菜。有些设备(如加热锅和烘焙的设备)从未使用过。
但现在长大了,理解了“烹饪”过程,不仅仅是把餐厅的包装扔进微波炉。事实上,烹饪的准备工作——从选择食谱到切菜和混合配料——都是在填充煎锅或烤盘并加热之前完成的。
在 Xcode 中,也需要将“配料”准备好。这些包括代码块、应用设置和各种资源(如图标)。大部分开发工作将是创建和收集这些工具。然后,在准备就绪时,告诉 Xcode 构建应用,此时它将应用“加热”,将所有组件转化为在手机上运行的魔法。
除了 Xcode,还将使用一个 AI 大语言模型。Apple 自己的模型可用于 Xcode。也就是说,可能会使用更全面的工具,如 ChatGPT 或 Claude Code,因为两者都内置了广泛的编码能力。在本文中,将使用 Claude Code,但可以根据需要选择其他工具。,
成本是多少?
Xcode 是免费的。需要一台 Mac。在 Mac 上获取 Xcode 只需打开 App Store 应用,搜索 Xcode 并下载。
根据应用的计划,可能需要加入 Apple 的开发者计划,每年费用为 99 美元。如果计划销售或分发应用,开发者计划会员是必须的。
如果使用应用中的某些功能,也需要它。例如,正在开发一个扫描 NFC 标签和拍照的应用。这两个功能集仅在拥有开发者计划权限时可用。
如果计划使用 AI 来“编码”应用,将需要一个大语言模型。到目前为止,Apple 自己的 AI 模型表现一般。建议在 ChatGPT 和 Claude 之间选择。
两者都不错。两者都有非常基础的免费版本。但事实是,如果不花钱,进展不会很大。两者每月起价为 20 美元。如果不做太多编码,这已经足够。在大约五个小时的持续编码工作后,会要求暂停。
如果只是尝试或进展缓慢,这已经足够。但如果正在推进一个项目,可能需要升级到每月 200 美元的 ChatGPT Pro 模式或每月 100 或 200 美元的 Claude Code Max 模式。
不过,不用担心。对于本介绍,不需要花费太多。,
安装 Xcode
下载 Xcode 后,点击启动。此时,将看到安装 Xcode 组件的选项。会看到这个屏幕。
由于正在构建一个 iOS 应用,确保已选中。添加了 Apple Watch 组件,因为可能想制作应用的 Watch 版本。它不大,所以不妨试试。
确保选中“预测代码完成模型”,因为这将获得 Apple 的代码智能功能。
点击“下载并安装”,然后去拿一杯热饮。目前,正在喝 Kirkland Pacific Bold,帮助在写作时保持清醒。,
连接 AI
首先,确保拥有 ChatGPT 或 Claude 账户。设置完成后,切换回 Xcode。在 Xcode 菜单中选择“设置”,然后选择“智能”选项卡。
代码智能设置为轻松配置 ChatGPT 或 Claude,但可以通过“添加模型提供商”按钮添加其他模型。这需要更多操作,所以仅连接 Claude。
顺便说一下,ChatGPT 或 Claude 都可以。在这里使用 Claude,因为之前在 ZDNET 中讨论了很多关于 ChatGPT 编码的内容,也想给 Claude 一些关注。
点击 Xcode 中的 Claude 按钮,将进入授权屏幕。ChatGPT 也会出现类似的屏幕。点击“授权”。
实际上,可以在 Xcode 中授权多个 AI,但一次只能激活一个。要选择激活哪个,点击要启用的切换按钮。在这里,启用了 Claude。,
开始制作应用
好了,是时候制作第一个应用了。现在,不要太兴奋。将制作一个非常简单的应用。但它将证明可以制作一个可以运行的应用。此外,从零开始到在手机上安装应用是一个很大的成就。
当启动 Xcode 并且它不在项目中时,会看到这个对话框。选择“新建项目”。
如果没有看到该屏幕,或不小心关闭了它,只需继续下一步。从“文件”菜单中选择“新建 → 新建项目”也将进入项目模板屏幕。
确保选择 iOS 作为平台(在 1 处)并选择“应用”(在 2 处)。然后点击“下一步”。
将要求命名项目。项目名为 Filamentory,意为“线材库存”。想构建一个跟踪 3D 打印机线材的东西,但同样的项目可以用于衣柜、书籍收藏、音乐收藏、编织图案、乐谱、纱线库存、面料库存、爱好管理、模型套件、乐高套装、照片管理、备件等。
不过,不要太兴奋。在本文中,所做的只是让它说“你好”。但需要给它一个名字来展示操作。稍后将深入创建线材库存应用。请继续关注,因为在未来的文章中会有更多内容。
看看上面的屏幕。有“Filamentory”名称。暂时跳过团队和组织标识符。之后是界面和语言。将使用 Apple 的 Swift,因为这是 Apple 为 Apple 生态系统开发应用设计的非常常见且强大的语言。选择 Swift 和 SwiftUI。
现在回到“团队”。为此,看看这个截图。
如果注册了每年 99 美元的开发者计划权限,这里将填写开发者账户详细信息。但现在,可以使用 Apple 账户。点击“添加账户”。在弹出窗口中,点击“添加 Apple 账户”。这将启动。
点击“下一步”。,
首次构建应用
Xcode 将打开其编辑环境。这是魔法发生的地方。可能会让人不知所措,所以首先只关注几件事。
可见三个窗格。左侧是一个窗格,可以看到文件结构。这里可以做更多事情,但现在只提到文件结构。中间窗格是代码。程序员在这里编写程序。最右侧是 UI 组件浏览器,可以看到 UI。
注意绿色箭头指向一个向右的三角形。这是“构建”按钮。点击它时,Xcode 将构建应用。
这个模板应用非常简单。它只显示一个图标和“Hello, world”字样。但这意味着很多事情正在发生。要尝试,点击“构建”按钮。
在这里,有很多事情正在进行。小 iPhone 是用户界面区域,用于帮助定义 UI。大 iPhone 是 iPhone 模拟器,基本上是在计算机上运行应用的虚拟 iPhone。在开始使用硬件特定功能(如相机)之前,模拟器是一个很好的选择。
还可以看到,应用正在运行,显示一个地球和“Hello, world”,对应于第二个窗格中的代码。
点击模拟器菜单栏(在 1 处)和红色关闭按钮(未显示,但知道红色关闭按钮是什么)。然后点击黑色方块(在 2 处)以停止应用在 Xcode 中运行。,
感受氛围
可以直接在 Xcode 中使用 Apple 的代码智能。当这样做时,Xcode 将与 Claude(或 ChatGPT,如果选择了该绑定)交谈,以修改 Xcode 中的代码,然后运行它。
为此,点击 AI 星形按钮(在 1 处)。这将左侧窗格从文件浏览器更改为 AI 聊天机器人界面。
作为概念验证,将给应用一些小的交互功能。当应用运行时,希望它在“Hello, world”和“Hello, David”之间切换。因此,在聊天字段(在 2 处)输入:,
添加一个按钮,当点击时,在“Hello, world!”和“Hello, David!”之间切换。确保它检查当前状态并更改为交替状态。
如果必须,可以使用自己的名字代替 David。看看这两个指令。第一个描述了意图(制作一个按钮并使按钮切换)。
但第二句话是像程序员一样思考可以提升成功的地方。不能假设代码会知道显示的消息。因此,使其工作的最佳方法是首先确定当前状态(“Hello, world”或“Hello, David”),然后从那里开始。
在提示末尾按回车键,发送 AI。,
AI 已编码
现在,看看结果。最左侧窗格显示 AI 讨论更改及其工作原理。中间窗格显示更多代码。在右侧窗格顶部,可以看到模拟器,显示文本按钮“切换问候语”和其中一个文本切换版本。
如果好奇,可以查看生成的代码。AI 生成了多行代码,但执行切换的核心代码是这一行:,
Text (isWorldGreeting ? "Hello, world!" : "Hello, David!")
显示的文本设置为括号内的值。? : 格式称为“条件运算符”。基本上,如果括号左侧的值(isWorldGreeting)为真,则返回冒号左侧的值(在这种情况下,“Hello, world!”)。如果 isWorldGreeting 的值为假,则返回冒号右侧的值(“Hello, David!”)。
通过这一条命令,AI 将一个 24 行的程序增加了六行。有时 AI 会更改一两行;其他时候,它会更改或添加数百行。这真的取决于要求它做什么。除了让 AI 帮助创建应用外,通常还可以查看 AI 生成的代码,以了解它如何执行某些任务。,
发送到实际 iPhone
如果要在实际 iPhone 上运行应用,过程几乎相同。需要一根 USB 线将 iPhone 连接到 Mac。只要手机在 Finder 的“位置”侧边栏中显示(在 1 处),就可以了。
在 Xcode 屏幕顶部有一个小选择区域(在 2 处)。对于模拟器,使用了虚拟 iPhone 17 Pro。但如果将其切换为实际 iPhone(如 iPhone 16 Pro Max),当点击“构建”时,Xcode 会将应用发送到实际 iPhone,安装并打开。,
玩得开心!
在本文中,从零编程到使用 AI 编码创建第一个 iPhone 应用,已经走了很长的路。玩得开心。制作酷炫的东西。在未来的文章中,将会有更多关于 AI 编程的想法。