В следующей статье мы рассмотрим 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, с помощью которого мы сможем управлять проектами и создавать их.
Общие характеристики Ionic
- Эта структура бесплатна и имеет открытый исходный код.. Он предлагает библиотеку инструментов и компонентов пользовательского интерфейса, оптимизированных для мобильных устройств, с помощью которых можно создавать быстрые и высокоинтерактивные приложения.
- Ионный использует Кордову, а в последнее время - плагины для доступа к функциям операционной системы хоста, таким как GPS, камера, фонарик и т. д.
- Пользователи могут создавать свои приложения, а затем настраивать их для Android, iOS, Windows, рабочего стола (с Electron) или современных браузеров..
- ионный включает движущиеся части, типографику или расширяемую базовую тему.
- При использовании Веб-компоненты, Ionic предоставляет настраиваемые компоненты и методы для взаимодействия с ними. Один из этих компонентов, виртуальная прокрутка, позволяет пользователям прокручивать список из тысяч элементов без какого-либо влияния на производительность. Другой компонент, вкладки, создает интерфейс с вкладками, который поддерживает навигацию в собственном стиле и управление статусом истории.
- Помимо SDK, Ionic также предоставляет разработчики сервисов могут использовать для включения функцийнапример, развертывание кода или автоматическая сборка.
- также предоставляет собственную IDE, известную как Ionic Studio.
- Он также предлагает интерфейс Командная строка (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
Ionic требует 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 - это современный фреймворк, который позволяет нам разрабатывать кроссплатформенные приложения простым и элегантным способом. Его можно получить больше информации и документации по его установке и эксплуатации в сайт проекта.