पुढील लेखात आम्ही आयोनिक फ्रेमवर्क आणि उबंटू 20.04 वर ते कसे स्थापित केले जाऊ शकते यावर एक नजर टाकणार आहोत. ही फ्रेमवर्क वापरकर्त्यांना अँग्युलर सारख्या इतर फ्रेमवर्कसह प्रकल्प कार्यान्वित करण्यास अनुमती देईल. आयनिक हा 2013 मध्ये ड्रिफ्टी कंपनीच्या मॅक्स लिंच, बेन स्पेरी आणि अॅडम ब्रॅडली यांनी तयार केलेल्या हायब्रिड मोबाईल अॅप डेव्हलपमेंटसाठी पूर्ण ओपन सोर्स एसडीके आहे. मूळ आवृत्ती 2013 मध्ये रिलीज झाली होती आणि AngularJS आणि Apache Cordova च्या शीर्षस्थानी बांधली गेली होती. तथापि, नवीनतम आवृत्ती वेब घटकांचा संच म्हणून पुन्हा तयार केली गेली, जी वापरकर्त्याला कोणीतरी, प्रतिक्रिया किंवा Vue.js प्रकल्प निवडण्याची परवानगी देते. हे कोणत्याही वापरकर्ता इंटरफेस फ्रेमवर्कशिवाय आयोनिक घटकांच्या वापरास अनुमती देते.
आयनिक आधुनिक वेब विकास पद्धती आणि तंत्रज्ञानावर आधारित हायब्रिड डेस्कटॉप, मोबाइल आणि प्रगतिशील वेब अनुप्रयोग विकसित करण्यासाठी साधने आणि सेवा प्रदान करते. यासाठी, CSS, HTML5 आणि Sass सारख्या वेब तंत्रज्ञानाचा वापर केला जाऊ शकतो. या फ्रेमवर्कसह आम्ही iOS, Android किंवा वेबशी सुसंगत वेब तंत्रज्ञानासह अनुप्रयोग विकसित करू शकतो. हे एक शक्तिशाली CLI साधन देखील देते ज्याद्वारे आम्ही प्रकल्प व्यवस्थापित आणि तयार करू शकू.
आयोनिकची सामान्य वैशिष्ट्ये
- ही चौकट मुक्त आणि मुक्त स्त्रोत आहे. हे मोबाइल-ऑप्टिमायझ्ड यूजर इंटरफेस साधने आणि घटकांची लायब्ररी देते, ज्याद्वारे जलद आणि अत्यंत परस्परसंवादी अनुप्रयोग तयार केले जातात.
- आयोनिक कॉर्डोव्हा वापरते, आणि अगदी अलीकडे प्लग-इन जीपीएस, कॅमेरा, फ्लॅशलाइट इत्यादी ऑपरेटिंग सिस्टम फंक्शन्समध्ये प्रवेश मिळवण्यासाठी.
- वापरकर्ते त्यांचे अॅप्स तयार करू शकतात आणि नंतर त्यांना Android, iOS, Windows, डेस्कटॉप (इलेक्ट्रॉनसह) किंवा आधुनिक ब्राउझरसाठी सानुकूलित करू शकतात.
- आयनिक हलणारे भाग, टायपोग्राफी किंवा एक्स्टेंसिबल बेस थीम समाविष्ट करते.
- वापरताना वेब घटक, Ionic त्यांच्याशी संवाद साधण्यासाठी सानुकूल घटक आणि पद्धती प्रदान करते. त्या घटकांपैकी एक, आभासी स्क्रोलिंग, वापरकर्त्यांना कोणत्याही कामगिरीच्या प्रभावाशिवाय हजारो वस्तूंच्या सूचीमधून स्क्रोल करण्याची परवानगी देते. दुसरा घटक, टॅब्स, एक टॅब केलेला इंटरफेस तयार करतो जो मूळ शैलीतील नेव्हिगेशन आणि इतिहास स्थिती व्यवस्थापनास समर्थन देतो.
- SDK व्यतिरिक्त, आयोनिक देखील प्रदान करते सेवा विकसक वैशिष्ट्ये सक्षम करण्यासाठी वापरू शकतातजसे कोड अंमलबजावणी किंवा स्वयंचलित बिल्ड.
- तसेच आयोनिक स्टुडिओ म्हणून ओळखले जाणारे स्वतःचे IDE प्रदान करते.
- चे इंटरफेस देखील देते कमांड लाइन (CLI) प्रकल्प तयार करण्यासाठी. सीएलआय विकसकांना अतिरिक्त कॉर्डोवा प्लगइन आणि पॅकेजेस जोडण्यास, पुश सूचना सक्षम करण्यास, अॅप चिन्ह तयार करण्यास, स्प्लॅश स्क्रीन तयार करण्यास आणि मूळ बायनरी तयार करण्यास अनुमती देते.
उबंटू 20.04 वर आयोनिक स्थापित करा
या फ्रेमवर्कची स्थापना अगदी सोपी आहे. सुरू करण्यासाठी आम्हाला फक्त एक टर्मिनल (Ctrl + Alt + T) आणि उघडण्याची आवश्यकता आहे आमची सिस्टम पॅकेजेस अपडेट करा:
sudo apt update; sudo apt upgrade
मग आम्ही करू काही आवश्यक पॅकेजेस स्थापित करा. त्याच टर्मिनलमध्ये आपल्याला आज्ञा वापरावी लागेल:
sudo apt install curl gnupg2 wget git
पुढची पायरी असणार आहे नोडजेएस स्थापित करा. हे उदाहरण मी आवृत्तीसह तपासले आहे 14.x. ही आवृत्ती स्थापित करण्यासाठी, आम्ही आवश्यक भांडार जोडून प्रारंभ करू:
curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -
मग आम्ही करू शकतो instalar नोडजेएस ही इतर कमांड चालू आहे.
sudo apt install nodejs
आयोनिकला अपाचे कॉर्डोव्हा आवश्यक आहे. हे स्पष्ट केले पाहिजे की हे डिव्हाइस API चे संच आहे जे मोबाइल अनुप्रयोग विकसकाला, जावास्क्रिप्ट वापरून, कॅमेरा किंवा एक्सेलेरोमीटर सारख्या डिव्हाइसच्या मूळ फंक्शन्समध्ये प्रवेश करण्याची परवानगी देते.
NodeJS स्थापित केल्यानंतर, आम्ही करू शकतो कॉर्डोव्हा स्थापित करा चालू:
sudo npm install -g cordova
या टप्प्यावर, आपण पुढे जाऊ शकतो एनपीएम वापरून आयोनिक स्थापित करा:
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 आणि तुम्हाला नुकतेच तयार केलेले उदाहरण पृष्ठ दिसेल.
आयनिक एक आधुनिक फ्रेमवर्क आहे जे आम्हाला क्रॉस-प्लॅटफॉर्म अॅप्लिकेशन्स सोप्या आणि मोहक पद्धतीने विकसित करण्यास अनुमती देते. ते मिळवता येते मध्ये त्याची स्थापना आणि ऑपरेशन बद्दल अधिक माहिती आणि दस्तऐवजीकरण प्रकल्प वेबसाइट.