היכרות עם כלי הפיתוח בקורס והפצה מתמשכת של אפליקציית ווב בסיסית

Git & GitHub

במסגרת הקורס נעשה שימוש במספר שרותים ברשת, בפרט github ישמש אותנו לאחסון גרסאות קוד, ניהול משימות (issues), מסמכים (wiki) וגם תקשורת (chat).

רקע

Git היא מערכת בקרת גרסאות קוד (נרחיב בנושא בהמשך הקורס) שפותחה במקור עבור פיתוח מערכת ההפעלה לינוקס. GitHub הוא שרות git וכן מערכת ניהול פרויקטי תוכנה ועוד בענן. בקורס נשתמש ב- github בצורה נרחבת. הערה חשובה: ככל הנראה עכשיו, שם המשתמש שתבחרו ילווה אתכם עוד כברת דרך כמהנדסי תוכנה ואפילו משמש כמעין CV בחלק מהמקומות, כך שכדאי לשקול אם אתם מעוניינים להשתמש בכינוי או בשמכם האמיתי.

פתיחת חשבון

עליכם לפתוח חשבון ב github: לכו לעמוד הבית:

והירשמו לשרות ע”י בחירת שם משתמש, מייל וסיסמא. בעמוד הבא אין צורך לבחור בתכנית בתשלום… (שמאפשרות למשל פתיחת אתרי פרויקט פרטיים) ורק לאשר את יצירת החשבון. לאחר הרישום אפשר להוסיף פרטים שונים בעמוד החשבון לבחירתכם. אתם נדרשים לפחות שתהיה מצורפת תמונה לחשבון שלכם – באמצעות העלאת תמונה או עם שרות חיצוני כמוסבר להלן: למלא בשדה האחרון מייל שמקושר לתמונה שלכם (באמצעות השרות Gravatar - ברישום נפרד). באופן זה יהיה קל יותר לנהל בהמשך את משימות הפרויקט השונות, ראו בתחתית התמונה:

• הרשאות למאגרי הקורס: פתחנו קבוצה שיש לה הרשאות למאגרי הקורס,

נא להיכנס לעמוד הקבוצה ולבקש להצטרף (request to join): קבוצת מח״ר, מסלול רגיל

עדכון: כרגע האפשרות חסומה יש לשלוח לנו בקשה בצ׳אט (ראו למטה) ונשלח לכם הזמנה להצטרף.

• השרות הוא חינמי למאגרי קוד פתוח. אם תרצו גם לפתוח שם מאגר פרטי אפשר להפנות בקשה כאן: https://education.github.com/discount_requests/new

פורום/צ’אט

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

TODO: some more motivation, usage examples, and a small task

:הירשמו לפורום הרלוונטי מסלול רגיל: מסלול מח”ר:

מאפס לאפליקציית ווב באוויר

כיום מקובלת הפרקטיקה של הפצה מתמשכת (continuous deplyoment) שבה המוצר זמין לאורך הפרויקט בגרסאות מתקדמות בווב.

בתור התחלה נפיץ שלד אפליקציה שמכיל בעיקר צד לקוח פשוט מבוסס Angular, אפשר לייצר שלדים עשירים יותר ע״י מחוללי קודף למשל yeoman-angular. בדרך כלל מחוללים במחשב מקומי ובודקים לפני ההפצה, אבל אנחנו נשתמש בקוד מוכן ונפיץ אותו ישר.

שכפול הקוד

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

תחת הגדרות המאגר, נא לתת הרשאות למתרגל כדי שיוכל לתקן ולכוון לפי הצורך.

פתיחת חשבון בספק הענן azure

האפליקציה תרוץ ב- azure (או ספק אחר לבחירתכם), השימוש מחייב רישום ובאפשרותכם:

א. אפשר לפתוח שם חשבון עצמאי עם חבילת Free-tier למספר חודשים (נדרש כרטיס אשראי לאימות, אך הוא לא מחויב ללא שינוי החבילה).

ב. ניתן לקבל מאיתנו קוד לחשבון לשישה חודשים המאפשר שימוש של 100$ לחודש למשך חצי שנה. שולחים לצוות הקורס הודעה פרטית בצ׳אט עם בקשה לקוד הפעלה. שליחת הבקשה מהווה הסכמתכם לשימוש נאות ומתאים במשאבים לפי דרישות הספק.

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

הפצה

• בלוח הראשי של הספק יוצרים אפליקציית ווב חדשה בדומה להנחיות במדריך זה עד שלב 11.
• בהגדרות (Settings) תחת ההפצה המתמשכת, בוחרים בספק github ונותנים הרשאה לקרוא את פרטי החשבון שלכם ובוחרים במאגר ששכפלתם.ֿ

לאחר שההפצה אפשר תמיד ללחוץ על הכפתור sync כדי למשוך שוב את הקוד מ- github (אבל אמור לקרוא אוטמטית בכל עדכון של הקוד).

• בעמוד הראשי של הגדרות האפליקציה לוחצים browse ומגיעים להרצה שלכם (דוגמא).

פיתוח האפליקציה

האפליקציה מקבלת שם משתמש בגיטהאב ובלחיצה על שליחת הטופס (או לאחר 10 שניות) מציגה את מאגרי הקוד של המשתמש. עליכם להחליף את משתמש ברירית המחדל בזה שלכם וכל שינוי ושיפור אחר שנראה לכם. יש להוסיף קישור להפצה בקובץ ה- Readme של המאגר.

נלמד עבודה עם git במהלך הסמסטר ראו גם קישורי יחידה זו ובמשימה הבאה.

הגשה

מזל טוב יש לכם אפליקציה חיה ובועטת!

ההגשה בטופס ע״י שליחת קישור להפצה שלכם. ניתן (ורצוי) לכבות את המכונה כשתקבלו אישור שראינו את ההפצה.

מקורות נוספים

ראו סרטון קצר להדגמת ההפצה ממאגר מקומי.