Содержание
Хотя многие разработчики утверждают, что создание мобильного проекта с использованием гибридных технологий является осуждением за производительность приложения, это не совсем так. Когда они говорят о производительности, они должны говорить о технических характеристиках устройства, потому что приложение на базе HTML5 cordova может удовлетворить почти все требования к производительности базового приложения. Затем начнется борьба за то, что «Native намного лучше» или «Написание с использованием HTML, JS, CSS сделает процесс разработки намного быстрее» и так далее. Что ж, не говоря уже о проблеме аппаратного обеспечения, давайте представим, что у нас у всех есть Samsung Galaxy S7 Edge с лучшими обновлениями и т. Д., Но мы работаем в простом приложении (да, мы не можем сравнить скорость игры, созданной с нативным кодом и игра с HTML … или, может быть, да, но все еще читающая), созданная с использованием новейших и наиболее оптимизированных сред JS и CSS. Это приложение будет работать без каких-либо проблем с производительностью. Теперь у нас есть не очень новое, но не очень старое устройство Samsung с Android 4, приложение будет работать без проблем с производительностью, однако, похоже, тот же дизайн и макет приложения, построенный на CSS и JS, который работает с новым Samsung, кажется, выглядеть так же, как ваше приложение, протестированное в Internet Explorer 8 (я имею в виду, не слишком преувеличено, но оно просто не выглядит так хорошо или работает так, как должно с текущим кодом).
Подумайте об этом, не каждый может купить устройство последнего поколения, но нам нужно, чтобы наше приложение работало одинаково на всех устройствах … много кода, тестов и времени, если вы хотите написать код, который работает на каждой версии установлен WebView устройства. К счастью, для тех, кому нужно функциональное решение, мы рекомендуем им использовать Crosswalk Project в своих приложениях Cordova.
Crosswalk Project — это среда выполнения веб-приложений с открытым исходным кодом, созданная с использованием последних версий Chromium и Blink от Google. Цель проекта — предоставить веб-приложениям самые современные и инновационные возможности, включая экспериментальные API и расширяемость. Ни один разработчик не хочет, чтобы старые устаревшие устройства не позволяли им использовать новые API Javascript, поэтому существует Crosswalk. Предоставьте своим пользователям последнюю версию Интернета, используя Crosswalk Project в качестве встроенного браузера вашего приложения.
Преимущества и недостатки
Хотя проект звучит очень многообещающе и звучит идеально, стоит сказать о преимуществах и недостатках его использования:
преимущества
- Вы можете отлаживать приложение удаленно даже в старых версиях Android (что невозможно с).
- Используйте все функции, доступные в современных веб-браузерах: HTML5, CSS3, JavaScript.
- Повысьте производительность вашего HTML, CSS и JavaScript.
- Получите последовательное, предсказуемое поведение, уменьшив фрагментацию устройств Android.
Недостатки
- В зависимости от архитектуры, каждому приложению Cordova потребуется как минимум два APK, один для архитектуры IA, а другой для архитектуры ARM.
- Размер APK значительно увеличивается (2MB пустой проект кордова но с пешеходным переходом 30MB в х86 и 27MB в armv7).
Если вы понимаете преимущества, недостатки и все еще хотите использовать Crosswalk в своем проекте, тогда давайте начнем!
Реализация пешеходного перехода
Заменить WebView устройства по умолчанию на Crosswalk так же просто, как установить его так же, как и при использовании плагина Cordova.
1. Создать проект Cordova
Откройте новый терминал и перейдите в папку, где будет создан ваш проект (в данном случае на рабочем столе):
cd C:\Users\\DesktopИ создать новый проект Cordova (или это может быть уже существующий проект)
cordova create sandbox com.mycompany.sandbox SandboxЗатем перейдите к папке проекта (в данном случае к песочнице):
cd sandboxТеперь вы находитесь в каталоге вашего проекта cordova с консолью.
2. Добавьте платформу Android
Вам нужно установить платформу для своего проекта Cordova, в данном случае Android. Для установки платформы используйте следующую команду:
cordova platform add android --save3. Установите Crosswalk
После установки платформы перейдите к установке Crosswalk view в вашем проекте cordova, выполнив следующую команду:
cordova plugin add cordova-plugin-crosswalk-webviewДождитесь его установки и, наконец, протестируйте пустое приложение на устройстве или в эмуляторе:
cordova run android --device
REM or in the emulator
cordova run android --emulatorПоздравляем, вы только что внедрили и заменили WebView устройства на Crosswalk Webview. Чтобы увидеть генерируемые APK, перейдите в папку APK (\YOUR-CORDOVA-PROJECT\platforms\android\build\outputs\apk) и вы найдете android-x86-debug.apk а также android-armv7-debug.apk файлы. Когда разработка вашего приложения будет готова и вы хотите опубликовать его в Google Play, вы можете прочитать эта статья о том, как отправить несколько APK в Google Play здесь.
Мы рекомендуем вам наконец посетить Проект пешеходного перехода на домашней странице здесь и документация для получения дополнительной информации.
