A következő cikkben megvizsgáljuk az Ionic Framework -t, és hogyan telepíthető az Ubuntu 20.04 -re. Ez a keretrendszer lehetővé teszi a felhasználók számára, hogy más keretrendszerekkel, például Angular -val valósítsanak meg projekteket. Az Ionic egy teljes nyílt forráskódú SDK hibrid mobilalkalmazás -fejlesztéshez, amelyet a Drifty Co. Max Lynch, Ben Sperry és Adam Bradley készített 2013 -ban. Az eredeti verzió 2013 -ban jelent meg, és az AngularJS és Apache Cordova tetejére épült. A legújabb verziót azonban webkomponensek halmazaként építették át, amelyek lehetővé teszi a felhasználó számára, hogy Angular, React vagy Vue.js projekteket végezzen. Lehetővé teszi az ionos komponensek használatát is felhasználói felület keret nélkül.
ión eszközöket és szolgáltatásokat kínál a modern webfejlesztési gyakorlatokon és technológiákon alapuló asztali, mobil és progresszív webes alkalmazások fejlesztéséhez. Ehhez olyan webes technológiák használhatók, mint a CSS, a HTML5 és a Sass. Ezzel a kerettel olyan alkalmazásokat fejleszthetünk ki, amelyek webes technológiákkal kompatibilisek az iOS -szel, az Android -szal vagy magával a webbel. Ezenkívül egy hatékony CLI eszközt is kínál, amellyel projekteket tudunk kezelni és létrehozni.
Az ionok általános jellemzői
- Ez a keretrendszer ingyenes és nyílt forráskódú. A mobilra optimalizált felhasználói felület eszközeinek és összetevőinek könyvtárát kínálja gyors és rendkívül interaktív alkalmazások létrehozásához.
- Ionic a Cordovát használja, és újabban beépülő modulok, amelyek hozzáférést biztosítanak a gazda operációs rendszer funkcióihoz, például GPS-hez, fényképezőgéphez, zseblámpához stb.
- A felhasználók létrehozhatják alkalmazásaikat, majd testreszabhatják őket Android, iOS, Windows, asztali (Electron -nal) vagy modern böngészőkhöz.
- ión mozgó alkatrészeket, tipográfiát vagy bővíthető alaptémát tartalmaz.
- Használat során Web összetevők, Az Ionic egyedi összetevőket és módszereket kínál a velük való interakcióhoz. Az egyik ilyen komponens, a virtuális görgetés, lehetővé teszi a felhasználók számára, hogy a teljesítményre gyakorolt hatás nélkül görgessenek a több ezer elemből álló listán. Egy másik összetevő, a Tabs, egy füles felületet hoz létre, amely támogatja a natív stílusú navigációt és az előzmények állapotkezelését.
- Az SDK mellett az Ionic is biztosítja szolgáltatások, amelyeket a fejlesztők használhatnak a szolgáltatások engedélyezéséhez, például kód implementációk vagy automatizált buildek.
- is saját IDE -t biztosít, amely Ionic Studio néven ismert.
- Emellett egy interfészt is kínál Parancs sor (CLI) projektek létrehozásához. A CLI lehetővé teszi a fejlesztők számára további Cordova bővítmények és csomagok hozzáadását, a push értesítések engedélyezését, az alkalmazás ikonok létrehozását, a splash képernyők létrehozását és a natív bináris fájlok létrehozását.
Telepítse az Ionic -t az Ubuntu 20.04 -re
Ennek a keretnek a telepítése meglehetősen egyszerű. A kezdéshez csak egy terminált kell megnyitnunk (Ctrl + Alt + T) és frissítse a rendszercsomagjainkat:
sudo apt update; sudo apt upgrade
Akkor fogunk telepítsen néhány szükséges csomagot. Ugyanebben a terminálban a következő parancsot kell használnunk:
sudo apt install curl gnupg2 wget git
A következő lépés lesz telepítse a NodeJS-t. Ezt a példát a verzióval teszteltem 14.x. Ennek a verziónak a telepítéséhez a szükséges tároló hozzáadásával kezdjük:
curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -
Akkor megtehetjük felszerel NodeJS a másik parancs futtatása:
sudo apt install nodejs
Ionichoz Apache Cordova szükséges. Tisztázni kell, hogy ez olyan eszköz -API -k halmaza, amelyek lehetővé teszik a mobilalkalmazás -fejlesztő számára, hogy JavaScript segítségével hozzáférjen az eszköz natív funkcióihoz, például a fényképezőgéphez vagy a gyorsulásmérőhöz.
A NodeJS telepítése után megtehetjük telepítse a cordovát futás:
sudo npm install -g cordova
Ezen a ponton léphetünk tovább telepítse az Ionic programot az npm használatával:
sudo npm i -g @ionic/cli
A telepítés után megtehetjük a paranccsal ellenőrizze a telepített verziót:
ionic -v
Példa alkalmazás
Ha szeretnénk megtudni, hogy a telepítés helyesen történt -e, először egy kis példalkalmazást hozhatunk létre. Ehhez csak muszáj lesz futtassa a következő parancsot, hozza létre a példát:
ionic start
A parancs futtatásakor meg kell határoznia, hogy milyen típusú projektet szeretne létrehozni. Ebben a példában az Angular -t választottam. Ezenkívül nevet kell adnia a projektnek, és ki kell választania a sablont. Mindezt az alábbihoz hasonló képernyőről kell kiválasztania:
A beállítás után, egy mappa jön létre a projekthez adott névvel. A projekt struktúrájának megtekintéséhez nyissa meg ezt a mappát.
A nézd meg a projektet, ugyanazon a terminálon fogjuk végrehajtani ezt a másik parancsot:
ionic serve --host 0.0.0.0 --port 8000
Ezzel a paranccsal bármely gazdának hozzáférést biztosítunk a 8000 -es porthoz.
Amikor minden, amire szüksége van, betöltődik, nyissa meg a webböngészőt, és lépjen a http://localhost:8000 o http://IP-de-tu-servidor:8000 és látni fogja a példaként létrehozott oldalt.
Az Ionic egy modern keretrendszer, amely lehetővé teszi számunkra, hogy egyszerű és elegáns módon fejlesszünk platformok közötti alkalmazásokat. Megszerezhető további információ és dokumentáció a telepítéséről és működéséről a projekt honlapja.