Сюрприз В апреле компания «Сямэнь Текнолоджи» запустила серию прямых трансляций AliFlutter, состоящих из восьми прямых трансляций, а число зрителей онлайн-трансляций достигло 2w+.
В этой серии прямых трансляций мы имеем честь пригласить восемь технических экспертов из Alibaba, чтобы поделиться приложением и конструкцией Flutter в группе для разработчиков.Хороший ли это урожай?
Оранжевый джентльмен также разобрался для вас в сути контента, воспроизведения видео и контента PPT, хотите ли вы быть таким внимательным, прекратите болтать, давайте посмотрим вниз! По заявке AliFlutter в группу вы можете обратиться в статье《阿里集团内如何进行Flutter体系化建设？ 》
A, клиент AliFlutter R & D Обзор системы
★Профиль преподавателя:
Ван Кан, имя цветка Чжэнву, эксперт по беспроводным технологиям отдела терминальных технологий Taobao, член Flutter (kangwang1988), автор AspectD.
- Отвечал за построение и внедрение гибридной системы разработки Flutter в Xianyu, а также разработал ряд сопутствующих технических решений. У него богатый практический опыт работы с принципами и приложениями Flutter, а также многотерминальное интегрированное программирование.
- В настоящее время основное внимание уделяется исследованию и практике мультитерминальной и мультиплатформенной модели исследований и разработок с Flutter в качестве ядра.
★Основные моменты:
Эта тема начинается с принципа Flutter и объясняет, почему мы используем Flutter для развития бизнеса в Alibaba. Это включает в себя пользовательский опыт при высокой производительности, повышение эффективности исследований и разработок, вызванное высокой эффективностью разработки и межконечной согласованностью, обильное пространство для расширения в гетерогенных сценариях, обеспечиваемое хорошей поддержкой многоконечности и мультиплатформенности, а также богатые возможности. взаимодействие под богатой выразительной силой.Инновационный опыт в таких сценариях, как геймификация.
В настоящее время изучение Flutter в отрасли в основном включает в себя систематизацию, глубину, структуру и другие исследования:
Что касается AliFlutter, мы в основном поддерживаем настраиваемые хранилища в инфраструктуре, позволяя внутренним разработчикам эффективно делиться и повторно использовать свою работу, поддерживать настраиваемые сервисы движка и переходить от настройки движка к построению нескольких систем, загружая их в Полная поддержка. используемый в основном нечувствителен к пользователям; мы поддерживаем стандартное построение приложений Flutter и построение модульных продуктов на платформе непрерывной интеграции, снижая стоимость использования для разработчиков; мы также оптимизируем размер движка, была проделана большая глубокая работа сделано в оптимизации размера пакета, оптимизации памяти, оптимизации времени запуска и т. д., чтобы решить проблему приземления на стороне бизнеса. На уровне экологической структуры мы разработали гибридное управление стеком, управление состоянием, динамический пользовательский интерфейс и структуру АОП, которые обогащают экосистему Flutter и создают большую ценность для бизнеса. Мало того, мы также расширили возможности и ценность Flutter в таких сценариях, как Flutter Canvas, и добились хороших результатов.
Глядя в будущее, мы также улучшаем производительность Flutter в различных сценариях с точки зрения перекрестных возможностей, возможностей взаимодействия, эффективности исследований и разработок и эффективности доставки, так что Flutter является не только SDK, но и многообещающей моделью исследований и разработок.
РРТ:Нажмите здесь, чтобы загрузить
видео:Нажмите здесь, чтобы посмотреть
2. Применение и изучение структуры исследований и разработок Xianyu
★Об авторе:
Лян Чжифэн, которого зовут Сюаньчуань, отвечает за клиент Xianyu Buyer Link Client, руководя реализацией флаттеризации Xianyu и эволюцией структуры R&D.
★ Особенности:
Основная тема этой общей структуры для разработки приложений, свободной рыбы и изучения флаттера в интеграции модели R & D, представленной флаттером с трех направлений, динамическими возможностями флаттера, интерактивными возможностями флаттера.
Ядром Flutter-DX является решение проблемы динамического выражения пользовательского интерфейса Flutter.Благодаря выдаче DSL группы DinamicX реализуется динамический рендеринг шаблонов на стороне Flutter. И за более чем год итераций проблема производительности рендеринга и согласованности рендеринга была постепенно решена, что лучше задействовало динамические возможности компонентов бизнеса Flutter.
Candy — это высокопроизводительный интерактивный движок собственной разработки, соответствующий стандарту ECS и тесно интегрированный с Flutter.Он разрушает границу между пользовательским интерфейсом и игровым движком и позволяет идеально интегрировать две системы в рамках концепции виджетов. Благодаря возможностям игрового движка пользовательский интерфейс может быть расширен для достижения большего. В предыдущей системе пользовательского интерфейса было сложно реализовать недорогие динамические эффекты, и в то же время богатый пользовательский интерфейс Flutter был снова интегрирован в игровой движок.
РРТ:Нажмите здесь, чтобы загрузить
видео:Нажмите здесь, чтобы посмотреть
3. Решение и оптимизация изображения AliFlutter
★ Об авторе:
Ван Цяньюань, чье цветочное имя Шенмо, присоединился к Ali в 2013 году и отвечал за архитектуру iOS для Tmall, Alipay и мобильного приложения Taobao. В настоящее время команда AliFlutter отвечает за исследование базовых компонентов, архитектуры iOS, а также движков и цепочек инструментов.
★Основные моменты:
В этом разделе представлено решение для внешней библиотеки изображений, предоставляемое AliFlutter для гибридных приложений. Прежде всего, он анализирует официальное нативное решение Flutter и предлагает точку входа решения AliFlutter. В системе, полностью совместимой с официальным веб-сайтом, решение AliFlutter предоставляет возможности параметров CDN для изображений, кэширования локальных файлов, изображений в памяти и многих мер по оптимизации. По сравнению с собственным решением, оно может обеспечить лучшее использование памяти и ЦП в сценариях электронной коммерции с несколькими изображениями.
Между тем, для компонента List Flutter программы AliFlutter предложили и внедрили инструмент оптимизации. Единицы ячеек, изначально предназначенные для переработки, восстановлены как единицы с каждым изображением. В визитных карточках электричества сложные сцены, графические детали и т. д. могут быть восстановлены, если ресурсы памяти текстур удалены от экрана в соответствии с изображением. Значительное сокращение числа резко возросших на сцене явлений памяти, повышение стабильности приложения.
Смешанное развитие трепетания и родных будет давно представлять собой метод разработки основного потока. Стабильное, эффективное решение для кэширования внешнего изображения, которое легко интегрируется с официальной системой, необходимо. Однако каждое приложение имеет свои собственные сценарии и пользовательские характеристики, а разработчики приложений должны выбрать решения на основе характеристик приложений и потребностей.
РРТ:Нажмите здесь, чтобы загрузить
видео:Нажмите здесь, чтобы посмотреть
В-четвертых, обмен опытом использования технологий UC Flutter.
★Профиль преподавателя:
Лю Сенсен, чье цветочное имя Санни, присоединился к Калифорнийскому университету в 2014 году и провел пять лет в Али Чен. Он долгое время отвечал за техническую работу по информационным потокам в команде информационных потоков UC.В прошлом году он посвятил себя исследованиям и разработке инновационных продуктов и отвечает за применение и практику технологии флаттера в инновационных продуктах.
★Основные моменты:
Калифорнийский университет начал изучать технологию Flutter в 2019 году и в конце того же года приземлился в больших масштабах. В дополнение к выпущенным приложениям, некоторые инновационные продукты также используют технологию флаттера.
Эта сессия обмена подробно расскажет о проблемах, которые UC решает в процессе крупномасштабного внедрения флаттера, и о том, как об этом думать. Я полагаю, что большинство разработчиков этих проблем также столкнутся с ними, и я надеюсь вдохновить их.
В основе крупномасштабного внедрения флаттера должны быть решены три типа задач: построение инженерно-строительной системы, оптимизация производительности и динамическая поддержка. Сосредоточившись на достижении высокой эффективности инженерно-строительной системы, объединенные коммуникации разделены на три архитектурные точки зрения, чтобы обеспечить эффективные и многоразовые инженерные решения. При оптимизации производительности для оптимизации производительности движка построена система высокой доступности flutter, а для оптимизации сцен видео и изображений используются высокопроизводительные внешние текстурные решения. В динамической схеме также есть несколько ярких пятен, которые могут дать каждому различный взгляд на проблему.
Высокая доступность UC основана на компонентах высокой доступности Xianyu для расширения показателей производительности и поддержки собственного навигатора. В сочетании с первоклассной платформой мониторинга продуктов UC itrace (Юэ Ин, внешняя ссылкаyueying.effirst.com/index), предоставляя более удобное решение для мониторинга с высокой доступностью в режиме реального времени. У нас также есть планы открыть это решение высокой доступности flutter, так что следите за обновлениями.
РРТ:Нажмите здесь, чтобы загрузить
видео:Нажмите здесь, чтобы посмотреть
Пять, Taobao специальная версия Flutter практика
★Профиль преподавателя:
Li Bin, Xiao Xia Nickname, Специальная версия IOS Team Team Engine Engineer Engineer, Фронтальная и задняя Интеграция ведущих специальных изданий, Специальное издание применяется к Главным руководству по магазинам и другим сценариям для повышения эффективности НИОКР.
★Основные моменты:
Чтобы решить проблемы эффективности исследований и разработок и взаимодействия с пользователем самого приложения, Taobao Special Edition представляет платформу Flutter и сочетает FaaS для интеграции с облаком. Разработчик может беспрепятственно завершить разработку интерфейса + серверную часть в рамках фреймворка, сэкономив более половины стоимости разработки по сравнению с традиционным процессом разработки и доставки Native.
На уровне фреймворка мы представили фреймворк разработки MVVM для интеграции клиентской и серверной части. MVVM представляет собой совокупность интерфейсной и внутренней интеграции.В рамках максимально защищены детали, о которых бизнесу не нужно беспокоиться.Студенты, которые его разрабатывают, должны быть только владельцем бизнеса и заботятся о собственной бизнес-логике. Этот новый метод разработки может дать вам некоторые расширения для приложений Flutter и научиться использовать Flutter + FaaS для быстрой итерации.
РРТ:Нажмите здесь, чтобы загрузить
видео:Нажмите здесь, чтобы посмотреть
6. Исследование холста и приложение на основе Flutter
★Профиль преподавателя:
Ван Хунбо, Хуа Мин Юаньху, является экспертом в области разработки беспроводных сетей из отдела кросс-платформенных технологий Amoy Technology, в основном занимается исследованиями ядра браузера и механизма рендеринга. На стороне Android Taobao впервые был представлен движок флаттера, а модуль холста на основе движка Flutter был разработан и реализован для обслуживания интерактивной сцены апплета.
★Основные моменты:
Эта тема в основном рассказывает о текущих болевых точках бизнеса, возникающих в сценарии взаимодействия с мини-программой, и дает наше решение на основе движка Flutter. На основе движка Flutter мы предоставляем стандартный API Web Canvas и конвейер рендеринга для внешнего мира, позволяя рендерить бизнес-код непосредственно в рабочем потоке апплета, сокращая ссылку рендеринга и повышая производительность рендеринга.
В то же время мы также усовершенствовали проприетарный режим рендеринга Canvas, который не запускает виртуальную машину dart во время выполнения, что сокращает время запуска движка и использование памяти, а также гарантирует, что собственный бизнес Flutter и интерактивный бизнес небольших программ совместимы друг с другом на уровне двигателя, что снижает затраты на техническое обслуживание на более позднем этапе.
Являясь легким кроссплатформенным движком рендеринга графики, который может стабильно обеспечивать высокое качество и высокую производительность на мобильной стороне, движок Flutter может использоваться в качестве прочной основы в будущем, его можно настраивать и исследовать в сочетании с различными бизнес-процессами. сценарии для достижения дифференциации Эффект многообещающий в будущем.
РРТ:Нажмите здесь, чтобы загрузить
видео:Нажмите здесь, чтобы посмотреть
7. ICBU Flutter Discovery Road
★Профиль преподавателя:
Лу Шаоде по имени Байджи, архитектор ICBU Flutter, соединил Flutter с ICBU, спроектировал и внедрил архитектуру и основные компоненты ICBU Flutter, реализовал и экспортировал гибридный стек ICBU, многоязычность и другие возможности, а также продвигал отдел беспроводных технологий ICBU для продолжения развития в направлении Flutterization. .
★Основные моменты:
Эта тема в основном разделяет практику, мышление и осаждение ICBU с практикой Flutter. Целое разделено на две части.В первой части делается вывод о необходимости доступа к Flutter и проблемах, которые необходимо решить с помощью бизнес-подхода и технических принципов. Вторая часть посвящена технической проработке гибридного проектирования и гибридного стека в работе доступа.
Принимая во внимание различные фреймворки кросс-энд разработки для мобильных устройств, существующие в настоящее время в мире, мы сделали подробный обзор, сравнили технические принципы и, наконец, определили преимущества Flutter. В то же время выводит сомнения большинства разработчиков — отношение Apple к Flutter. Наконец, делается вывод, что Flutter идеально может заменить нативную разработку.
Гибридный стек является неотъемлемой частью гибридной разработки Flutter.Здесь я объясняю трудности гибридного стека и наше решение проблемы, а также сравниваю различия, преимущества и недостатки официального Flutter, FlutterBoost и нашего решения. Я надеюсь, что это может принести новые идеи и вдохновение всем разработчикам.
РРТ:Нажмите здесь, чтобы загрузить
видео:Нажмите здесь, чтобы посмотреть
8. Приложение Flutter и осадки в Ele.me
★Основные моменты:
Чем же хорош Flutter, как самое популярное на данный момент решение для кроссплатформенной разработки? Ele.me сотрудничает с Flutter со второй половины 2018 года и запустила большое количество предприятий Flutter в нескольких приложениях. Этот обмен впервые представил причину, по которой Ele.me выбрала Flutter в качестве своего кросс-платформенного решения для исследований и разработок, чтобы «повысить качество, повысить эффективность и расширить возможности бизнеса». Он включает в себя сравнение Flutter и собственных R&D-решений, rn/weex и H5 в различных аспектах, а также демонстрацию эффективности Flutter R&D, пользовательского опыта страницы и перспектив применения. Я считаю, что это придаст вам больше уверенности и решимости попробовать Flutter и использовать Flutter для развития бизнеса.
В то же время в этой теме также рассказывалось о применении и посадке Flutter в Ele.me, включая фактический опыт работы с некоторыми бизнес-страницами Flutter в Интернете; она также включает в себя практику, анализ и эволюцию инженерного гибридного стекового решения, а также два типа инженерных исследований и разработки / интеграции Ожидается, что фон и практика бизнес-группы модели принесут вам некоторую ссылку. Наконец, я поделился окончательным онлайн-качеством (Crash/FPS) бизнеса Flutter, а также результатами повышения эффективности НИОКР всей команды.
Тема также представила базовую конструкцию и осаждение Ele.me в процессе применения Flutter, включая основные блок-схемы некоторых проектов, которые Ele.me внесла в совместное создание Aliflutter для вашей справки. решить проблемы при использовании Channel.Болевые точки (двустороннее жесткое кодирование/один вызов/высокая стоимость создания), элегантное решение для практики и вывода ДНК (устранение нативного жесткого кодирования/дротик-контекст, вызывающий нативные методы/нет необходимости создавать Channel и Plugin ), ожидать вызова нативного в dart. Предоставляет вам более быстрый, простой и более мощный вариант.
РРТ:Нажмите здесь, чтобы загрузить
видео:Нажмите здесь, чтобы посмотреть
Сегодняшний чат: какой контент вы ожидаете больше в следующем выпуске, добро пожаловать в поле для комментариев~
Смотрите конец, дайте оранжевому 🍊 как утку~
(оранжевый WeChat: TaoTech001)