איך אתרים עובדים עם API
חלק 1

תמלול ההרצאה: איך אתרים עובדים עם API חלק 1

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

1. 00:02

   בסרטונים הקודמים דיברנו על יתרונות האוטומציה לבדיקות הידעניות ועל יתרונות של בדיקות API, בדיקות ממשקי Web, על פני בדיקות User Graphical Interface, בדיקות גוי.

2. 00:14

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

3. 00:37

   מה קורה מאחורי הקלעים? על מנת לראות את התהליכים שהביאו נתונים לממשק הגרפי של הדפדפן שמשרת אותי כ-end user, אני אלחץ על F12, או אני יכול גם ללכת להגדרות More Tools ו-Developer Tools.

4. 00:57

   נפתח לי חלון. מה שמעניין אותי פה זה ה-Tab Network, זה כלי עזר למפתחים. בכלי עזר למפתחים אנחנו יכולים למצוא המון דברים שיכולים לעזור למפתחי GUI, למפתחי Graphical User Interface, ממשק משתמש.

5. 01:14

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

6. 01:38

   וכאן אנחנו רואים בעצם את כל הממשקים ש-Front End, ה-Graphical User Interface, האתר שלח על מנת לקבל מה-Back End את התוצאות, את ה-Response שמכיל את כל הנתונים של מזג האוויר באותו מיקום שאני בחרתי.

7. 01:56

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