במאמר הבא נבחן את מסגרת יונית וכיצד ניתן להתקין אותה באובונטו 20.04. מסגרת זו תאפשר למשתמשים ליישם פרויקטים עם מסגרות אחרות כגון Angular. Ionic היא קוד פתוח מלא SDK לפיתוח אפליקציות היברידיות לנייד שנוצרו על ידי Max Lynch, בן ספרי ואדם בראדלי של Drifty Co. בשנת 2013. הגרסה המקורית שוחררה בשנת 2013 ונבנתה על גבי AngularJS ו- Apache Cordova. עם זאת, הגרסה העדכנית ביותר נבנתה מחדש כמערכת רכיבי אינטרנט, אשר מאפשר למשתמש לבחור לבצע פרויקטים של Angular, React או Vue.js. הוא גם מאפשר שימוש ברכיבים יונית ללא כל מסגרת ממשק משתמש.
יונית מספק כלים ושירותים לפיתוח יישומי אינטרנט היברידיים למחשבים שולחניים, ניידים ומתקדמים המבוססים על שיטות וטכנולוגיות מודרניות לפיתוח אתרים. לשם כך ניתן להשתמש בטכנולוגיות אינטרנט כגון CSS, HTML5 ו- Sass. במסגרת זו אנו יכולים לפתח יישומים עם טכנולוגיות אינטרנט התואמות ל- iOS, אנדרואיד או האינטרנט עצמו. הוא מציע גם כלי CLI רב עוצמה שבעזרתו נוכל לנהל וליצור פרויקטים.
מאפיינים כלליים של יונית
- מסגרת זו הינה חופשית וקוד פתוח. הוא מציע ספרייה של כלים ורכיבי ממשק משתמש המותאמים לניידים, בעזרתם ניתן ליצור יישומים מהירים ואינטראקטיביים במיוחד.
- יונית משתמשת בקורדובה, ולאחרונה פלאגינים כדי לקבל גישה לפונקציות של מערכת הפעלה מארחת כגון GPS, מצלמה, פנס וכו '.
- משתמשים יכולים לבנות את האפליקציות שלהם ולאחר מכן להתאים אותם אישית עבור Android, iOS, Windows, שולחן עבודה (עם אלקטרון) או דפדפנים מודרניים..
- יונית כולל חלקים נעים, טיפוגרפיה או נושא בסיס הניתן להרחבה.
- כשמשתמש רכיבי רשת, Ionic מספקת רכיבים ושיטות מותאמות אישית לאינטראקציה איתם. אחד המרכיבים הללו, גלילה וירטואלית, מאפשר למשתמשים לגלול ברשימה של אלפי פריטים ללא כל השפעה על הביצועים. רכיב נוסף, Tabs, יוצר ממשק עם כרטיסיות התומך בניווט בסגנון מקורי וניהול סטטוס היסטוריה.
- בנוסף ל- SDK, Ionic גם מספקת מפתחי שירותים יכולים להשתמש בהם כדי לאפשר תכונותכגון יישום קוד או בנייה אוטומטית.
- גם מספק IDE משלו המכונה Ionic Studio.
- הוא מציע גם ממשק של שורת פקודה (CLI) ליצירת פרויקטים. CLI גם מאפשר למפתחים להוסיף תוספים וחבילות נוספות של Cordova, לאפשר הודעות דחיפה, ליצור אייקוני אפליקציות, להתיז מסכים וליצור קבצים בינאריים מקוריים.
התקן את Ionic באובונטו 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
יונית דורשת אפאצ'י קורדובה. יש להבהיר שמדובר בקבוצת ממשקי API למכשירים המאפשרים למפתח יישומים ניידים, באמצעות JavaScript, לגשת לפונקציות מקוריות של המכשיר, כגון המצלמה או מד התאוצה.
לאחר התקנת NodeJS, אנו יכולים התקן את קורדובה רץ:
sudo npm install -g cordova
בשלב זה, אנו יכולים להמשיך הלאה התקן יונית באמצעות npm:
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 ותראה את הדף לדוגמה שנוצר זה עתה.
יונית היא מסגרת מודרנית המאפשרת לנו לפתח יישומים חוצה פלטפורמות בצורה פשוטה ואלגנטית. אפשר להשיג אותו מידע נוסף ותיעוד אודות התקנתו ותפעולו ב אתר הפרויקט.