Вы можете интегрировать FlutterFlow с Codemagic, сделав развертывание в магазине приложений простым нажатием кнопки.

Пререквизиты

  • Создайте учетную запись Apple.Приобретите членство в программе Apple Developer. Подробнее о программе
  • Apple Developer и о том, как зарегистрироваться, читайте по этой ссылке.
  • Установите значок App Launcher для вашего приложения (в разделе Настройки и интеграции > Общие > Активы приложений). Значок App Launcher не может быть прозрачным или содержать альфа-канал.

Развертывание в App Store

Развертывание в App Store состоит из следующих шагов:

  1. Создайте идентификатор пакета
  2. Добавьте новое приложение в App Store Connect
  3. Добавьте свой Apple App ID в FlutterFlow
  4. Сгенерируйте ключ API и добавьте его во FlutterFlow
  5. Добавьте свой идентификатор эмитента во FlutterFlow
  6. Добавьте идентификатор ключа в FlutterFlow
  7. Развертывание в App Store
  8. Отправьте свое приложение на утверждение в 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. Если вы не знаете, что это такое, наведите курсор на значок информации справа от возможности.
  • Когда вы закончите, выберите Регистрация.
апп стор 1

Добавьте новое приложение в 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 есть другие пользователи.
  • Когда вы закончите, выберите Создать.

После этого вы перейдете на главную приборную панель вашего приложения.

апп стор 2

Добавьте свой Apple App ID в FlutterFlow

App ID используется Apple для идентификации вашего приложения и привязки его к вашей команде разработчиков.

Чтобы добавить свой App ID в FlutterFlow, выполните следующие действия:

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

Сгенерируйте ключ API и добавьте его в FlutterFlow

Выполните следующие шаги, чтобы сгенерировать ключ API:

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

Добавьте свой идентификатор эмитента в FlutterFlow

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

Добавьте свой идентификатор ключа в FlutterFlow

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

Развертывание в 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 о том, что для вашего приложения была добавлена новая сборка.
апп стор 7

GitHub

Ассоциирование репозитория Github позволит вам внедрить пользовательский код в ваш проект FlutterFlow. Возможно, вы захотите развернуть измененный код непосредственно из репозитория Github в App Store.

Для развертывания из репозитория Github:

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

Отправьте свое приложение на утверждение в App Store

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

Теперь ваше приложение будет рассмотрено компанией Apple. Для получения дополнительной информации о правилах рецензирования Apple, пожалуйста, обратитесь к этой ссылке.

апп стор 9

Распространенные проблемы сборки и способы их устранения

Неверный значок магазина приложений. Значок App Store в каталоге активов в ‘Runner.app’ не может быть прозрачным или содержать альфа-канал.

Вам необходимо обновить значок App Launcher Icon (в разделе Settings & Integrations —> General) на изображение, которое не является прозрачным и/или не содержит альфа-канал.