בדף הזה מוסבר איך להשתמש ב-Google AI Studio כדי ליצור במהירות (או "לכתוב קוד בהשראה") ולפרוס אפליקציות שבודקות את היכולות העדכניות של Gemini, כמו Nano Banana ו-Live API. Google AI Studio תומך עכשיו בזמני ריצה מלאים, ומאפשר לכם ליצור אפליקציות חזקות עם לוגיקה בצד השרת, ניהול מאובטח של סודות ותמיכה בחבילות npm, והכול באמצעות הנחיות בשפה טבעית.
שנתחיל?
מתחילים לכתוב קוד של אווירה במצב הבנייה של Google AI Studio. יש כמה דרכים להתחיל לבנות:
- מתחילים עם הנחיה: במצב בנייה, משתמשים בתיבת הקלט כדי להזין תיאור של מה שרוצים לבנות. בוחרים באפשרות 'שבבי AI' כדי להוסיף להנחיה תכונות ספציפיות כמו יצירת תמונות או נתונים של מפות Google. אפשר גם להגיד מה רוצים לשמוע באמצעות הלחצן להמרת דיבור לטקסט.
- הלחצן 'יותר מזל משכל': אם אתם צריכים השראה יצירתית, אתם יכולים ללחוץ על הלחצן 'יותר מזל משכל' ו-Gemini ייצור הנחיה עם רעיון לפרויקט כדי לעזור לכם להתחיל.
- ליצור רמיקס של פרויקט מהגלריה: פותחים פרויקט מגלריית האפליקציות ובוחרים באפשרות העתקת האפליקציה.
אחרי שמריצים את ההנחיה, המערכת יוצרת את הקוד והקבצים הנדרשים, ומוצגת תצוגה מקדימה של האפליקציה בצד שמאל.
מה נוצר?
כשמריצים את ההנחיה, AI Studio יוצר אפליקציה מלאה. כברירת מחדל, נוצרת סביבה מלאה שיכולה לכלול:
- צד הלקוח: חזית אתר (React היא ברירת המחדל).
- צד השרת: סביבת זמן ריצה של Node.js שמאפשרת לבצע קריאות מאובטחות ל-API, ליצור חיבורים למסד נתונים ולהשתמש בחבילות npm.
כדי לראות את הקוד שנוצר, בוחרים בכרטיסייה קוד בחלונית התצוגה המקדימה בצד שמאל. Antigravity Agent מנהל בצורה חכמה כמה קבצים במערך, ומוודא שהשינויים מועברים בצורה נכונה.
הסוכן של Antigravity
הסוכן Antigravity הוא פונקציית ה-AI העיקרית ב-Google Antigravity, ועכשיו רכיבי הליבה של מסגרת הסוכן מפעילים את חוויית השימוש במצב Build ב-Google AI Studio. הוא לא רק יוצר קוד פשוט, אלא גם שומר על ההקשר של הפרויקט כולו, מנהל קבצים מרובים ומבין הוראות מורכבות כדי ליצור אפליקציות חזקות עם סט מלא של טכנולוגיות.
היכולות העיקריות:
- הבנת ההקשר: שמירה על ההקשר של הנחיות קודמות ומצבי קבצים.
- ניהול של כמה קבצים: טיפול בתלות בין כמה קבצים.
- ביצוע מאומת: אימות של עדכוני קוד כדי לצמצם הזיות.
יכולות פול סטאק
Google AI Studio מאפשר לכם לנצל את היכולות של הסביבה העסקית המודרנית אונליין, ולבנות לא רק אבות טיפוס בצד הלקוח.
- Server-side Runtime ו-npm: אפשר להשתמש בספרייה הענקית של חבילות npm. הסוכן יזהה ויוריד באופן אוטומטי חבילות לפי הצורך של האפליקציה (לדוגמה, ספריות ספציפיות להצגת נתונים או לקוחות API). אפשר גם לבקש חבילות ספציפיות אם רוצים.
- ניהול סודות: אחסון מאובטח של מפתחות API וסודות בתפריט הגדרות. הם נגישים בקוד בצד השרת, ולכן הם מוגנים מפני חשיפה בצד הלקוח.
- משחק מרובה משתתפים: אפשר ליצור חוויות שיתופיות בזמן אמת ישירות ב-AI Studio. זמן הריצה בצד השרת מנהל את המצב והחיבורים שנדרשים כדי שהמשתמשים יוכלו ליצור אינטראקציה ביניהם.
מידע נוסף על פיתוח אפליקציות Full-stack
המשך בנייה
אחרי ש-Google AI Studio יוצר את הקוד הראשוני לאפליקציה, אפשר להמשיך ולשפר אותו:
פיתוח ב-Google AI Studio
- חזרה על הפעולה עם Gemini: משתמשים בחלונית הצ'אט במצב בנייה כדי לבקש מ-Gemini לבצע שינויים, להוסיף תכונות חדשות או לשנות את הסגנון.
- עריכת הקוד ישירות: פותחים את כרטיסיית הקוד בחלונית התצוגה המקדימה כדי לבצע עריכות בזמן אמת.
פיתוח באופן חיצוני
לתהליכי עבודה מתקדמים יותר, אפשר לייצא את הקוד ולעבוד בסביבה המועדפת:
- הורדה ופיתוח מקומיים: מייצאים את הקוד שנוצר כקובץ ZIP ומייבאים אותו לעורך הקוד.
- דחיפה ל-GitHub: כדי לשלב את הקוד בתהליכי הפיתוח והפריסה הקיימים, דוחפים אותו למאגר ב-GitHub.
תכונות עיקריות
Google AI Studio כולל כמה תכונות שהופכות את תהליך הבנייה לאינטואיטיבי ולוויזואלי:
- ליצור אפליקציות פול סטאק ולשפר אותן: אפשר ליצור אפליקציות פול סטאק רק באמצעות הנחיה ולשפר אותן באמצעות צ'אט או מצב הערות. במצב ההערות אפשר להדגיש כל חלק בממשק המשתמש של האפליקציה ולתאר את השינוי הרצוי.
- שיתוף האפליקציה והפצתה: אתם יכולים לשתף את היצירות שלכם עם אחרים כדי לשתף פעולה או להציג את העבודה שלכם. אחר כך, כשהאפליקציה מוכנה, פורסים אותה ב-Cloud Run.
- גלריית האפליקציות: גלריית האפליקציות היא ספרייה חזותית של רעיונות לפרויקטים. אתם יכולים לעיין באפשרויות של Gemini, לראות תצוגה מקדימה של אפליקציות באופן מיידי ולערוך אותן כדי ליצור גרסה משלכם.
ליצור אפליקציות full stack ולשפר אותן: הסבר קצר על תמיכה בזמן ריצה, שיפור באמצעות מצב הערות שיתוף ופריסה – שיתוף האפליקציה ב-AI Studio או פריסה ב-Cloud Run עיון בגלריית האפליקציות
פריסה או העברה לארכיון של האפליקציה
אחרי שהאפליקציה מוכנה, אפשר לפרוס אותה:
- Google Cloud Run: פריסת האפליקציה כשירות ניתן להרחבה. יכול להיות שיחול תמחור על Google Cloud Run בהתאם לשימוש.
- GitHub: ייצוא הפרויקט למאגר ב-GitHub.
מגבלות
בקטע הזה מפורטות ההגבלות הנוכחיות של מצב הפיתוח ב-Google AI Studio.
אבטחה של מפתחות API
- בצד הלקוח: אסור להשתמש במפתחות API אמיתיים ישירות בקוד בצד הלקוח.
- בצד השרת: משתמשים בתכונה 'ניהול סודות' כדי לטפל במפתחות רגישים בצורה מאובטחת בזמן הריצה בצד השרת.
פריסה מחוץ ל-Google AI Studio
- אפשר לפרוס את האפליקציה ב-Cloud Run לכתובת URL ציבורית, אבל בהגדרה הזו מפתח ה-API ישמש את כל המשתמשים לקריאות ל-Gemini API.
- אפליקציות JavaScript מופעלות בצד הלקוח, לכן חשוב לוודא שלמפתחות ה-API יש גישה מינימלית בלבד כדי למנוע דליפות נתונים או שימוש לרעה. לדוגמה, יכול להיות שלמשתמשים תהיה גישה למאגרי מידע אחרים של חיפוש קבצים מאותו פרויקט באמצעות המנגנון הזה.
- פריסה חיצונית מאובטחת: כדי להפעיל אפליקציה בצורה מאובטחת מחוץ ל-AI Studio (למשל, אחרי שמורידים את קובץ ה-ZIP), צריך להעביר את הלוגיקה שמשתמשת במפתח ה-API לרכיב בצד השרת כדי למנוע חשיפה של המפתח למשתמשי הקצה. הפעולה הזו לא נדרשת אם פורסים באמצעות Cloud Run.
- אזהרה לגבי חשיפת מפתח: לא מומלץ להחליף את ה-placeholder במפתח API אמיתי בסביבת צד לקוח, כי המפתח יהיה גלוי לכל משתמש.
שגיאה בשיתוף אפליקציות
אם שיתפתם את האפליקציה ומשתמש הקצה נתקל בשגיאה 403 Access Restricted בזמן השימוש בכתובת ה-URL ששותפה, יכול להיות שהסיבה לכך היא אחת מהאפשרויות הבאות:
- תוספים לדפדפן: יכול להיות שתוספים שקשורים לפרטיות, כמו Privacy Badger, חוסמים את האפליקציה. כדי להימנע מהשגיאה, צריך להשבית את התוסף.
- בעיות בבנייה: יכול להיות שיש בעיות בקוד הנוכחי. מבקשים מהסוכן "לתקן בעיות בבנייה של הקוד הנוכחי" ואז לשתף מחדש את כתובת ה-URL.
המאמרים הבאים
- פיתוח אפליקציות פול סטאק
- אפשר לראות דוגמאות בגלריית האפליקציות.