使用 MAUI 开发 iOS 应用的一般步骤

准备工作

使用 MAUI 开发 iOS 应用需要安装以下软件:

  • Visual Studio 2022(17.3 及以上)版本
  • VMware WorkStation 16 及以上版本
  • macOS Monterey 12 及以上版本
  • XCode 开发工具最新版
  • Visual Studio for Mac 17.4 及以上版本

其中,Visual Studio 2022 安装在 Windows 操作系统中,作为我们实际开发用。VMware WorkStation 也是安装在 Windows 操作系统中,我们需要通过它来安装 macOS 操作系统。安装完 macOS 操作系统后,我们需要在 macOS 中安装 XCode 和 Visual Studio for Mac。如何在虚拟机中安装 macOS,网上有很多教程,请自行搜索。另外,安装 Visual Studio for Mac 的时候时不时需要输入密码,不能无人值守安装,否则会一直卡到你怀疑人生。

配置 macOS

安装完 macOS 需要按下图配置共享,首先进入系统偏好设置,然后找到共享,点下面的+号,把当前登录的用户添加到允许访问列表。

use maui to develop ios applications 01
图 1

开始开发

1、在启动窗口找到名为.NET MAUI 应用的模板,选中该模板,然后点下一步

use maui to develop ios applications 02
图 2

2、填写项目名称。

use maui to develop ios applications 03
图 3

3、选择.NET 7.0或更高版本,因为 MAUI 是从 .NET 7.0 才开始支持的,.NET 6.0 不支持 MAUI。选择完框架后,点创建按钮,即创建完项目了。

use maui to develop ios applications 04
图 4

4、现在创建完的项目是无法编译和运行的,我们需要切换到虚拟机中的 macOS 系统,然后打开 XCode 新建一个与上面同名的项目。具体操作如下图:

use maui to develop ios applications 05
图 5

5、在弹出的项目模板中选择iOS-App,然后点Next按钮到下一步。

use maui to develop ios applications 06
图 6

6、输入项目名称,这个名称一定要与第 2 步填的名字一样。其中,Organization Identifier是组织的名称,这里我填的是我的域名,如果没有域名填其它名字也一样。填完组织名称后,下面Bundle Identifier会自动生成,这个就是我们 App 的捆绑 Id,这个名字很关键,接下来很多地方都会用到,请务必留意。确认填写无误后,点Next按钮到下一步。

use maui to develop ios applications 07
图 7

7、接下来是选择项目位置的窗口,随便选一个即可,下面的Source Control也不用勾选,因为我们完全用不到。选完位置后,点Create按钮创建项目。

use maui to develop ios applications 08
图 8

8、在 XCode 中创建完项目后,它会卡在下面这个界面,我们直接把这个标签页关掉即可。

use maui to develop ios applications 09
图 9

9、关掉上面的标签窗口后,在左侧导航中选中顶级节点,然后等待右边出现下图所示的界面。然后我们点击Signing & Capabilities这个选项卡,在下面的Team选项中选择我们自己的 Apple 开发者账号。如果开发者账号没有问题,下面就会出现正确的签名信息。

use maui to develop ios applications 10
图 10

10、完成以上配置后回到 Windows 操作系统中,进入项目的属性页面,如下图找到第一个应用程序节点,把除了iOS 目标以外的所有其它目标去掉,因为我们现在只做 iOS 应用的开发,所以不需要其它目标。但是,如果你是做 Android 应用,就需要把Android 目标勾上。操作完后,要保存一下。

use maui to develop ios applications 11
图 11

11、点击工具栏上的配对按钮,与 macOS 进行配对。

use maui to develop ios applications 12
图 12

12、在弹出的窗口中,找到添加 mac按钮并点击,在弹出的窗口中输入虚拟机中的 macOS 的 IP 地址,也就是最开始配置 macOS 共享时那个界面上显示的 IP 地址。填完 IP 地址后,点击添加按钮。

use maui to develop ios applications 13
图 13
use maui to develop ios applications 14
图 14

13、添加成功后,选中添加的配对项,然后点击右下角的连接按钮进行连接。如果是第一次连接,会提示你输入用户名和密码,这时要输入 macOS 中的用户名和密码。用户名密码验证通过后,窗口下方就会出现各种初始化安装的提示,一律允许安装即可。因为我已经安装过了,所以这里出现的就是自检信息。

use maui to develop ios applications 15
图 15
use maui to develop ios applications 16
图 16

14、配对连接成功后,再次打开项目的属性页面,按下图所示配置,然后保存。

use maui to develop ios applications 17
图 17

15、将苹果手机连接到虚拟机中的 macOS 系统,然后打开苹果手机的开发者模式,位置在设置-隐私与安全-开发者模式

16、在 Visual Studio 2022 的工具栏上找到本地设备按钮,切换本地设备iOS 远程设备,然后在列表中选择我们的苹果手机。

use maui to develop ios applications 18
图 18

17、最后,点击运行,并解锁手机屏幕,即可安装该应用到手机上。

use maui to develop ios applications 19
图 19
Tags: MAUI iOS