Ionic — це відкритий SDK для розробки гібридних мобільних застосунків, створений Максом Лінчем, Беном Сперрі та Адамом Бредлі з Drifty Co. у 2013 році Оригінальна версія була випущена в 2013 році і створена на основі AngularJS і Apache Cordova.
Тип | |
---|---|
Розробник | Drifty |
Перший випуск | 2013 |
Стабільний випуск | preferred ( | )
Мова програмування | TypeScript, JavaScript |
Ліцензія | MIT License |
Репозиторій | github.com/ionic-team/ionic-framework/ |
Вебсайт | ionicframework.com |
Однак, останню версію було перебудовано як набір веб-компонентів, що дозволяє користувачеві вибирати будь-який фреймфорк користувацького інтерфейсу, наприклад Angular, React або Vue.js. Це також дозволяє використовувати компоненти Ionic цілком без інтерфейсу користувача.
Ionic надає інструменти та сервіси для розробки гібридних мобільних, настільних і поступових вебзастосунків на основі сучасних технологій і методів веб-розробки, з використанням таких веб-технологій, як CSS, HTML5 і Sass .
Зокрема, мобільні застосунки можна створювати за допомогою цих веб-технологій, а потім розповсюджувати через нативні крамниці застосунків, такі як Google Play чи (App Store), для встановлення на пристрої, за допомогою Cordova або .
Історія
Ionic був створений компанією у 2013 році. У березні 2014 року Drifty отримав 1 мільйон доларів початкового фінансування від .
Після випуску альфа-версії фреймворку в листопаді 2013 року, була випущена бета-версія 1.0 в березні 2014 року, остаточна версія 1.0.0 "uranium-unicorn" у травні 2015 року.
25 січня 2017 року була випущена друга версія фреймворку Ionic. Він був значно перероблений і базувався на наступнику AngularJS — Angular . Це супроводжувалося переходом від JavaScript до TypeScript.
Ionic 3 був випущений 1 квітня 2017 року. Нумерацію версій також було змінено і вона почала відповідати семантичній версії. Основними особливостями цієї версії є підтримка Angular 4, а також сумісність з новими версіями TypeScript.
Ionic 4 був випущений як бета-версія фреймворку 24 липня 2018 року. Основними нововведеннями є підвищення продуктивності та сумісність із кількома іншими фреймворками. Версія 4 була остаточно випущена 23 січня 2019 року. Через нову структуру папок пряма міграція з версії 3 до версії 4 неможлива. Ionic 4 дозволяє розробникам обирати інші фреймворки, крім Angular, такі як React, Vue.js і веб-компоненти.
Ionic 5 був випущений 11 лютого 2020 року. Окрім покращення продуктивності, було додано багато нових компонентів для iOS 13.
Послуги та функції
Ionic використовує плагіни Cordova та, нещодавно, , щоб отримати доступ до функцій операційної системи, таких як камера, GPS, ліхтарик тощо. Користувачі можуть створювати свої застосунки, а потім налаштовувати їх для Android, iOS, Windows та MacOS (з Electron) або сучасних браузерів. Ionic дозволяє створювати та розгортати застосунки, поєднуючи інструменти збірки Cordova або Capacitor із спрощеним інструментом командного рядка.
Ionic включає мобільні компоненти, типографіку, інтерактивні парадигми та розширювану базову тему.
Використовуючи веб-компоненти, Ionic надає власні компоненти та методи взаємодії з ними. Один із таких компонентів, віртуальна прокрутка, дозволяє користувачам прокручувати список із тисяч елементів без будь-яких втрат продуктивності. Інший компонент, вкладки, створює інтерфейс із вкладками з підтримкою навігації у нативному стилі та керування станом історії.
Окрім SDK, Ionic надає послуги, які розробники можуть використовувати для ввімкнення таких функцій, як розгортання коду, автоматичне збирання . Ionic також надає власну IDE, відому як Ionic Studio.
Ionic також надає інтерфейс командного рядка (CLI) для створення проектів. Інтерфейс командного рядка також дозволяє розробникам додавати плагіни Cordova та додаткові пакети інтерфейсу, увімкнути push-повідомлення, генерувати піктограми застосунків і екрани-заставки, а також створювати власні двійкові файли.
Підтримувані платформи
Для Android, Ionic підтримує та новіші. Для iOS, iOS 10 і новіших версій. Ionic 2 підтримує для створення застосунків Windows 10. Ionic Framework, побудований на Angular.js, також підтримує застосунки для BlackBerry 10.
Швидкодія
Застосунки Ionic працюють із сумішшю нативного коду та веб-коду, забезпечуючи повний доступ до нативної функціональності, якщо необхідно, із основною частиною інтерфейсу користувача застосунку, створеною за стандартною веб-технологією. Ionic використовує власні функції апаратного прискорення, доступні в браузері (наприклад, анімацію CSS), і оптимізує рендеринг (уникаючи ресурсозатратних маніпуляцій DOM ). Оскільки анімація CSS у веб-браузері забезпечується графічним процесором, ресурс головного процесора звільняється для інших операцій.
Встановлення
Ionic є модулем npm і вимагає Node.js.
Командний рядок
Ionic пропонує набір команд для легкого використання своїх функцій, які розробник може використовувати після встановлення . Приклад кількох основних команд:
ionic init
Ініціалізує новий проект
ionic build
Компілює код розробленого застосунку, і готує його до розгортання.
ionic capacitor add <platform>
Додає папку із зазначеною платформою до проекту, для якої розробник хоче створити застосунок. Варіанти: ios, android або electron.
ionic capacitor build
Команда виконує наступні операції:
- запускає команду ionic build
- копіює веб-файли для вибраної платформи
- відкриває середовище розробки для вибраної платформи (Xcode для iOS, Android Studio для Android)
Після того, як веб-файли та конфігурацію буде скопійовано у ваш нативний проект, ви зможете створювати свій застосунок за допомогою IDE вибраної платформи.
ionic serve
Запускає сервер розробки у вашому браузері. Він відстежує зміни у вихідних файлах і автоматично перезавантажується з оновленою збіркою.
За замовчуванням Ionic запускає сервер розробки в локальній мережі. Однак можна використати параметр — external, щоб установити команду на зовнішню адресу, де буде доступна поточна версія застосунку.
Альтернативні технології
Ionic — не єдиний інструмент у своєму роді, який дозволяє розробникам писати один вид коду для кількох пристроїв або платформ, наприклад веб-браузерів, мобільних застосунків Android та iOS.
React Native
Однією з найкращих альтернатив для Ionic є React Native — фреймворк із відкритим вихідним кодом для розробки застосунків від Facebook. Використовуючи React Native, користувачі можуть розробляти застосунки для Android, iOS, Windows, MacOS та веб-застосунки. React Native є дуже вдалим вибором як для малих, так і для великих компаній. Він дозволяє створювани потужні застосунки для Android та iOS за допомогою попередньо написаного коду на JavaScript. Під час написання коду для застосунку на React Native використовуються компоненти React.
Flutter
Flutter — фреймфорк від Google з відкритим вихідним кодом для розробки мобільних і веб-застосунків. Цей SDK поєднує широкий спектр компонентів для розробки інтерфейсу користувача. Слід зазначити, що Flutter не використовує OEM компоненти. Натомість він віддає перевагу використанню власних, які мають нативний вигляд у iOS та Android. З іншого боку, розробники також мають можливість створювати власні компоненти. Наразі Flutter є єдиним доступним SDK, який пропонує розробку без використання JavaScript. Це головна причина, чому так багато розробників розглядають Flutter для розробки своїх застосунків.
Xamarin
Xamarin —це ще одна альтернатива Ionic, яка працює в керованому середовищі та чудово підходить для розробки застосунків для платформ Android, Windows та iOS. Цей інструмент із відкритим кодом полегшує розробникам роботу з кодом, який використовується на різних платформах під час розробки застосунків. Багаторазове використання коду є головною перевагою Xamarin. В результаті, розробники можуть використовувати одну мову програмування для написання бізнес-логіки для всіх платформ без обмежень продуктивності. Ще одна перевага Xamarin полягає в тому, що застосунки пишуться на Mac або ПК, а потім компілюються у файли APK та IPA.
Ліцензія
Ionic знаходиться під ліцензією MIT, що означає, що його можна використовувати як для особистого, так і для комерційного використання. Комерційна версія пропонується в чотирьох різних цінових варіантах, з яких найпростіша є безкоштовною, але може використовуватися лише окремими розробниками.
Примітки
- Sarah Perez (10 March 2014). Drifty, Makers Of The Ionic Mobile Framework, Raise $1 Million. Процитовано 14 березня 2015.
- Drifty, Inc (2016). Ionic Documentation Overview - License.
- Introducing Ionic 4: Ionic for Everyone. 23 січня 2019.
- Drifty. Ionic Framework (англ.). Процитовано 16 липня 2017.
- Comparing v4.0.0-rc.3/v4.0.0 · ionic-team/ionic-framework. GitHub.
- Cordova Plugins. docs.usecreator.com. Процитовано 2 червня 2018.
- Attractive Features Of Ionic App Development Framework. Процитовано 2 червня 2018.
- Drifty. (англ.). Архів оригіналу за 14 листопада 2019. Процитовано 2 червня 2018.
- Drifty. Ionic Framework (англ.). Процитовано 2 червня 2018.
- Mastering the Ionic Framework: Learn to Build & Deploy Native Speed HTML5 Based Apps - Thinkster. thinkster.io. Процитовано 2 червня 2018.
- Ionic. Theming Basics - Ionic Documentation. Ionic Docs (англ.). Процитовано 26 листопада 2019.
- Ionic. Installing Ionic - Ionic Documentation. Ionic Docs (англ.). Процитовано 26 листопада 2019.
- Browser Support - Ionic Documentation. Процитовано 19 грудня 2019.
{{}}
: Обслуговування CS1: Сторінки з параметром url-status, але без параметра archive-url () - Announcing Windows Support in Ionic 2. 29 березня 2016. Процитовано 22 квітня 2016.
{{}}
: Обслуговування CS1: Сторінки з параметром url-status, але без параметра archive-url () - Top JavaScript Frameworks for Enterprise Mobility. Процитовано 21 вересня 2015.
{{}}
: Обслуговування CS1: Сторінки з параметром url-status, але без параметра archive-url () - ionic. npm (англ.). Процитовано 4 грудня 2022.
- Free Mobile App Development: Getting Started with Ionic Apps.
- Ionic CLI | Ionic Documentation. Ionic Framework Docs (англ.). Процитовано 4 грудня 2022.
- React Native · Learn once, write anywhere. reactnative.dev (англ.). Процитовано 4 грудня 2022.
- Flutter - Build apps for any screen. flutter.dev (англ.). Процитовано 4 грудня 2022.
- Xamarin | Open-source mobile app platform for .NET. Microsoft (амер.). Процитовано 4 грудня 2022.
- Ionic, Ionic, 4 грудня 2022, процитовано 4 грудня 2022
Зовнішні посилання
- Офіційний сайт
- Ionic на GitHub
Вікіпедія, Українська, Україна, книга, книги, бібліотека, стаття, читати, завантажити, безкоштовно, безкоштовно завантажити, mp3, відео, mp4, 3gp, jpg, jpeg, gif, png, малюнок, музика, пісня, фільм, книга, гра, ігри, мобільний, телефон, android, ios, apple, мобільний телефон, samsung, iphone, xiomi, xiaomi, redmi, honor, oppo, nokia, sonya, mi, ПК, web, Інтернет
Ionic ce vidkritij SDK dlya rozrobki gibridnih mobilnih zastosunkiv stvorenij Maksom Linchem Benom Sperri ta Adamom Bredli z Drifty Co u 2013 roci Originalna versiya bula vipushena v 2013 roci i stvorena na osnovi AngularJS i Apache Cordova IonicTipRozrobnikDriftyPershij vipusk2013Stabilnij vipuskpreferred tomu preferred Mova programuvannyaTypeScript JavaScriptLicenziyaMIT LicenseRepozitorijgithub com ionic team ionic framework Vebsajtionicframework com Odnak ostannyu versiyu bulo perebudovano yak nabir veb komponentiv sho dozvolyaye koristuvachevi vibirati bud yakij frejmfork koristuvackogo interfejsu napriklad Angular React abo Vue js Ce takozh dozvolyaye vikoristovuvati komponenti Ionic cilkom bez interfejsu koristuvacha Ionic nadaye instrumenti ta servisi dlya rozrobki gibridnih mobilnih nastilnih i postupovih vebzastosunkiv na osnovi suchasnih tehnologij i metodiv veb rozrobki z vikoristannyam takih veb tehnologij yak CSS HTML5 i Sass Zokrema mobilni zastosunki mozhna stvoryuvati za dopomogoyu cih veb tehnologij a potim rozpovsyudzhuvati cherez nativni kramnici zastosunkiv taki yak Google Play chi App Store dlya vstanovlennya na pristroyi za dopomogoyu Cordova abo IstoriyaIonic buv stvorenij kompaniyeyu u 2013 roci U berezni 2014 roku Drifty otrimav 1 miljon dolariv pochatkovogo finansuvannya vid Pislya vipusku alfa versiyi frejmvorku v listopadi 2013 roku bula vipushena beta versiya 1 0 v berezni 2014 roku ostatochna versiya 1 0 0 uranium unicorn u travni 2015 roku 25 sichnya 2017 roku bula vipushena druga versiya frejmvorku Ionic Vin buv znachno pereroblenij i bazuvavsya na nastupniku AngularJS Angular Ce suprovodzhuvalosya perehodom vid JavaScript do TypeScript Ionic 3 buv vipushenij 1 kvitnya 2017 roku Numeraciyu versij takozh bulo zmineno i vona pochala vidpovidati semantichnij versiyi Osnovnimi osoblivostyami ciyeyi versiyi ye pidtrimka Angular 4 a takozh sumisnist z novimi versiyami TypeScript Ionic 4 buv vipushenij yak beta versiya frejmvorku 24 lipnya 2018 roku Osnovnimi novovvedennyami ye pidvishennya produktivnosti ta sumisnist iz kilkoma inshimi frejmvorkami Versiya 4 bula ostatochno vipushena 23 sichnya 2019 roku Cherez novu strukturu papok pryama migraciya z versiyi 3 do versiyi 4 nemozhliva Ionic 4 dozvolyaye rozrobnikam obirati inshi frejmvorki krim Angular taki yak React Vue js i veb komponenti Ionic 5 buv vipushenij 11 lyutogo 2020 roku Okrim pokrashennya produktivnosti bulo dodano bagato novih komponentiv dlya iOS 13 Poslugi ta funkciyiIonic vikoristovuye plagini Cordova ta neshodavno shob otrimati dostup do funkcij operacijnoyi sistemi takih yak kamera GPS lihtarik tosho Koristuvachi mozhut stvoryuvati svoyi zastosunki a potim nalashtovuvati yih dlya Android iOS Windows ta MacOS z Electron abo suchasnih brauzeriv Ionic dozvolyaye stvoryuvati ta rozgortati zastosunki poyednuyuchi instrumenti zbirki Cordova abo Capacitor iz sproshenim instrumentom komandnogo ryadka Ionic vklyuchaye mobilni komponenti tipografiku interaktivni paradigmi ta rozshiryuvanu bazovu temu Vikoristovuyuchi veb komponenti Ionic nadaye vlasni komponenti ta metodi vzayemodiyi z nimi Odin iz takih komponentiv virtualna prokrutka dozvolyaye koristuvacham prokruchuvati spisok iz tisyach elementiv bez bud yakih vtrat produktivnosti Inshij komponent vkladki stvoryuye interfejs iz vkladkami z pidtrimkoyu navigaciyi u nativnomu stili ta keruvannya stanom istoriyi Okrim SDK Ionic nadaye poslugi yaki rozrobniki mozhut vikoristovuvati dlya vvimknennya takih funkcij yak rozgortannya kodu avtomatichne zbirannya Ionic takozh nadaye vlasnu IDE vidomu yak Ionic Studio Ionic takozh nadaye interfejs komandnogo ryadka CLI dlya stvorennya proektiv Interfejs komandnogo ryadka takozh dozvolyaye rozrobnikam dodavati plagini Cordova ta dodatkovi paketi interfejsu uvimknuti push povidomlennya generuvati piktogrami zastosunkiv i ekrani zastavki a takozh stvoryuvati vlasni dvijkovi fajli Pidtrimuvani platformiDlya Android Ionic pidtrimuye ta novishi Dlya iOS iOS 10 i novishih versij Ionic 2 pidtrimuye dlya stvorennya zastosunkiv Windows 10 Ionic Framework pobudovanij na Angular js takozh pidtrimuye zastosunki dlya BlackBerry 10 ShvidkodiyaZastosunki Ionic pracyuyut iz sumishshyu nativnogo kodu ta veb kodu zabezpechuyuchi povnij dostup do nativnoyi funkcionalnosti yaksho neobhidno iz osnovnoyu chastinoyu interfejsu koristuvacha zastosunku stvorenoyu za standartnoyu veb tehnologiyeyu Ionic vikoristovuye vlasni funkciyi aparatnogo priskorennya dostupni v brauzeri napriklad animaciyu CSS i optimizuye rendering unikayuchi resursozatratnih manipulyacij DOM Oskilki animaciya CSS u veb brauzeri zabezpechuyetsya grafichnim procesorom resurs golovnogo procesora zvilnyayetsya dlya inshih operacij VstanovlennyaIonic ye modulem npm i vimagaye Node js Komandnij ryadokIonic proponuye nabir komand dlya legkogo vikoristannya svoyih funkcij yaki rozrobnik mozhe vikoristovuvati pislya vstanovlennya Priklad kilkoh osnovnih komand ionic init Inicializuye novij proekt ionic build Kompilyuye kod rozroblenogo zastosunku i gotuye jogo do rozgortannya ionic capacitor add lt platform gt Dodaye papku iz zaznachenoyu platformoyu do proektu dlya yakoyi rozrobnik hoche stvoriti zastosunok Varianti ios android abo electron ionic capacitor build Komanda vikonuye nastupni operaciyi zapuskaye komandu ionic build kopiyuye veb fajli dlya vibranoyi platformi vidkrivaye seredovishe rozrobki dlya vibranoyi platformi Xcode dlya iOS Android Studio dlya Android Pislya togo yak veb fajli ta konfiguraciyu bude skopijovano u vash nativnij proekt vi zmozhete stvoryuvati svij zastosunok za dopomogoyu IDE vibranoyi platformi ionic serve Zapuskaye server rozrobki u vashomu brauzeri Vin vidstezhuye zmini u vihidnih fajlah i avtomatichno perezavantazhuyetsya z onovlenoyu zbirkoyu Za zamovchuvannyam Ionic zapuskaye server rozrobki v lokalnij merezhi Odnak mozhna vikoristati parametr external shob ustanoviti komandu na zovnishnyu adresu de bude dostupna potochna versiya zastosunku Alternativni tehnologiyiIonic ne yedinij instrument u svoyemu rodi yakij dozvolyaye rozrobnikam pisati odin vid kodu dlya kilkoh pristroyiv abo platform napriklad veb brauzeriv mobilnih zastosunkiv Android ta iOS React Native Odniyeyu z najkrashih alternativ dlya Ionic ye React Native frejmvork iz vidkritim vihidnim kodom dlya rozrobki zastosunkiv vid Facebook Vikoristovuyuchi React Native koristuvachi mozhut rozroblyati zastosunki dlya Android iOS Windows MacOS ta veb zastosunki React Native ye duzhe vdalim viborom yak dlya malih tak i dlya velikih kompanij Vin dozvolyaye stvoryuvani potuzhni zastosunki dlya Android ta iOS za dopomogoyu poperedno napisanogo kodu na JavaScript Pid chas napisannya kodu dlya zastosunku na React Native vikoristovuyutsya komponenti React Flutter Flutter frejmfork vid Google z vidkritim vihidnim kodom dlya rozrobki mobilnih i veb zastosunkiv Cej SDK poyednuye shirokij spektr komponentiv dlya rozrobki interfejsu koristuvacha Slid zaznachiti sho Flutter ne vikoristovuye OEM komponenti Natomist vin viddaye perevagu vikoristannyu vlasnih yaki mayut nativnij viglyad u iOS ta Android Z inshogo boku rozrobniki takozh mayut mozhlivist stvoryuvati vlasni komponenti Narazi Flutter ye yedinim dostupnim SDK yakij proponuye rozrobku bez vikoristannya JavaScript Ce golovna prichina chomu tak bagato rozrobnikiv rozglyadayut Flutter dlya rozrobki svoyih zastosunkiv Xamarin Xamarin ce she odna alternativa Ionic yaka pracyuye v kerovanomu seredovishi ta chudovo pidhodit dlya rozrobki zastosunkiv dlya platform Android Windows ta iOS Cej instrument iz vidkritim kodom polegshuye rozrobnikam robotu z kodom yakij vikoristovuyetsya na riznih platformah pid chas rozrobki zastosunkiv Bagatorazove vikoristannya kodu ye golovnoyu perevagoyu Xamarin V rezultati rozrobniki mozhut vikoristovuvati odnu movu programuvannya dlya napisannya biznes logiki dlya vsih platform bez obmezhen produktivnosti She odna perevaga Xamarin polyagaye v tomu sho zastosunki pishutsya na Mac abo PK a potim kompilyuyutsya u fajli APK ta IPA LicenziyaIonic znahoditsya pid licenziyeyu MIT sho oznachaye sho jogo mozhna vikoristovuvati yak dlya osobistogo tak i dlya komercijnogo vikoristannya Komercijna versiya proponuyetsya v chotiroh riznih cinovih variantah z yakih najprostisha ye bezkoshtovnoyu ale mozhe vikoristovuvatisya lishe okremimi rozrobnikami PrimitkiSarah Perez 10 March 2014 Drifty Makers Of The Ionic Mobile Framework Raise 1 Million Procitovano 14 bereznya 2015 Drifty Inc 2016 Ionic Documentation Overview License Introducing Ionic 4 Ionic for Everyone 23 sichnya 2019 Drifty Ionic Framework angl Procitovano 16 lipnya 2017 Comparing v4 0 0 rc 3 v4 0 0 ionic team ionic framework GitHub Cordova Plugins docs usecreator com Procitovano 2 chervnya 2018 Attractive Features Of Ionic App Development Framework Procitovano 2 chervnya 2018 Drifty angl Arhiv originalu za 14 listopada 2019 Procitovano 2 chervnya 2018 Drifty Ionic Framework angl Procitovano 2 chervnya 2018 Mastering the Ionic Framework Learn to Build amp Deploy Native Speed HTML5 Based Apps Thinkster thinkster io Procitovano 2 chervnya 2018 Ionic Theming Basics Ionic Documentation Ionic Docs angl Procitovano 26 listopada 2019 Ionic Installing Ionic Ionic Documentation Ionic Docs angl Procitovano 26 listopada 2019 Browser Support Ionic Documentation Procitovano 19 grudnya 2019 a href wiki D0 A8 D0 B0 D0 B1 D0 BB D0 BE D0 BD Cite web title Shablon Cite web cite web a Obslugovuvannya CS1 Storinki z parametrom url status ale bez parametra archive url posilannya Announcing Windows Support in Ionic 2 29 bereznya 2016 Procitovano 22 kvitnya 2016 a href wiki D0 A8 D0 B0 D0 B1 D0 BB D0 BE D0 BD Cite web title Shablon Cite web cite web a Obslugovuvannya CS1 Storinki z parametrom url status ale bez parametra archive url posilannya Top JavaScript Frameworks for Enterprise Mobility Procitovano 21 veresnya 2015 a href wiki D0 A8 D0 B0 D0 B1 D0 BB D0 BE D0 BD Cite web title Shablon Cite web cite web a Obslugovuvannya CS1 Storinki z parametrom url status ale bez parametra archive url posilannya ionic npm angl Procitovano 4 grudnya 2022 Free Mobile App Development Getting Started with Ionic Apps Ionic CLI Ionic Documentation Ionic Framework Docs angl Procitovano 4 grudnya 2022 React Native Learn once write anywhere reactnative dev angl Procitovano 4 grudnya 2022 Flutter Build apps for any screen flutter dev angl Procitovano 4 grudnya 2022 Xamarin Open source mobile app platform for NET Microsoft amer Procitovano 4 grudnya 2022 Ionic Ionic 4 grudnya 2022 procitovano 4 grudnya 2022Zovnishni posilannyaOficijnij sajt Ionic na GitHub