Разработка приложений с помощью Apache Cordova и веб-технологий снижает затраты на разработку и обслуживание. С помощью версии с одним исходным кодом можно создавать приложения для Android, iOS и Windows.

Cordova обеспечивает значительный прирост производительности при разработке приложений.
Если у вас есть разработка Cordova под контролем, то прирост производительности при разработке приложений будет огромным. Поддерживать единую базу кода и создавать приложения для всех платформ - это круто!

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

Давай начнем :

Настраивать

  1. Установите angular cli


angular / angular-cli
Инструмент командной строки для Angular. Участвуйте в разработке angular / angular-cli, создав учетную запись на GitHub. github.com



2. Загрузите студию Android, чтобы просто установить SDK и инструменты.



Загрузить инструменты Android Studio и SDK | Разработчики Android
Загрузите официальную Android IDE и инструменты разработчика для создания приложений для телефонов, планшетов, носимых устройств, телевизоров и… developer.android.com



3. Загрузите Cordova через → npm install -g cordova



Apache Cordova
Cordova превращает ваше приложение HTML / JavaScript в собственный контейнер, который может получить доступ к функциям устройства нескольких… cordova.apache.org



Настройка завершена.

Создание

  1. Создайте приложение angular → ng новое НАЗВАНИЕ ПРОЕКТА
  2. Создайте в той же папке проект кордовы → кордова создать кордову
  3. затем добавьте платформу, запустив ее в папке Cordova → Платформа Cordova добавить Android

Ваша структура должна выглядеть так

4. Зайдите в main.ts и убедитесь, что мы правильно используем Cordova на продукте. режим.

5. Измените базовый путь вашего index.html в проекте angular.

5. Откройте package.json вашего проекта cordova и создайте новый скрипт, который позволит нам запустить проект на вашем устройстве.

6. Откройте package.json вашего проекта angular и измените или создайте новый скрипт для сборки вашего проекта непосредственно в папке www и запустите его после этого:

7. Теперь мы готовим наш телефон к работе, получая состояние разработчика и включив отладку по USB:

  • Настройки → О телефоне → Номер сборки → Коснитесь его 7 раз.
  • Настройки → Параметры разработчика → Включить отладку по USB.

8. Подключите телефон к компьютеру через USB.

9. Выполните в своем проекте Angular → npm run start.

И готово!

Я загрузил код на Github: https://github.com/DomEscobar/Angular-Cordova-Boilerplate