अगले लेख में हम आयनिक फ्रेमवर्क पर एक नज़र डालने जा रहे हैं, और इसे उबंटू 20.04 पर कैसे स्थापित किया जा सकता है। यह ढांचा उपयोगकर्ताओं को एंगुलर जैसे अन्य ढांचे के साथ परियोजनाओं को लागू करने की अनुमति देगा. आयोनिक 2013 में ड्रिफ्टी कंपनी के मैक्स लिंच, बेन स्पेरी और एडम ब्रैडली द्वारा बनाए गए हाइब्रिड मोबाइल ऐप डेवलपमेंट के लिए एक पूर्ण ओपन सोर्स एसडीके है। मूल संस्करण 2013 में जारी किया गया था और एंगुलरजेएस और अपाचे कॉर्डोवा के शीर्ष पर बनाया गया था। हालांकि, नवीनतम संस्करण को वेब घटकों के एक सेट के रूप में फिर से बनाया गया था, जो उपयोगकर्ता को कोणीय, प्रतिक्रिया या Vue.js परियोजनाओं को चुनने की अनुमति देता है. यह बिना किसी यूजर इंटरफेस ढांचे के आयनिक घटकों के उपयोग की भी अनुमति देता है।
ईओण का आधुनिक वेब विकास प्रथाओं और प्रौद्योगिकियों के आधार पर हाइब्रिड डेस्कटॉप, मोबाइल और प्रगतिशील वेब अनुप्रयोगों को विकसित करने के लिए उपकरण और सेवाएं प्रदान करता है. इसके लिए CSS, HTML5 और Sass जैसी वेब तकनीकों का उपयोग किया जा सकता है। इस ढांचे के साथ हम आईओएस, एंड्रॉइड या वेब के साथ संगत वेब प्रौद्योगिकियों के साथ एप्लिकेशन विकसित कर सकते हैं। यह एक शक्तिशाली सीएलआई उपकरण भी प्रदान करता है जिसके साथ हम परियोजनाओं का प्रबंधन और निर्माण करने में सक्षम होंगे।
आयनिक की सामान्य विशेषताएं
- यह ढांचा स्वतंत्र और खुला स्रोत है. यह मोबाइल-अनुकूलित यूजर इंटरफेस टूल्स और घटकों की एक लाइब्रेरी प्रदान करता है, जिसके साथ तेज और अत्यधिक इंटरैक्टिव एप्लिकेशन बनाने के लिए।
- आयनिक कॉर्डोवा का उपयोग करता है, और हाल ही में जीपीएस, कैमरा, टॉर्च, आदि जैसे ऑपरेटिंग सिस्टम के कार्यों को होस्ट करने के लिए प्लग-इन।
- उपयोगकर्ता अपने ऐप्स बना सकते हैं और फिर उन्हें Android, iOS, Windows, डेस्कटॉप (इलेक्ट्रॉन के साथ), या आधुनिक ब्राउज़र के लिए अनुकूलित कर सकते हैं.
- ईओण का चलती भागों, टाइपोग्राफी, या एक एक्स्टेंसिबल बेस थीम शामिल है.
- उपयोग करते समय वेब घटक, 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
आयोनिक को अपाचे कॉर्डोवा की आवश्यकता है. यह स्पष्ट किया जाना चाहिए कि यह डिवाइस एपीआई का एक सेट है जो मोबाइल एप्लिकेशन डेवलपर को जावास्क्रिप्ट का उपयोग करके डिवाइस के मूल कार्यों, जैसे कैमरा या एक्सेलेरोमीटर तक पहुंचने की अनुमति देता है।
NodeJS स्थापित करने के बाद, हम कर सकते हैं कॉर्डोवा स्थापित करें चल रहा है:
sudo npm install -g cordova
इस बिंदु पर, हम आगे बढ़ सकते हैं npm . का उपयोग करके आयनिक स्थापित करें:
sudo npm i -g @ionic/cli
स्थापना के बाद, हम कर सकते हैं कमांड के साथ स्थापित संस्करण की जाँच करें:
ionic -v
एक उदाहरण आवेदन
यह जानने के लिए कि क्या इंस्टॉलेशन सही तरीके से किया गया है, हम एक छोटा सा उदाहरण एप्लिकेशन बनाकर शुरू कर सकते हैं। ऐसा करने के लिए, हमें केवल करना होगा निम्न आदेश चलाएँ उदाहरण बनाएँ::
ionic start
इस कमांड को चलाते समय आपको परिभाषित करना होगा कि आप किस प्रकार का प्रोजेक्ट बनाना चाहते हैं. इस उदाहरण के लिए मैंने कोणीय को चुना है। इसके अलावा, आपको अपने प्रोजेक्ट को एक नाम देना होगा और टेम्पलेट चुनना होगा। यह सब आपको निम्न के समान स्क्रीन से चुनना होगा:
सेटअप के बाद, हमारे द्वारा प्रोजेक्ट को दिए गए नाम के साथ एक फोल्डर जेनरेट होगा। प्रोजेक्ट संरचना देखने के लिए इस फ़ोल्डर तक पहुंचें.
को प्रोजेक्ट देखें, उसी टर्मिनल में हम इस अन्य कमांड को निष्पादित करने जा रहे हैं:
ionic serve --host 0.0.0.0 --port 8000
इस कमांड के साथ हम किसी भी होस्ट को पोर्ट 8000 . तक पहुंचने की अनुमति देंगे.
जब आपकी जरूरत की हर चीज लोड हो जाती है, अपना वेब ब्राउज़र खोलें और पर जाएँ http://localhost:8000 o http://IP-de-tu-servidor:8000 और आप उदाहरण पृष्ठ देखेंगे जो अभी बनाया गया था.
आयोनिक एक आधुनिक ढांचा है जो हमें क्रॉस-प्लेटफ़ॉर्म अनुप्रयोगों को सरल और सुरुचिपूर्ण तरीके से विकसित करने की अनुमति देता है। इसे प्राप्त किया जा सकता है में इसकी स्थापना और संचालन के बारे में अधिक जानकारी और प्रलेखन परियोजना की वेबसाइट.