Develop Full-Stack Apps in Google AI Studio

‫Google AI Studio תומך עכשיו בפיתוח Full-stack, ומאפשר לכם ליצור אפליקציות שהן מעבר לאב טיפוס בצד הלקוח. בעזרת זמן ריצה בצד השרת, אפשר לנהל סודות, להתחבר לממשקי API חיצוניים ולפתח חוויות משחק מרובה משתתפים בזמן אמת.

זמן ריצה בצד השרת

אפליקציות של Google AI Studio יכולות לכלול עכשיו רכיב בצד השרת (Node.js). כך תוכל:

  • הפעלת לוגיקה בצד השרת: הפעלת קוד שלא אמור להיחשף ללקוח.
  • גישה לחבילות npm: סוכן Antigravity יכול להתקין חבילות ולהשתמש בהן מתוך המערכת האקולוגית העצומה של npm.
  • טיפול בסודות: שימוש מאובטח במפתחות API ובפרטי כניסה.

שימוש בחבילות npm

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

דוגמה: > "Use axios to fetch data from the external API."

ניהול סודות בצורה מאובטחת

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

  • ממשקי API של צד שלישי: אפשר להתחבר לשירותים כמו Stripe,‏ SendGrid או ממשקי API בארכיטקטורת REST בהתאמה אישית.
  • מסדי נתונים: אפשר להתחבר למסדי נתונים חיצוניים (למשל, דרך Supabase,‏ Firebase או MongoDB Atlas) כדי לשמור נתונים מעבר לסשן.

כשמפתחים אפליקציות לשימוש בעולם האמיתי, לעיתים קרובות צריך להתחבר לשירותים של צד שלישי (כמו Twilio,‏ Slack או מסדי נתונים) שנדרשים להם מפתחות API. כדי להוסיף מפתחות באופן ידני, פועלים לפי השלבים הבאים:

  1. הוספת סוד: עוברים לתפריט הגדרות ב-Google AI Studio ומחפשים את הקטע 'סודות'.
  2. אחסון המפתח: כאן מוסיפים את מפתחות ה-API או את הטוקנים הסודיים.
  3. גישה בקוד: הסוכן יכול לכתוב קוד בצד השרת שמקבל גישה לסודות האלה בצורה מאובטחת (בדרך כלל באמצעות משתני סביבה), כדי לוודא שהם אף פעם לא נחשפים לדפדפן בצד הלקוח.

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

שילוב Firebase למסד נתונים ולאימות

עכשיו קל יותר להוסיף מסד נתונים או אימות לאפליקציה באמצעות שילוב עם Firebase ב-Google AI Studio. הסוכן Antigravity יכול להקצות ולהגדיר את השירותים הבאים באופן אוטומטי:

  • מסד נתונים של Firestore: מסד נתונים גמיש, ניתן להרחבה, מבוסס-ענן, לא יחסי (NoSQL) לאחסון ולסנכרון נתונים לפיתוח בצד הלקוח ובצד השרת.
  • אימות ב-Firebase: מאפשר למשתמשים להיכנס לאפליקציה שלכם בצורה מאובטחת באמצעות תהליכי "כניסה באמצעות חשבון Google".

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

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

הגדרת OAuth

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

יצירת חוויות מרובות משתתפים

זמן הריצה של המערך המלא מאפשר תכונות של שיתוף פעולה בזמן אמת.

  • מצב בזמן אמת: אתם יכולים לבקש מה-Agent ליצור תכונות כמו 'צ'אט בשידור חי', 'לוח אינטראקטיבי שיתופי' או 'משחק רב-משתתפים'.
  • סשנים מסונכרנים: השרת מנהל את המצב, ומאפשר לכמה משתמשים ליצור אינטראקציה עם אותו מופע של אפליקציה בזמן אמת.

הנחיה לדוגמה: > "תצור משחק מרובה משתתפים שבו השחקנים יכולים לראות את הסמנים של שחקנים אחרים".

טיפים לבדיקת אפליקציות מרובות משתתפים

יש שתי דרכים לבדוק את מצב מרובה המשתתפים לפני פריסת האפליקציה.

  1. פותחים את האפליקציה במצב בנייה של Google AI Studio בכמה כרטיסיות. כשמפתחים במצב Build, האפליקציה נמצאת בקונטיינר פיתוח. פתיחת האפליקציה בכמה כרטיסיות תאפשר לכם לדמות כמה שחקנים שמשתמשים באפליקציה.
  2. משתפים את האפליקציה עם אחרים באמצעות התפריט שיתוף בפינה השמאלית העליונה. לאחר מכן משתמשים בכתובת ה-URL המשותפת מהכרטיסייה שילובים בתפריט שיתוף כדי להשתמש באפליקציה עם השחקנים שאיתם שיתפתם את האפליקציה.

שיטות מומלצות

  • אבטחת סודות: תמיד צריך להשתמש במנהל הסודות למפתחות רגישים. אל תקודדו אותם באופן קשיח בקבצים.
  • הפרדה בין תחומים: כדאי לשמור את הלוגיקה של ממשק המשתמש במסגרת בצד הלקוח (React/Angular) ואת הלוגיקה העסקית או הטיפול בנתונים בצד השרת.
  • טיפול בשגיאות: חשוב לוודא שהקוד בצד השרת מטפל בשגיאות שמתקבלות מקריאות ל-API חיצוניות בצורה יעילה, כדי למנוע קריסה של האפליקציה.

מה השלב הבא?