Как установить Apache Cordova на Ubuntu 18.04 LTS

Apache Cordova (ранее известная как PhoneGap) – это бесплатная и открытая среда разработки мобильных приложений, которая может использоваться для создания приложений для мобильных устройств с использованием CSS3, HTML5 и JavaScript.

Вы можете создавать гибридные мобильные приложения с использованием HTML, CSS и JavaScript на платформе Cordova, которые будут использоваться на разных мобильных платформах, таких как IOS, Android, Windows.

В этом уроке мы узнаем, как установить Кордову на Ubuntu 18.04 LTS (Bionic Beaver).

Требования

• Сервер, на котором запущена Ubuntu 18.04.
• Пользователь с привилегиями sudo.

Установите Node.js

Во-первых, вам нужно будет установить в свою систему последнюю версию Node.js.

По умолчанию последняя версия Node.js недоступна в репозитории по умолчанию Ubuntu 18.04.

Таким образом, вам нужно будет добавить PPA для node.js в вашу систему.

Вы можете сделать это с помощью следующей команды:

sudo apt-get install python-software-properties -y
curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash –

После установки репозитория установите Node.js, используя следующую команду:

Установите Cordova

Теперь установите Кордову, используя команду npm, как показано ниже:

sudo npm install -g cordova

Вывод:

/usr/bin/cordova -> /usr/lib/node_modules/cordova/bin/cordova
+ [email protected]
updated 1 package in 15.829s

После установки Кордовы вы можете проверить версию, используя следующую команду:

cordova –version

Вывод:

? May Cordova anonymously report usage statistics to improve the tool over time? Yes

Thanks for opting into telemetry to help us improve cordova.

8.0.0

Создайте свое первое приложение

Cordova теперь установлена, пришло время создать приложение с помощью Cordova.

Выполните следующую команду, чтобы создать первое приложение с именем TestApp:

cordova create TestApp

Вывод:

Creating a new cordova project.

Затем измените каталог на TestApp и добавьте нужную платформу в ваше приложение.

cd TestApp
cordova platform add android

Вывод:

Using cordova-fetch for [email protected]~7.0.0
Adding android project...
Creating Cordova project for the Android platform:
	Path: platforms/android
	Package: io.cordova.hellocordova
	Name: HelloCordova
	Activity: MainActivity
	Android target: android-26
Subproject Path: CordovaLib
Subproject Path: app
Android project created with [email protected]
Android Studio project detected
Android Studio project detected
Discovered plugin "cordova-plugin-whitelist" in config.xml. Adding it to the project
Installing "cordova-plugin-whitelist" for android

               This plugin is only applicable for versions of cordova-android greater than 4.0. If you have a previous platform version, you do *not* need this plugin since the whitelist will be built in.
          
Adding cordova-plugin-whitelist to package.json
Saved plugin info for "cordova-plugin-whitelist" to config.xml
--save flag or autosave detected
Saving [email protected]~7.0.0 into config.xml file ...

Затем запустите следующую команду, чтобы отобразить установленные и доступные платформы

cordova platform -ls

Вывод:

Installed platforms:
  android 7.0.0
Available platforms: 
  browser ~5.0.1
  ios ~4.5.4
  osx ~4.0.1
  windows ~5.0.0
  www ^3.12.0