Hola, Amigos! На связи Саша Чаплыгин, Flutter dev компании заказной разработки Amiga. Вот и наконец-то 3 часть статьи, в которой будет идти речь про про использование «Hot Reload», «Hot Restart» и тестирование на Codemagic.
Кто пропустил, вторая часть здесь. Она про реализацию экрана Flutter в приложение для iOS и использование platform channel для отправки данных из Native во Flutter.
И первая часть здесь. Она посвящена созданию приложения на iOS и интеграции Flutter в это приложение.
Чтобы ничего не пропускать, присоединяйтесь к нашему сообществу в телеграме Flutter. Много. Там мы с командой делимся своим опытом и разными полезными материалами.
Поехали!
Чтобы использовать «Hot Reload» и «Hot Restart» в модуле Flutter в приложении iOS, выполните следующие действия:
Для создания приложения iOS с модулем Flutter нужно использовать codemagic. yaml. Codemagic недавно объявила о поддержке YAML для создания и тестирования приложений iOS.
Далее показано, как определить правильный конвейер для создания и тестирования приложения iOS с модулем Flutter.
Загрузка YAML-файла
4. Затем на правой боковой панели в разделе «Конфигурация как код» нажимаем «Загрузить конфигурацию». При этом создается codemagic. yaml с некоторыми конфигурациями по умолчанию.
5. После скачивания файла открываем его в редакторе кода.
Файл codemagic. yaml будет содержать конвейер для создания и тестирования приложения Flutter по умолчанию. Но чтобы использовать это для приложения iOS с модулями Flutter, нужно внести в него некоторые изменения.
Добавление переменных среды
Чтобы сгенерировать .ipa iOS, нужно настроить подпись кода для приложения.
Для подписи кода iOS необходимы два файла:
В разделе переменных среды codemagic. yaml следует добавить сертификат и профиль обеспечения в зашифрованной форме в виде пар ключ-значение.
Итак, добавляем следующие ключи:
Создаем зашифрованную версию файлов/переменных, выполнив следующие действия:
Здесь можно перетащить файлы или ввести переменную, чтобы создать их зашифрованную версию.
Определение сценария
Рассмотрим сценарий сборки, объясняя его построчно.
Кроме того, поскольку у нас есть две папки: одна для встроенной iOS, а другая для модуля Flutter, нужно убедиться, что команды выполняются в правильной папке.
Итак, начнем.
– Получение пакетов Flutter
- cd $FCI_BUILD_DIR/bmi_flutter && flutter packages pub get
– Установка подфайла
- find . -name "Podfile" -execdir pod install ;
– Инициализация связки ключей
- keychain initialize
– Декодирование профиля обеспечения и размещение его в папке, откуда к нему можно будет получить доступ при выполнении подписи кода.
PROFILES_HOME="HOME/Library/MobileDevice/Provisioning ProfilesPROFILES_HOME" PROFILE_PATH="(mktempPROFILES_HOME"/$(uuidgen).mobileprovision)" echo ${CM_PROVISIONING_PROFILE} | base64 --decode > $PROFILE_PATH echo "Saved provisioning profile $PROFILE_PATH"
– Расшифровка сертификата подписи и добавление его в связку ключей.
echo $CM_CERTIFICATE | base64 --decode > /tmp/certificate.p12 keychain add-certificates --certificate /tmp/certificate.p12 --certificate-password $CM_CERTIFICATE_PASSWORD
– Создаём только модуль Flutter (этот шаг нужен для создания некоторых файлов, необходимых собственному приложению iOS для получения модуля Flutter).
- cd $FCI_BUILD_DIR/bmi_flutter && flutter build ios --release --no-codesign
– Использование профиля и создание собственного приложения iOS с модулем Flutter для создания. ipa.
- cd FCI_BUILD_DIR/BMI Calculator/BMI Calculator.xcworkspace" --scheme "BMI Calculator"
СОВЕТ: можно добавить этот флаг --disable-xcpretty, чтобы просматривать весь подробный вывод Xcode непосредственно в пользовательском интерфейсе Codemagic во время сборки.
Дополнительную информацию о параметрах конфигурации команды build-ipa можно получить здесь.
Чтобы получить .ipa после сборки, необходимо определить правильный путь к сгенерированному артефакту.
artifacts:
- build/ios/ipa/*.ipa
Перед запуском скрипта помещаем codemagic. yaml в корневой каталог проекта.
4. Выбираем правильный рабочий процесс и нажимаем «Начать новую сборку».
Процесс сборки на Codemagic с использованием YAML успешно завершен.
Выполнить любое тестирование Codemagic с использованием YAML очень просто.
Давайте добавим демонстрационный модульный тест в модуль Flutter.
import 'dart:convert';
import 'package:flutter_test/flutter_test.dart';
void main() {
String jsonTest = '{' +
'"value" : "44.4",' +
'"color" : "pink",' +
'"advice" : "Eat less pies!"' +
'}';
var jData = jsonDecode(jsonTest);
test("Json Data Test", (){
expect(jData['value'], "44.4");
expect(jData['color'], "pink");
expect(jData['advice'], "Eat less pies!");
});
}
Чтобы протестировать его на Codemagic CI/CD, нужно просто добавить еще одну строку в скрипт в codemagic. yaml.
Добавляем эту строку перед сборкой iOS:
- cd $FCI_BUILD_DIR/bmi_flutter && flutter test
Весь YAML- скрипт для этой сборки доступен здесь.
Codemagic. yaml позволяет создать и протестировать собственное приложение для iOS с модулем Flutter на Codemagic CI/CD. Поддерживать файл YAML удобно: он регистрируется в VCS и автоматически обнаруживается Codemagic CI/CD во время сборки. С локальным доступом можно изменить его даже без подключения к Интернету.
Новые статьи-переводы, кейсы, опыт, обсуждения в нашем телеграм-канале Flutter. Много. Подписывайся!
