PracticU

חיבור אייפון וסימולטור של אנדרואיד ל-Flutter

בלי כתוביותעם כתוביות
PracticU › קורס פלאטר - Flutter - שפת DART של גוגל למובייל - פיתוח אפליקציות לאנדרואיד ואייפון › חיבור אייפון וסימולטור של אנדרואיד ל-Flutter
מילון מושגים:
Flutter - מסגרת של גוגל לבניית אפליקציות לנייד, לרשת ולמחשב מקוד אחד משותף.
SDK - ערכת כלים לפיתוח: אוסף ספריות, כלים ותיעוד שמאפשרים לבנות תוכנה לפלטפורמה או שירות מסוימים.
חבילה - אוסף ארוז של קוד, ספריות או קבצים המופץ כיחידה אחת ומותקן בעזרת מנהל חבילות.
תיקייה - מכל במערכת הקבצים שמשמש לארגון קבצים ותיקיות אחרות בתוך מבנה היררכי.
Android - מערכת הפעלה מבוססת Linux לטלפונים ולמכשירים ניידים, שפותחה על ידי גוגל.
iOS - מערכת ההפעלה של אפל למכשירי iPhone ו-iPad.
טרמינל - חלון או תוכנה שמספקים ממשק שורת פקודה להקלדת פקודות למערכת ההפעלה.
כפתור - רכיב בממשק המשתמש שהמשתמש לוחץ עליו כדי להפעיל פעולה, כמו שליחת טופס או מעבר לדף אחר.

חיבור אייפון וסימולטור של אנדרואיד ל-Flutter
בסיום השלב הזה יוצג פרויקט Flutter ראשון באנדרואיד סטודיו שרץ על מכשיר אנדרואיד או על אימולטור. אייפון דורש Mac וחשבון מפתחים בתשלום.
השלבים העיקריים
1. פרויקט חדש: בוחרים Start a New Flutter Project ואז Flutter Application, מגדירים שם (ex1), נתיב ה-SDK, דומיין ושם חבילה (com.popup.ex1). אם האפשרות לא מופיעה, מתקינים את התוסף Flutter ואת תוסף Dart.
2. מבנה התיקיות: התיקייה android מכילה קבצים של אנדרואיד ו-ios קבצים של אייפון. התיקייה lib היא המקום שבו כותבים את הקוד, והקובץ pubspec.yaml הוא קובץ ההגדרות של הפרויקט.
3. מכשיר אנדרואיד פיזי: מפעילים מצב מפתח במכשיר ומחברים אותו למחשב בכבל. אנדרואיד סטודיו מזהה את המכשיר, ובוחרים אותו לפני לחיצה על Play.
4. אימולטור אנדרואיד: דרך AVD Manager יוצרים מכשיר וירטואלי (למשל Pixel 3) ובוחרים גרסת אנדרואיד. אחרי היצירה אפשר לפתוח אותו שוב מאותו מקום.
5. סימולטור אייפון: על Mac פותחים את הסימולטור מהטרמינל בעזרת open -a Simulator.
שימו לב
הרצה על אייפון פיזי דורשת Mac וחברות בתוכנית המפתחים של Apple בתשלום שנתי קבוע. בקורס משתמשים בסימולטור כדי לראות את התוצאה על המסך.
בסוף ההרצה מופיעה אפליקציית ברירת המחדל עם מונה שעולה בכל לחיצה על הכפתור.
השיעור הבא בקורס: הסבר על Widget ב-Flutter

פרקי ההרצאה: חיבור אייפון וסימולטור של אנדרואיד ל-Flutter

  1. 00:00

    יצירת פרויקט Flutter חדש באנדרואיד סטודיו

  2. 00:39

    הגדרת נתיב ה-SDK של פלאטר

  3. 01:35

    מבנה קבצי הפרויקט של Flutter

  4. 02:09

    הרצה על מכשיר אנדרואיד פיזי

  5. 02:45

    הרצה על סימולטור אייפון ואנדרואיד

תמלול ההרצאה: חיבור אייפון וסימולטור של אנדרואיד ל-Flutter

הטקסט המלא של הדקות הראשונות בהרצאה «חיבור אייפון וסימולטור של אנדרואיד ל-Flutter» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.

  1. 00:02

    אוקיי אז למדנו דארט ועכשיו אפשר להמשיך ולהתקדם לפיתוח ולראשונה לפתוח פרויקט פלאטר. אז ניגש לאנדרואיד סטודיו ונלחץ על Start a New Flutter Project.

  2. 00:13

    אם אתם לא רואים את האופציה הזאת אפשר ללחוץ על קונפיגור – פלאגינס ולחפש פלאגין שנקרא פלאטר ולהתקין אותו ולאחר מכן לשנות את החיפוש לדארט וגם את הפלאגין הזה להתקין.

  3. 00:31

    אוקיי נלחץ על Start a New Flutter Project נבחר ב-flutter application – Next. פרויקט ניים אני אקרא לו ex1 example 1 פלאטר sdk path אם אתם זוכרים כשהתקנו את ה sdk של פלאטר בחרנו איפה אנחנו רוצים לשמור אותו במקרה שלי זה users עידן code פלאטר sdk ופלאטר שימו לב שזה לא התקייה בין אלא התקייה פלאטר התקייה הזאת מכילה את התקייה בין אם הסתבכתם

  4. 00:54

    קצת עם ההתקנה של פלאטר תוכלו ללחוץ על install sdk לבחור את המיקום שבו אתם רוצים לשמור את ה sdk והsdk ירד לתקייה הזאת project פרויקט לוקיישן זה המיקום של הפרויקט שלנו, זה סקריפט שנשאיר כמו שהוא כרגע.

  5. 01:10

    נקסט אוקיי קומפייני דומיין זה בעצם הדומיין של החברה או העסק שלכם אני אשאיר את זה popup.com פקקג' ניים זה המזהה הייחודי של כל אפליקציה גם אנדרואיד וגם אי.או.אס.

  6. 01:24

    נשאיר את זה כמו שזה com.popup.ex1 לגבי פלטפורמפ צ'אנל לאנגוויץ' נשאיר את זה כמו שזה ונלחץ על פיניש. אוקיי, אז ככה נראה פרויקט פלאטר חדש.

  7. 01:34

    בואו נעבור בקצרה על הקבצים של הפרויקט כדי להכיר אותם. אז נפתח את תיקיית הפרויקט X1. התיקייה אנדרואיד מכילה את כל קבצי הפרויקט הקשורים לאנדרואיד.

  8. 01:42

    התיקייה iOS מכילה את כל קבצי הפרויקט שקשורים ל-iOS. התיקייה ליב היא התיקייה העיקרית שבה נתעסק, ובתוכה נרשום את כל הקוד שלנו.

  9. 01:50

    pubspec.yaml זה למעשה קובץ הגדרות של הפרויקט, אנחנו נתעסק בו בהרחבה בהמשך. אז עכשיו אנחנו רוצים להריץ את הפרויקט לדוגמה, וכאן יש לנו שתי אופציות, אחד להריץ על מכשיר פיזי והשנייה להריץ על סימולטור.

  10. 02:03

    בכל אחת מהאופציות יש אפשרות להפעיל כמובן גם על אנדרואיד וגם על אי.או.אס. בואו נתחיל מחיבור פיזי למכשיר האנדרואיד. כל מה שצריך לעשות זה להפעיל את מצב המפתח במכשיר שלכם, ולחבר אותו באמצעות כבל למחשב.

  11. 02:15

    אני עכשיו אחבר את המכשיר שלי למחשב, ושימו לב מה קורה בצד שמאל למעלה. אנדרואיד סטודיו זיהה את המכשיר שלי, 1+ ועכשיו אני יכול ללחוץ על פליי ולהריץ את הפרויקט.

  12. 02:26

    אם אתם רוצים להריץ את הפרויקט במכשיר אייפון פיזי, תצטרכו גם מחשב Mac וגם להצטרף לתוכנית המפתחים של אפל ולשלם סכום שנתי קבוע.

  13. 02:34

    חוץ מזה התהליך הוא די דומה. בקורס הזה אנחנו נשתמש בסימולטור כדי שתוכלו לראות בדיוק מה קורה על המסך. אז גם כאן יש לנו אפשרות להריץ סימולטור של אייפון ושל אנדרואיד.

  14. 02:45

    לגבי האייפון גם כאן תצטרכו מחשב Mac ואם אתם עובדים על אחד כזה תיכנסו לטרמינל ותרשמו open-a simulator. אוקיי מיד יפתח סימולטור של אייפון וגם כאן באנדרואיד סטודיו נזהה מכשיר חדש.

  15. 03:03

    אם אתם רוצים להריץ סימולטור של אנדרואיד פשוט תלחצו על האייקון כאן, זה נקרא avdmanager קיצור של android virtual device וכאן נלחץ על create virtual device.

  16. 03:14

    נבחר ב-phone וכאן נוכל לבחור איזה דגם של מכשיר אנחנו רוצים, לדוגמה פיקסל 3, נלחץ על נקסט, כאן תבחרו איזה גרסה של אנדרואיד אתם רוצים, לולי פופ, מרשמלו, נאגט ותלחצו על נקסט.

לקורס המלא: קורס Flutter אונליין

ההרצאה הקודמת: תכנות אסינכרוני ASYNC בשפת Dart

ההרצאה הבאה: הסבר על Widget ב-Flutter

הרצאות קשורות מקורסים אחרים

  • אנדרואיד Debugger
  • אימולטור של כרום לבדיקת אייפון ואייפד
  • התקנה של אנדרואיד בתוך מכונה וירטואלית - Genymotion
  • חיבור של NodeJS ל-MongoDB

קורסים נוספים במסלול

  • קורס יסודות התכנות - שפת JAVA - קורס ג'אווה למתחילים
  • קורס פיתוח אפליקציות - לאנדרואיד - Android - ב-JAVA
  • קורס פיתוח אפליקציות - לאייפון iPhone iOS - ב-Swift-Xcode
  • קורס PhoneGap - פיתוח אפליקציות לאנדרואיד ואייפון