Apache Cordova (dříve známý jako PhoneGap) je bezplatný a open source mobilní vývojový rámec, který lze použít k vytváření aplikací pro mobilní zařízení pomocí CSS3, HTML5 a JavaScriptu. Na platformě Cordova můžete vytvářet hybridní mobilní aplikace pomocí HTML, CSS a JavaScriptu, které budou použity na různých mobilních platformách, jako je IOS, Android, Windows. Cordova je rychlejší ve vývoji hybridní aplikace než nativní aplikace, takže vám může ušetřit čas na vývoj.
V tomto tutoriálu se naučíme, jak nainstalovat Cordova na Ubuntu 18.04 LTS (Bionic Beaver).
Požadavky
- Server se systémem Ubuntu 18.04 pro váš systém.
- Uživatel bez oprávnění root s právy sudo.
Instalovat Node.js
Nejprve budete muset do systému nainstalovat nejnovější verzi Node.js. Ve výchozím nastavení není nejnovější verze Node.js k dispozici ve výchozím úložišti Ubuntu 18.04. Budete tedy muset do svého systému přidat PPA pro node.js.
Můžete to provést pomocí následujícího příkazu:
sudo apt-get install python-software-properties -y
curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -
Jakmile je úložiště nainstalováno, nainstalujte Node.js pomocí následujícího příkazu:
sudo apt-get install nodejs -y
Instalovat Cordova
Nyní nainstalujte Cordova pomocí příkazu npm, jak je uvedeno níže:
sudo npm install -g cordova
Výstup:
/usr/bin/cordova -> /usr/lib/node_modules/cordova/bin/cordova + [email protected] updated 1 package in 15.829s
Jakmile je Cordova nainstalována, můžete zkontrolovat verzi pomocí následujícího příkazu:
cordova --version
Výstup:
? 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
Vytvořte svou první aplikaci
Cordova je nyní nainstalována, je čas vytvořit aplikaci pomocí Cordova.
Spusťte následující příkaz a vytvořte svou první aplikaci s názvem TestApp:
cordova create TestApp
Výstup:
Creating a new cordova project.
Dále změňte adresář na TestApp a přidejte do své aplikace požadovanou platformu.
cd TestApp
cordova platform add android
Měli byste vidět následující výstup:
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 ...
Dále spusťte následující příkaz a vypište nainstalované a dostupné platformy pro aplikaci Cordova.
cordova platform -ls
Výstup:
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
Pokud chcete odebrat jakoukoli platformu, můžete ji odebrat pouhým spuštěním následujícího příkazu:
cordova platform remove android
Dále budete muset splnit všechny požadavky pro vaše prostředí sestavení. Můžete to provést spuštěním následujícího příkazu:
cordova requirements
Jakmile jsou všechny požadované závislosti úspěšně nainstalovány, spusťte následující příkaz k vytvoření aplikace:
cordova build android
Odkazy
- Apache Cordova