В следващата статия ще разгледаме Ionic Framework и как тя може да бъде инсталирана на Ubuntu 20.04. Тази рамка ще позволи на потребителите да реализират проекти с други рамки като Angular. Ionic е пълен SDK с отворен код за разработване на хибридни мобилни приложения, създаден от Max Lynch, Ben Sperry и Adam Bradley от Drifty Co. през 2013 г. Оригиналната версия е издадена през 2013 г. и е изградена върху AngularJS и Apache Cordova. Най -новата версия обаче беше възстановена като набор от уеб компоненти, които позволява на потребителя да избере да прави Angular, React или Vue.js проекти. Той също така позволява използването на Ionic компоненти без рамка на потребителския интерфейс.
йонийски предоставя инструменти и услуги за разработване на хибридни настолни, мобилни и прогресивни уеб приложения, базирани на съвременни практики и технологии за уеб разработка. За тази цел могат да се използват уеб технологии като CSS, HTML5 и Sass. С тази рамка можем да разработваме приложения с уеб технологии, съвместими с iOS, Android или самата мрежа. Той също така предлага мощен инструмент за CLI, с който ще можем да управляваме и създаваме проекти.
Общи характеристики на Ionic
- Тази рамка е безплатна и с отворен код. Той предлага библиотека от оптимизирани за мобилни устройства инструменти и компоненти, с които да създава бързи и силно интерактивни приложения.
- Йоник използва Кордова, и наскоро плъгини за достъп до функциите на операционната система на хоста, като GPS, камера, фенерче и т.н.
- Потребителите могат да създават своите приложения и след това да ги персонализират за Android, iOS, Windows, настолни компютри (с Electron) или съвременни браузъри.
- йонийски включва движещи се части, типография или разтегателна базова тема.
- При използване Уеб компоненти, Ionic предоставя персонализирани компоненти и методи за взаимодействие с тях. Един от тези компоненти, виртуалното превъртане, позволява на потребителите да превъртат списък с хиляди елементи без никакво влияние върху производителността. Друг компонент, Tabs, създава интерфейс с раздели, който поддържа навигация в естествен стил и управление на състоянието на историята.
- В допълнение към SDK, Ionic също предоставя услуги, които разработчиците могат да използват, за да активират функциикато внедряване на код или автоматизирани компилации.
- също предоставя собствена IDE, известна като Ionic Studio.
- Той също така предлага интерфейс на Командна линия (CLI) за създаване на проекти. CLI също така позволява на разработчиците да добавят допълнителни приставки и пакети на Cordova, да активират push известия, да генерират икони на приложения, запълващи екрани и да създават собствени двоични файлове.
Инсталирайте Ionic на Ubuntu 20.04
Инсталирането на тази рамка е доста просто. За да започнем, просто трябва да отворим терминал (Ctrl + Alt + T) и актуализирайте нашите системни пакети:
sudo apt update; sudo apt upgrade
Тогава ще го направим инсталирайте някои необходими пакети. В същия терминал ще трябва да използваме командата:
sudo apt install curl gnupg2 wget git
Следващата стъпка ще бъде инсталирайте NodeJS. Този пример съм тествал с версията 14.x. За да инсталирате тази версия, ще започнем с добавяне на необходимото хранилище:
curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -
Тогава можем instalar NodeJS изпълнява тази друга команда:
sudo apt install nodejs
Йоник изисква Apache Cordova. Трябва да се изясни, че това е набор от API на устройства, които позволяват на разработчика на мобилни приложения, използвайки JavaScript, да осъществява достъп до естествените функции на устройството, като например камерата или акселерометъра.
След като инсталираме NodeJS, можем инсталирайте Cordova работи:
sudo npm install -g cordova
На този етап можем да преминем към инсталирайте Ionic с помощта на npm:
sudo npm i -g @ionic/cli
След инсталацията можем проверете инсталираната версия с команда:
ionic -v
Примерно приложение
За да разберем дали инсталацията е извършена правилно, можем да започнем, като създадем малко примерно приложение. За да направим това, ще трябва само да го направим изпълнете следната команда създайте пример:
ionic start
Когато изпълнявате тази команда ще трябва да определите какъв тип проект искате да създадете. За този пример избрах Angular. Освен това ще трябва да дадете име на вашия проект и да изберете шаблона. Всичко това ще трябва да изберете от екран, подобен на следния:
След настройката, ще бъде генерирана папка с името, което сме дали на проекта. Достъп до тази папка, за да видите структурата на проекта.
Към вижте проекта, в същия терминал ще изпълним тази друга команда:
ionic serve --host 0.0.0.0 --port 8000
С тази команда ще позволим на всеки хост да има достъп до порт 8000.
Когато всичко, от което се нуждаете, е заредено, отворете уеб браузъра си и отидете на http://localhost:8000 o http://IP-de-tu-servidor:8000 и ще видите примерната страница, която току -що беше създадена.
Ionic е модерна рамка, която ни позволява да разработваме междуплатформени приложения по прост и елегантен начин. Може да се получи повече информация и документация за нейното инсталиране и работа в уебсайт на проекта.