У наступній статті ми розглянемо Ionic Framework та те, як його можна встановити на Ubuntu 20.04. Ця структура дозволить користувачам реалізовувати проекти з іншими фреймворками, такими як Angular. Ionic - це повноцінний SDK з відкритим кодом для розробки гібридних мобільних додатків, створений Максі Лінчем, Беном Сперрі та Адамом Бредлі з компанії Drifty Co. у 2013 р. Оригінальна версія була випущена у 2013 р. Та побудована на вершині AngularJS та Apache Cordova. Однак остання версія була перебудована як набір веб -компонентів, які дозволяє користувачеві вибирати для виконання проектів Angular, React або Vue.js. Він також дозволяє використовувати компоненти Ionic без будь -якого фреймворка користувача.
Іонний надає інструменти та послуги для розробки гібридних настільних, мобільних та прогресивних веб -додатків на основі сучасних практик та технологій веб -розробки. Для цього можна використовувати такі веб -технології, як CSS, HTML5 і Sass. За допомогою цього фреймворку ми можемо розробляти додатки з веб -технологіями, сумісними з iOS, Android або самим Інтернетом. Він також пропонує потужний інструмент CLI, за допомогою якого ми зможемо керувати та створювати проекти.
Загальна характеристика іонічного
- Ця структура є безкоштовною та з відкритим кодом. Він пропонує бібліотеку оптимізованих для мобільних пристроїв інструментів та компонентів, за допомогою яких можна створювати швидкі та високоінтерактивні програми.
- Іонік використовує Кордову, а останнім часом плагіни для доступу до функцій операційної системи хоста, таких як 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 -
Тоді ми можемо встановлювати NodeJS запуск цієї іншої команди:
sudo apt install nodejs
Іонічний вимагає Apache Cordova. Слід уточнити, що це набір API пристроїв, які дозволяють розробнику мобільних додатків за допомогою JavaScript отримувати доступ до власних функцій пристрою, таких як камера або акселерометр.
Після встановлення NodeJS ми можемо встановити кордову працює:
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-це сучасний фреймворк, який дозволяє нам просто і елегантно розробляти кроссплатформенні додатки. Його можна отримати докладнішу інформацію та документацію про її встановлення та експлуатацію у веб-сайт проекту.