Поиск по сайту:

Как установить Ionic Framework на Debian 10

На этой странице

  1. Предпосылки
  2. Начало работы
  3. Установите Node.js
  4. Установить Ionic Framework
  5. Создание проекта с помощью Ionic
  6. Запустите приложение
  7. Заключение

Ionic — это бесплатная платформа с открытым исходным кодом для создания высококачественных кроссплатформенных нативных и веб-приложений. Он поставляется с мощным интерфейсом командной строки, который поможет вам создать проект с помощью простой команды. Ionic поддерживает Android, IOS и универсальную платформу Windows для разработки приложений. Ionic использует плагины Cardova для доступа к камере, GPS и фонарику.

В этом посте мы покажем вам, как установить Ionic Mobile App Framework на сервер Debian 10.

Предпосылки

  • Сервер под управлением Debian 10.
  • На сервере настроен пароль root.

Начиная

Сначала обновите системные пакеты до обновленной версии, выполнив следующую команду:

apt-get update -y

После обновления всех пакетов вы можете установить другие необходимые пакеты с помощью следующей команды.

apt-get install curl gnupg2 wget -y

Установите Node.js

Далее вам нужно будет установить Node.js в вашу систему. По умолчанию последняя версия Node.js не включена в репозиторий Debian. Поэтому вам нужно будет добавить исходный репозиторий Node в вашу систему.

Вы можете добавить исходный репозиторий Node с помощью следующей команды:

curl -sL https://deb.nodesource.com/setup_14.x | bash -

После добавления репозитория установите Node.js с помощью следующей команды:

apt-get install nodejs -y

После установки Node.js проверьте версию Node.js с помощью следующей команды:

node --version

Вы должны увидеть следующий вывод:

v14.17.1

Далее вам также необходимо установить Cordova в вашу систему. Вы можете установить его с помощью следующей команды:

npm install -g cordova

После установки можно переходить к следующему шагу.

Установить ионную инфраструктуру

Во-первых, вам нужно будет установить на свой сервер утилиту ionic CLI. Вы можете установить его с помощью следующей команды:

npm i -g @ionic/cli

После установки ionic проверьте версию ionic с помощью следующей команды:

ionic -v

Вы должны получить следующий результат:

6.16.3

Создайте проект с помощью Ionic

Теперь вы можете создать свой первый проект с помощью следующей команды:

ionic start

Вам будет предложено выбрать фреймворк между React или Angular, указать имя вашего проекта и выбрать шаблон, как показано ниже:

Pick a framework! ????

Please select the JavaScript framework to use for your new app. To bypass this prompt next time, supply a value for the
--type option.

? Framework: Angular

Every great app needs a name! ????

Please enter the full name of your app. You can change this at any time. To bypass this prompt next time, supply name,
the first argument to ionic start.

? Project name: myapp

Let's pick the perfect starter template! ????

Starter templates are ready-to-go Ionic apps that come packed with everything you need to build your app. To bypass this
prompt next time, supply template, the second argument to ionic start.

? Starter template: tabs
? Preparing directory ./myapp in 3.69ms
? Downloading and extracting tabs starter in 591.18ms
? Integrate your new app with Capacitor to target native iOS and Android? No

Your Ionic app is ready! Follow these next steps:

- Go to your new project: cd ./myapp
- Run ionic serve within the app directory to see your app in the browser
- Run ionic capacitor add to add a native iOS or Android project using Capacitor
- Generate your app icon and splash screens using cordova-res --skip-config --copy
- Explore the Ionic docs for components, tutorials, and more: https://ion.link/docs
- Building an enterprise app? Ionic has Enterprise Support and Features: https://ion.link/enterprise-edition

Запустите приложение

Теперь измените каталог на свой проект и запустите приложение с помощью следующей команды:

cd myapp
ionic serve --host 0.0.0.0 --port 8100,/p>

Вы должны получить следующий результат:

> ng run app:serve --host=0.0.0.0 --port=8100
[INFO] Development server running!
       
       Local: http://localhost:8100
       External: http://216.98.11.73:8100
       
       Use Ctrl+C to quit this process

[INFO] Browser window opened to http://localhost:8100!

Теперь откройте веб-браузер и получите доступ к своему приложению, используя URL-адрес http://your-server-ip:8100. Вы должны увидеть свое ионное приложение на следующем экране:

Заключение

Поздравляем! вы успешно установили фреймворк Ionic на сервер Debian 10. Теперь вы можете приступить к созданию своего мобильного приложения с использованием фреймворка Ionic.