резюме в одном предложении

Сходства и различия между Native, Web App, Hybrid, React Native (далее — RN) и Weex, а также более поздняя синхронизацияАпплетыа такжеPWA

Приложение Общий режим развития [Введение]

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

Native App

Традиционная модель разработки нативных приложений состоит из двух основных систем: iOS и aOS, которым для разработки собственных приложений требуются собственные языки.

преимущество: Производительность и опыт являются лучшими
недостаток: Высокие затраты на разработку и выпуск
взять каштан:Приложение NetEase дворецкого(вкладка 1, вкладка 2)
Технология применения: Swift, Objective-C, Java

WebApp

Мобильные веб-сайты, часто называемые приложениями H5, представляют собой специальные веб-приложения, работающие в мобильных браузерах. Обычно относится к веб-сайту, разработанному в режиме SPA (одностраничное приложение), который соответствует MPA (многостраничное приложение, которое будет представлено позже).

преимущество: Самые низкие затраты на разработку и выпуск
недостаток: Производительность и опыт нельзя назвать худшими, но они также ограничены вычислительной мощностью браузера.Множественные загрузки также будут занимать определенное количество пользовательского трафика.
взять каштан:ПРИЛОЖЕНИЕ NetEase Дворецкий(Вкладка 3)
Технология применения: ReactJS, RegularJS, VueJS и многие другие.

Hybrid App

Мобильное приложение смешанного режима, технология разработки приложений между веб-приложением и собственным приложением, имеет как «преимущества хорошего интерактивного опыта собственного приложения», так и «преимущества кроссплатформенной разработки веб-приложений» (объяснение в энциклопедии Baidu).

Основной принцип заключается в том, что Native предоставляет унифицированный API через JSBridge и другие методы, а затем использует Html+Css для реализации интерфейса, JS для написания логики, вызов API, и конечная страница отображается в Webview. , API для Android и iOS Как правило, существует согласованность, поэтому гибридное приложение имеет кроссплатформенный эффект.

преимущество: Удобнее разрабатывать и публиковать, а эффективность находится между родным приложением и веб-приложением.
недостаток: Широкий спектр обучения, требует сотрудничества с носителями
взять каштан: FanReact, приложение I Love My Home, приложение China Eastern Airlines, фонд Wells Fargo — приложение Wells Fargo Wallet
Технология применения: PhoneGap, AppCan, Wex5 и т. д.

React Native App

Facebook обнаружил, что гибридное приложение имеет много недостатков и недостатков, поэтому запустил новый набор решений для разработки приложений с открытым исходным кодом, RN. Используйте язык JSX для написания собственного интерфейса, а js вызывает собственный API для интерактивного взаимодействия пользовательского интерфейса через JSBridge.

преимущество: эффективность близка к эффективности собственного приложения, а стоимость публикации и разработки ниже, чем у собственного приложения.
недостаток: Обучение имеет определенную стоимость, а документов мало, так что наступить на яму неминуемо
взять каштан: Facebook, Youtube, Discord, QQ, Baidu и т. д.

Weex App

Основываясь на успешном кейсе RN, команда разработчиков Alibaba переработала набор моделей разработки, стоящих на плечах гигантов и поддерживаемых проектом команды Taobao.Версия официально поддерживает Vue.js, конкурирующую с RN.

преимущество: Одностраничный режим разработки чрезвычайно эффективен, пакет горячего обновления имеет небольшой размер, а кроссплатформенность сильнее.
недостаток: только начинается, отсутствие документации, в сообществе нет активного RN, функция не идеальна, она не подходит для полноценного использования Weex для разработки приложения.
взять каштан: Taobao, Tmall, Alibaba Cloud, Youku, Xianyu, Eleme и т. д.

продолжать анализировать

Native App

Нативное приложение — это стороннее приложение, написанное и работающее на основе локальной операционной системы смартфона, такой как iOS, Android, WP, и использующее нативную программу, также называемую нативным приложением. Обычно используемые языки разработки — Java, C++ и Objective-C.

С момента выпуска двух мобильных операционных систем, iOS и Android, в мир Интернета был добавлен новый термин: приложение означает стороннее приложение, работающее на интеллектуальном мобильном терминальном устройстве).

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

Преимущество

1. По сравнению с другими режимами он обеспечивает лучший пользовательский интерфейс, лучший пользовательский интерфейс и самое великолепное взаимодействие.
2. Предоставляйте разные возможности для разных платформ
3. Это может сэкономить затраты на пропускную способность и быстрее открывать
4. Самая мощная функция, особенно во взаимодействии с системой, можно реализовать практически все функции

недостаток

1. Порог высокий, талантов нативной разработки мало, по крайней мере, меньше, чем во фронтенде и бэкенде, а среда разработки дорогая
2. Кроссплатформенность невозможна, стоимость разработки относительно велика, и каждая система разрабатывается независимо.
3. Стоимость публикации высока, и она должна быть проверена магазином или рынком, что приводит к медленным обновлениям.
4. Стоимость поддержки нескольких версий и нескольких систем относительно высока, и они должны быть совместимы.
5. Рынок приложений постепенно насыщается, на то, чтобы завладеть временем пользователей, уходит много времени и денег, что также приводит к росту «зомби»-приложений

WebApp

Когда дело доходит до веб-приложения, многие люди думают о WAP, а некоторые думают, что WAP — это веб-приложение, но это не так.

Самая непосредственная разница заключается в том, что WAP WebApp и функциональный уровень. WAP больше ориентирован на использование веб-технологий в мобильном терминале для отображения, в том числе текста, мультимедийных файлов и так далее. Веб-приложение больше ориентировано на «функцию» — использовать веб-технологию приложения. Как правило, веб-приложение работает в сети и является стандартным браузером, реализующим специфические для приложения функции разработки веб-технологий.

Большинство реактивных технологий предназначены для того, чтобы веб-приложения могли адаптироваться к различным типам клиентов.

Веб-сайты обычно делятся на два типа: MPA (многостраничное приложение) и SPA (одностраничное приложение). WebApp обычно относится к веб-сайту, разработанному в форме SPA. Это больше похоже на приложение.

Преимущество

1. Он может быть кроссплатформенным и простым в отладке.
2. Установка не требуется, память телефона не занимает, скорость обновления самая быстрая
3, мультиверсия не проблема, низкие затраты на техническое обслуживание
4, впускной, временный, также может встроить

недостаток

1. В зависимости от сети первый доступ к странице медленный и потребляет трафик
2. Ограничено производительностью мобильных телефонов и браузеров, пользовательский опыт худший по сравнению с другими режимами.
3. Функция ограничена, и большое количество функций мобильного терминала не может быть реализовано.
4. Вход сильно зависит от сторонних браузеров и может существовать только в виде URL-адресов, что приводит к низкому уровню удержания пользователей (преимущества — недостатки).

Hybird App

Гибридная разработка, то есть режим разработки полуоригинальной половины сети, который предоставляет унифицированный API для JS.Фактическая основная логика имеет HTML и JS для завершения, в конечном итоге поместите ее в веб-просмотр, поэтому вам нужно только написать набор кода. Он может достигать кросс-платформенных эффектов, а также может быть введен в эксплуатацию прямо в браузере. Это удобно. Самое главное, что только один фронтенд-персонал должен изучить вызов JS API.

Hybird App ранее практикующих PhoneGap, затем везде, таких как Titanium, Salama, WeX5, Kerkee и отечественных AppCan, каждый со своей собственной реализацией проекта, общий принцип в основном тот же. Был вовлечен в период обучения и исследований в штаб-квартире AppCan в Шанхае, примерно после введения:

AppCan — это кроссплатформенный инструмент разработки мобильных приложений Hybird, основанный на технологии HTML5. Разработчики используют технологию Html5+Css3+JavaScript через интегрированную систему разработки AppCan IDE, облачный упаковщик и т. д. для быстрой разработки мобильных приложений на платформах Android, iOS, WP.

Состав платформы AppCan

В реальной разработке приложений AppCan может выполнить большую часть рабочей нагрузки, как показано на рисунке:

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

Разработчики могут разрабатывать визуальный пользовательский интерфейс приложения и большинство взаимодействий, таких как веб-приложения.Когда необходимо использовать собственные функции (такие как камеры, гироскопы и т. д.), им нужно только вызвать официальный API, чтобы легко добиться собственного эффекта. Что касается связи между JS и Native, обычно используются мониторинг URL-адресов и связь JSBridge, используемые большинством производителей гибридов, принципы которых схожи.

Подробное объяснение принципа JsBridge см.blog.CSDN.net/Знание чести…

Когда преобладала концепция Hybird, в исследовании также участвовали крупные компании в стране и за рубежом.Иностранные представители включали Facebook, Google, Amazon, а местные — Tencent, Alibaba, NetEase и т. д. Постепенно они обнаружили, что Hybird сильно ограничен. путем анализа WebView.Rendering эффективности, поэтому Facebook начал свои исследования и исследования нативного.

React Native App

пожалуйста, переместите[Примечания] React Native Quick Start Notes

Weex App

пожалуйста, переместитеПриложение NetEase Yanxuan для разработки Weex