Шаг 1. Замена названия и идентификатора базового приложения

Этот шаг одинаковый для iOS и Android, поэтому он описан в «Общих этапах», шаг 5: замените в папке ios исходный идентификатор com.bamboo.app на свой appId, а слово МаркетПро — на свой appName из capacitor.config.json.

Шаг 2. Преобразование в нативное приложение

Теперь необходимо наш код преобразовать в нативное приложение и установить все необходимые зависимости. Для этого запустите встроенный терминал в Visual Studio Code Ctrl+` и введите команду:

npm run MobileAppIOS

После этого у вас откроется Xcode. Необходимо какое-то время подождать, пока будут установлены все зависимости и проект будет проиндексирован.

Шаг 3. Базовые настройки Xcode

В левой панели выберите App, перейдите на вкладку Signing & Capabilities, на этой вкладке слева выберите Targets: App и укажите идентификатор приложения из capacitor.config.json (если оно само не подставилось).

В блоке под идентификатором приложения должны подгрузиться ваши сертификаты разработчика, либо должны быть указаны инструкции для его получения.

Перейдите на вкладку General и укажите версию приложения. Для удобства рекомендую указать текущую дату в обратном порядке YY.MM.DD.

Шаг 4. Тестирование

В верхней панели выберите физическое устройство или эмулятор iPhone и нажмите на стрелку слева. Запустится сборка приложения и его запуск на выбранном устройстве.

Проверьте работу приложения:

Шаг 5. Загрузка приложения

В верхней панели выберите целевое устройство Any iOS Device (arm64). Затем в верхнем меню Product → Archive.

В появившемся окне нажмите Distribute App вверху справа.

На этапе Select a method for distribution выберите TestFlight & App Store и нажмите Distribute.

Дальше появится серия окон, где в большинстве случаев необходимо просто нажать Next или Upload.

В случае успешной отправки в AppStore вы должны увидеть примерно следующее окно:

Дождитесь письма от Apple, что ваш bundle обработан. После этого можно переходить к дальнешей инструкции по размещению приложения в AppStore Connect.