У следећем чланку ћемо погледати Иониц Фрамеворк и како се може инсталирати на Убунту 20.04. Овај оквир ће омогућити корисницима да имплементирају пројекте са другим оквирима, као што је Ангулар. Иониц је комплетни СДК отвореног кода за развој хибридних мобилних апликација који су креирали Мак Линцх, Бен Сперри и Адам Брадлеи из компаније Дрифти Цо. 2013. Оригинална верзија је објављена 2013. године и изграђена је на врху АнгуларЈС -а и Апацхе Цордове. Међутим, најновија верзија је поново изграђена као скуп веб компоненти, које омогућава кориснику да изабере да ради Ангулар, Реацт или Вуе.јс пројекте. Такође дозвољава употребу јонских компоненти без икаквог оквира корисничког интерфејса.
Иониц пружа алате и услуге за развој хибридних десктоп, мобилних и прогресивних веб апликација заснованих на савременим праксама и технологијама за веб развој. За то се могу користити веб технологије као што су ЦСС, ХТМЛ5 и Сасс. Са овим оквиром можемо развијати апликације са веб технологијама компатибилним са иОС, Андроид или самим вебом. Такође нуди моћан ЦЛИ алат са којим ћемо моћи да управљамо и креирамо пројекте.
Опште карактеристике јонског
- Овај оквир је бесплатан и отвореног кода. Нуди библиотеку алата и компоненти корисничког интерфејса оптимизованих за мобилне уређаје, са којима се могу стварати брзе и високо интерактивне апликације.
- Иониц користи Цордову, и у последње време додаци за приступ функцијама оперативног система домаћина, као што су ГПС, камера, батеријска лампа итд.
- Корисници могу да направе своје апликације, а затим их прилагоде за Андроид, иОС, Виндовс, десктоп (са Елецтрон -ом) или модерне прегледаче.
- Иониц укључује покретне делове, типографију или прошириву основну тему.
- Када користиш Веб компоненте, Иониц нуди прилагођене компоненте и методе за интеракцију са њима. Једна од тих компоненти, виртуелно померање, омогућава корисницима да се крећу кроз листу хиљада ставки без утицаја на перформансе. Друга компонента, Табс, ствара интерфејс са картицама који подржава навигацију у стилу материнског стила и управљање статусом историје.
- Осим СДК -а, Иониц такође пружа услуге које програмери могу користити за омогућавање функцијакао што су имплементације кода или аутоматизоване верзије.
- такође пружа сопствени ИДЕ познат као Иониц Студио.
- Такође нуди интерфејс за Командна линија (ПГ) за креирање пројеката. ЦЛИ такође омогућава програмерима да додају додатне Цордова додатке и пакете, омогућавају пусх обавештења, генеришу иконе апликација, прскајуће екране и креирају изворне бинарне датотеке.
Инсталирајте Иониц на Убунту 20.04
Инсталација овог оквира је прилично једноставна. За почетак само морамо отворити терминал (Цтрл + Алт + Т) и ажурирајте наше системске пакете:
sudo apt update; sudo apt upgrade
Онда ћемо инсталирајте неке неопходне пакете. На истом терминалу морат ћемо користити наредбу:
sudo apt install curl gnupg2 wget git
Следећи корак ће бити инсталирајте НодеЈС. Овај пример сам тестирао са верзијом КСНУМКС.к. Да бисте инсталирали ову верзију, почећемо додавањем неопходног спремишта:
curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -
Онда можемо инсталирати НодеЈС покретање ове друге наредбе:
sudo apt install nodejs
Иониц -у је потребан Апацхе Цордова. Треба појаснити да је ово скуп АПИ -ја уређаја који омогућавају програмеру мобилних апликација да користи ЈаваСцрипт да приступи изворним функцијама уређаја, попут камере или акцелерометра.
Након инсталирања НодеЈС -а, можемо инсталирајте цордова трчање:
sudo npm install -g cordova
На овом месту можемо да пређемо на инсталирајте Иониц помоћу нпм:
sudo npm i -g @ionic/cli
Након инсталације можемо командом проверите инсталирану верзију:
ionic -v
Пример апликације
Да бисмо знали да ли је инсталација правилно извршена, можемо почети стварањем мале примере апликације. Да бисмо то урадили, само ћемо морати покрените следећу команду креирајте пример:
ionic start
Приликом извршавања ове наредбе мораћете да дефинишете коју врсту пројекта желите да креирате. За овај пример изабрао сам Ангулар. Осим тога, морат ћете свом пројекту дати назив и одабрати предложак. Све ово ћете морати да изаберете са екрана сличног следећем:
Након подешавања, биће генерисана фасцикла са именом које смо дали пројекту. Приступите овој фасцикли да видите структуру пројекта.
До погледајте пројекат, у истом терминалу ћемо извршити ову другу наредбу:
ionic serve --host 0.0.0.0 --port 8000
Овом командом дозволићемо сваком хосту приступ порт 8000.
Кад се напуни све што вам треба, отворите веб прегледач и идите на http://localhost:8000 o http://IP-de-tu-servidor:8000 и видећете пример странице која је управо створена.
Иониц је модеран оквир који нам омогућава развој апликација на више платформи на једноставан и елегантан начин. Може се добити више информација и документације о његовој инсталацији и раду у веб локација пројекта.