Какво е йонийско?
Това е рамка, която позволява разработването на приложения с уеб технологии, тоест отворени стандарти, добре познати от общността: HTML, CSS и Javascript.
С Ionic и една кодова база можете да създавате приложения, които работят на различни платформи, като iOS и Android. Но също така е възможно проектите да се компилират и в това, което е известно като PWA (Progressive Web Apps) или настолни приложения, базирани на Electron.
Едно от основните предимства на йонийското и хибридното развитие като цяло е, че тъй като те са технологии за разработка, познати и използвани в уеб средата, всеки разработчик, който редовно работи в Интернет, може да използва отново цялото знание, съхранявано от години.
Благодарение на това и с доста малка крива на обучение, човек с опит във фронтенд разработката е способен да разработва мобилни приложения, които могат да бъдат предоставени на потребителите в магазините за приложения (като App Store на Apple или Google Play).
Android Studio е интелигентен редактор на код, разработен и поддържан директно от Google, за да улесни разработването на приложения за тази операционна система.
Android Studio е не само редактор на код, адаптиран за Android, но е пълен пакет от инструменти и зависимости, необходими за започване на разработването и компилирането на приложения за тази операционна система.
Йоний 4
Ionic 4 идва с важни нови функции, които извеждат рамката на следващото ниво, по-гъвкав във всяко отношение, благодарение на включването на нови технологии, потоци на развитие.
Без съмнение с тази актуализация рамката достига висока степен на зрялост, предоставяйки на разработчиците нови инструменти, с които да правят невероятни приложения, ориентирани към устройства.
Ionic 4 вече предлага оптимизирани за мобилни устройства UI компоненти чрез уеб компоненти. Предимството на уеб компонентите е, че това е стандарт на Javascript, така че те се основават на собствен код, който постига по-висока производителност като цяло. Но също така, тъй като това е Javascript, е възможно да се използват уеб компоненти във всяка фронтова рамка.
Ionic 4 премахна зависимостите с която и да е рамка на Javascript. Вече няма нужда да използвате Angular. Можем да използваме React, Vue и други библиотеки, ако предпочитаме, или дори роден Javascript, без използването на конкретна рамка.
Той включва библиотеката Stencil (Stencil.JS) за разработване на компоненти на потребителския интерфейс. Stencil е създаден от същия екип на Ionic, който осигурява оптимизирана производителност за работа на мобилни телефони и в хибридни приложения с Ionic. Можем да кажем, че Stencil е прозрачен за разработчика.
Ясно е, че разработчикът ще използва компоненти, които първоначално не знае, ако са персонализирани елементи (персонализирани компоненти с местни уеб компоненти), направени с определена рамка или библиотека. Не е необходимо да имате познания за Stencil, тъй като компонентите на приложението могат да бъдат направени с тази библиотека или с друга рамка по наше предпочитание.
Сега Ionic разработи нов слой за чат с родната част на устройствата. Името му е Capacitor и замества това, което ни предлагаха плъгините Cordova преди. Въпреки че Cordova все още може да се използва при желание, благодарение на Capacitor получаваме по-висока производителност и премахваме зависимости със системи от други организации, които не са свързани с Ionic.
В кондензатора има доста приставки за естествено поведение, но в много случаи все пак ще трябва да отидем в Кордова, когато този компонент все още не съществува в тази система.
Стъпка 1. Инсталация на Node.js
Node.js е сървърна, базирана на събития среда на Javascript. Това е библиотека и среда за изпълнение на управлявани от събития и следователно асинхронни I/O, които работят на интерпретатора на JavaScript, създаден от Google V8.
За да го инсталираме, отиваме на официалната страница и изтегляме най-новата версия за нашата операционна система. След като инсталационната програма бъде изтеглена, ние я стартираме и натискаме „Напред“.
Приемаме лицензионното споразумение и натискаме „Напред“.
Избираме пътя, където искаме да го инсталираме, и натискаме „Напред“.
Оставяме това както е и кликваме „Напред“.
Накрая кликваме върху „Инсталиране“.
Когато инсталацията приключи, щракваме върху „Finish“ и инсталационната програма ще се затвори.
За да проверим дали е инсталиран правилно, отваряме конзолата и изпълняваме следната команда:
Ще получим версията на node, която в момента сме инсталирали.
Стъпка 2. Инсталация на Ionic Cli
Ionic CLI е интерпретатор на командния ред на Ionic, който съдържа серия от полезни инструменти за лесно изпълнение на много често срещани задачи при разработването и производството на приложения с Ionic.
За да го инсталираме, отваряме конзолата и въвеждаме следната команда:
Когато инсталацията приключи, можем да проверим дали всичко е минало правилно, като изпълним следната команда:
Стъпка 3. Създаване на акаунт в Ionic.
Преди да започнем с Ionic, трябва да създадем Ionic акаунт, за да можем да управляваме нашите бъдещи приложения.
За това отиваме на следната връзка и попълваме съответната информация.
След като това стане, ще се отвори прозорец за приветствие като този, който показва, че акаунтът е създаден правилно.
Стъпка 4. Създайте първото ни приложение.
За да създадем първото си приложение в Ionic, можем да го направим, като напишем тази команда в конзолата:
За да видим всички налични шаблони, които ionic съдържа, можем да изпълним следната команда: Задаваме името, което искаме да дадем на нашето приложение на мястото на "myApp" и избираме шаблона, който искаме на мястото на "раздели ".
Когато изпълним командата, тя ще започне да инсталира всички необходими зависимости и ще ни попита дали искаме да инсталираме Ionic Appflow SDK и да се свържем с приложението. Натискаме „Y“, за да посочим „да“ и той ще ни помоли да влезем с йонния акаунт, който сме създали по-рано. И изберете шаблона, който най-добре отговаря на нашите нужди.
Въвеждаме имейла и паролата и той ще ни попита дали искаме да създадем ново приложение или да стартираме съществуващо. Избираме опцията „Създаване на ново приложение в Ionic Appflow“.
След като приложението бъде създадено, то ще ни попита кой git искаме да използваме. Избираме този, който ни харесва най-много, в случай че нямаме акаунт в избрания git, ние го създаваме и продължаваме напред. Накрая ще ни попита кой клон искаме да използваме, ние избираме „Link to master клона само“ и с това ще имаме първото си приложение в Ionic.
И накрая, за да стартираме приложението, ние влизаме в папката на приложението от терминала и го стартираме, както следва:
В браузъра ще се отвори прозорец, подобен на този, в зависимост от шаблона, който сме използвали: