다음 기사에서는 Ionic Framework를 살펴보고 Ubuntu 20.04에 설치하는 방법을 살펴보겠습니다. 이 프레임워크를 통해 사용자는 Angular와 같은 다른 프레임워크로 프로젝트를 구현할 수 있습니다.. Ionic은 Drifty Co.의 Max Lynch, Ben Sperry 및 Adam Bradley가 2013년에 만든 하이브리드 모바일 앱 개발을 위한 완전한 오픈 소스 SDK입니다. 원래 버전은 2013년에 릴리스되었으며 AngularJS 및 Apache Cordova를 기반으로 구축되었습니다. 그러나 최신 버전은 웹 구성 요소 집합으로 재구축되었으며, 사용자가 Angular, React 또는 Vue.js 프로젝트를 수행하도록 선택할 수 있습니다.. 또한 사용자 인터페이스 프레임워크 없이 Ionic 구성 요소를 사용할 수 있습니다.
이오니아 최신 웹 개발 관행 및 기술을 기반으로 하이브리드 데스크탑, 모바일 및 프로그레시브 웹 애플리케이션을 개발하기 위한 도구 및 서비스를 제공합니다.. 이를 위해 CSS, HTML5, Sass와 같은 웹 기술을 사용할 수 있습니다. 이 프레임워크를 사용하여 iOS, Android 또는 웹 자체와 호환되는 웹 기술로 애플리케이션을 개발할 수 있습니다. 또한 프로젝트를 관리하고 생성할 수 있는 강력한 CLI 도구를 제공합니다.
Ionic의 일반적인 특성
- 이 프레임워크는 무료이며 오픈 소스입니다.. 모바일에 최적화된 사용자 인터페이스 도구 및 구성 요소 라이브러리를 제공하여 빠르고 고도의 대화형 응용 프로그램을 만들 수 있습니다.
- Ionic은 Cordova를 사용하고, GPS, 카메라, 손전등 등과 같은 호스트 운영 체제 기능에 액세스할 수 있는 최근 플러그인
- 사용자는 애플리케이션을 만든 다음 Android, iOS, Windows, 데스크톱(Electron 사용) 또는 최신 브라우저용으로 사용자 정의할 수 있습니다..
- 이오니아 움직이는 부분, 타이포그래피 또는 확장 가능한 기본 테마 포함.
- 사용할 때 웹 컴포넌트, Ionic은 사용자 지정 구성 요소와 상호 작용하는 방법을 제공합니다. 이러한 구성 요소 중 하나인 가상 스크롤을 사용하면 성능에 영향을 주지 않고 수천 개의 항목 목록을 스크롤할 수 있습니다. 또 다른 구성 요소인 탭은 기본 스타일 탐색 및 기록 상태 관리를 지원하는 탭 인터페이스를 만듭니다.
- SDK 외에도 Ionic은 다음을 제공합니다. 개발자가 기능을 활성화하는 데 사용할 수 있는 서비스코드 배포 또는 자동화된 빌드와 같은
- 또한 Ionic Studio로 알려진 자체 IDE 제공.
- 또한 다음과 같은 인터페이스를 제공합니다. 명령줄(CLI) 프로젝트 생성. 또한 CLI를 통해 개발자는 추가 Cordova 플러그인 및 패키지를 추가하고, 푸시 알림을 활성화하고, 앱 아이콘, 스플래시 화면을 생성하고, 기본 바이너리를 생성할 수 있습니다.
Ubuntu 20.04에 Ionic 설치
이 프레임워크의 설치는 매우 간단합니다. 시작하려면 터미널(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가 필요합니다.. 이것은 모바일 애플리케이션 개발자가 JavaScript를 사용하여 카메라 또는 가속도계와 같은 장치의 기본 기능에 액세스할 수 있도록 하는 일련의 장치 API임을 명확히 해야 합니다.
NodeJS를 설치한 후 코르도바 설치 달리는:
sudo npm install -g cordova
이 시점에서 다음으로 넘어갈 수 있습니다. npm을 사용하여 Ionic 설치:
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은 간단하고 우아한 방식으로 크로스 플랫폼 애플리케이션을 개발할 수 있게 해주는 현대적인 프레임워크입니다. 얻을 수 있다 설치 및 작동에 대한 추가 정보 및 문서 프로젝트 웹 사이트.