Вы можете интегрировать FlutterFlow с Codemagic, сделав развертывание в магазине приложений простым нажатием кнопки.
Пререквизиты
- Создайте учетную запись Apple.Приобретите членство в программе Apple Developer. Подробнее о программе
- Apple Developer и о том, как зарегистрироваться, читайте по этой ссылке.
- Установите значок App Launcher для вашего приложения (в разделе Настройки и интеграции > Общие > Активы приложений). Значок App Launcher не может быть прозрачным или содержать альфа-канал.
Развертывание в App Store
Развертывание в App Store состоит из следующих шагов:
- Создайте идентификатор пакета
- Добавьте новое приложение в App Store Connect
- Добавьте свой Apple App ID в FlutterFlow
- Сгенерируйте ключ API и добавьте его во FlutterFlow
- Добавьте свой идентификатор эмитента во FlutterFlow
- Добавьте идентификатор ключа в FlutterFlow
- Развертывание в App Store
- Отправьте свое приложение на утверждение в App Store
Create a Bundle Identifier
Идентификатор пакета (ID) — это уникальный номер, который идентифицирует ваше приложение в экосистеме Apple.
Чтобы создать идентификатор пакета, выполните следующие шаги:
- Откройте свой проект FlutterFlow и перейдите в раздел Settings & Integrations. Выберите имя пакета и скопируйте его (Cmd/Ctrl + C).
- Откройте домашнюю страницу Apple Developer и выберите Certificates, IDs & Profiles (крайнее левое меню), а затем выберите Identifiers.
- Нажмите на кнопку Добавить (+).
- Откроется страница Регистрация нового идентификатора. Выберите App IDs, а затем выберите Continue.
- Выберите App (Приложение), а затем нажмите Continue (Продолжить).
- Введите информацию о пакете приложений:
- Bundle ID: вставьте имя пакета, которое вы скопировали из FlutterFlow. Дважды проверьте, что имя пакета в FlutterFlow совпадает с идентификатором пакета. Если они отличаются, возникнут ошибки.
- Описание: Дайте краткое описание вашего приложения (оно будет отображаться в магазине приложений).
- Возможности: прокрутите вниз и выберите возможности, которые необходимы для вашего приложения. Например, если ваше приложение использует Apple Sign In — убедитесь, что вы установили флажок Sign In with Apple. Если вы не знаете, что это такое, наведите курсор на значок информации справа от возможности.
- Когда вы закончите, выберите Регистрация.

Добавьте новое приложение в App Store Connect
App Store Connect используется для отправки приложений в App Store, управления приложениями и многого другого.
Чтобы добавить новое приложение в App Store Connect, выполните следующие действия:
- Перейдите в App Store Connect и выберите Мои приложения.
- Нажмите на кнопку Добавить (+), а затем выберите Новое приложение.
- Появится всплывающее окно. Введите информацию о вашем приложении:
- Платформа: для мобильных приложений это будет iOS.
- Имя: Введите имя для вашего приложения (это имя будет отображаться в App Store).
- Основной язык для вашего приложения.
- Bundle ID: выберите Bundle ID, который вы создали на предыдущем шаге.
- SKU: Введите уникальный идентификатор. Вы также можете добавить сюда свой Bundle ID, если он уникален.
- User Access (Доступ пользователя): Установите доступ пользователя. Если вы выбрали Ограниченный доступ, вам нужно будет выбрать пользователей, которым вы хотите предоставить доступ к этому приложению. Этот пункт появится только в том случае, если в вашей учетной записи App Store Connect есть другие пользователи.
- Когда вы закончите, выберите Создать.
После этого вы перейдете на главную приборную панель вашего приложения.

Добавьте свой Apple App ID в FlutterFlow
App ID используется Apple для идентификации вашего приложения и привязки его к вашей команде разработчиков.
Чтобы добавить свой App ID в FlutterFlow, выполните следующие действия:
- В App Store Connect выберите My Apps, а затем выберите свое приложение.
- Выберите Информация о приложении (в разделе Общие в левой боковой панели).
- Прокрутите вниз до раздела Общая информация и найдите свой Apple ID.
- Выберите Apple ID и скопируйте его.
- Вернитесь в FlutterFlow и перейдите в Настройки и интеграции > Настройки приложения > Развертывание.
- Вставьте Apple ID в поле с надписью App ID.

Сгенерируйте ключ API и добавьте его в FlutterFlow
Выполните следующие шаги, чтобы сгенерировать ключ API:
- Вернитесь на страницу App Store Connect. Если вы закрыли это окно, перейдите в App Store Connect и выберите Пользователи и доступ, а затем выберите Ключи (синий текст).
- Если вы видите кнопку Запросить доступ, нажмите на нее.
- Если до этого вы не добавляли никаких ключей, нажмите на кнопку Generate API Key. В противном случае выберите кнопку Добавить (+).
- Появится всплывающее окно. Введите информацию о вашем API-ключе:
- Имя: Введите имя для ключа. Оно является ссылкой и не является частью самого ключа.
- Access (Доступ): Выберите тип доступа. В этой ссылке содержится дополнительная информация о ролях.
- Когда все будет готово, выберите Generate.
- Найдите строку для API-ключа, который вы только что сгенерировали, и выберите Загрузить API-ключ. Появится всплывающее окно, выберите Загрузить.
- Вернитесь в FlutterFlow и перейдите в Настройки и интеграции > Настройки приложения > Развертывание.
- В разделе Private Key выберите Upload Private Key. Выберите файл API-ключа и затем выберите Открыть.

Добавьте свой идентификатор эмитента в FlutterFlow
- Перейдите в App Store Connect и выберите Пользователи и доступ, а затем выберите Ключи (синий текст).
- Найдите идентификатор эмитента и выберите Копировать.
- Вернитесь в FlutterFlow и перейдите к Settings & Integrations > App Settings > Deployment.
- Вставьте идентификатор эмитента в поле с надписью Issuer ID.

Добавьте свой идентификатор ключа в FlutterFlow
- Вернитесь на страницу App Store Connect. Если вы закрыли это окно, перейдите в App Store Connect и выберите Пользователи и доступ, а затем выберите Ключи (синий текст).
- Найдите строку для только что созданного API-ключа и выберите Копировать идентификатор ключа.
- Вернитесь в FlutterFlow и перейдите в Настройки и интеграции > Настройки приложения > Развертывание.
- Вставьте идентификатор ключа в поле с надписью Key ID.

Развертывание в App Store
Вы можете развертывать непосредственно из FlutterFlow или из своего репозитория GitHub.
FlutterFlow
Для развертывания из FlutterFlow выполните следующие шаги:
- Из FlutterFlow перейдите в раздел Settings & Integrations > App Settings > Deployment.
- Прокрутите вниз, чтобы найти раздел App Store, и нажмите на значок стрелки справа, чтобы открыть его.
- Нажмите на Deploy To App Store.
- Появится всплывающее окно. Выберите Развертывание. Если идет развертывание другого приложения, выбор Deploy отменит предыдущее развертывание.
- В Codemagic будет отправлен запрос на развертывание вашего приложения в App Store. Обратите внимание: обработка запроса может занять несколько минут. После завершения этого шага ваше последнее сообщение изменится на «Отправлено».
- Развертывание вашего приложения в App Store может занять от 30 минут до нескольких часов. Вы можете проверить статус развертывания, выбрав Check Build Status.
- После завершения процесса вы получите электронное сообщение от App Store Connect о том, что для вашего приложения была добавлена новая сборка.

GitHub
Ассоциирование репозитория Github позволит вам внедрить пользовательский код в ваш проект FlutterFlow. Возможно, вы захотите развернуть измененный код непосредственно из репозитория Github в App Store.
Для развертывания из репозитория Github:
- Если вы еще не добавили репозиторий Github, вы можете сделать это, используя инструкции здесь.
- Из FlutterFlow перейдите в раздел Настройки и интеграции > Настройки приложения > Развертывание.
- Найдите раздел Deployment Settings и нажмите на значок стрелки справа, чтобы открыть его.
- В разделе Источник развертывания отметьте Use Github repo: ‘your repo URL’.
- Введите имя ветви вашего репозитория, из которого вы хотите развернуть код. Убедитесь, что ввели правильное имя ветви.

Отправьте свое приложение на утверждение в App Store
- В App Store Connect выберите Мои приложения, а затем выберите свое приложение.
- Введите информацию о вашей версии. На этой странице содержится дополнительная информация о том, что является обязательным, локализованным и редактируемым.
- Когда вы закончите, выберите Отправить на рассмотрение.
Теперь ваше приложение будет рассмотрено компанией Apple. Для получения дополнительной информации о правилах рецензирования Apple, пожалуйста, обратитесь к этой ссылке.

Распространенные проблемы сборки и способы их устранения
Неверный значок магазина приложений. Значок App Store в каталоге активов в ‘Runner.app’ не может быть прозрачным или содержать альфа-канал.
Вам необходимо обновить значок App Launcher Icon (в разделе Settings & Integrations —> General) на изображение, которое не является прозрачным и/или не содержит альфа-канал.