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

Firebase Studio כולל ממשק מבוסס-אינטרנט שמאפשר ליצור במהירות אב טיפוס של אפליקציות אינטרנט מבוססות-AI וליצור אותן באמצעות הנחיות במגוון מודולים, כולל שפה טבעית, תמונות וכלי ציור. הסוכן תומך באפליקציות Next.js, ואנחנו מתכננים להוסיף תמיכה בפלטפורמות ובמסגרות אחרות בעתיד.

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

  • אם האפליקציה שלכם משתמשת ב-AI: Firebase Studio מוסיף את Gemini Developer API לאפליקציה, תוך שימוש ביכולות של תהליכי Genkit כדי לעבוד עם Gemini. אתם יכולים להשתמש במפתח Gemini API משלכם או לאפשר ל-Firebase Studio להקצות בשבילכם פרויקט Firebase ומפתח Gemini API.
  • אם רוצים לפרסם את האפליקציה באינטרנט: Firebase Studio יוצר פרויקט ומספק דרך מהירה לפרסם את האפליקציה באמצעות Firebase App Hosting.

אתם יכולים לשפר את האפליקציה באמצעות שפה טבעית, תמונות וכלי ציור, לערוך את הקוד ישירות, לבטל שינויים, לפרסם את האפליקציה ולעקוב אחרי הביצועים שלה – והכול מתוך Firebase Studio.

שנתחיל?

כדי להתחיל להשתמש ב-App Prototyping agent, פועלים לפי השלבים הבאים:

  1. מתחברים לחשבון Google ופותחים את Firebase Studio.

  2. בשדה Prototype an app with AI, מתארים את רעיון האפליקציה בשפה טבעית.

    אם רוצים, אפשר להוסיף תמונה להנחיה. זה יכול להיות תרשים של תהליך השימוש האידיאלי באפליקציה, או ערכת צבעים שאתם רוצים ש-Firebase Studio תעמוד בה. הגודל המקסימלי של תמונות הוא 3MB.

  3. לוחצים על אב טיפוס באמצעות AI.

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

  4. בודקים את תוכנית העבודה. אתם יכולים לבקש מ-Gemini שיפורים ושינויים ולערוך את תוכנית האב ישירות:

    • לוחצים על Customize ועורכים את תוכנית האב ישירות. מבצעים את השינויים הרצויים ולוחצים על שמירה.

    • בשדה תיאור… בחלונית הצ'אט, מוסיפים שאלות להבהרה והקשר. אפשר גם להעלות תמונות נוספות.

  5. אחרי שמאשרים את התוכנית, לוחצים על Prototype this App (יצירת אב טיפוס לאפליקציה הזו).

    Gemini יוצר קוד מהתוכנית ומחזיר תצוגה מקדימה באינטרנט לבדיקה.

  6. אם האפליקציה שלכם משתמשת ב-AI, תתבקשו להוסיף או ליצור מפתח Gemini API. אם לוחצים על יצירה אוטומטית, Firebase Studio יוצר בשבילכם פרויקט Firebase ומפתח Gemini API.

אחרי שיוצרים את האפליקציה הראשונית, אפשר:

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

  • בדיקה וחזרה על תהליך היצירה באמצעות שפה טבעית: בודקים את האפליקציה ביסודיות ומשתמשים ב-App Prototyping agent כדי לבצע שינויים בקוד ובתוכנית עד שמגיעים לתוצאה הרצויה.

  • ניפוי באגים וחזרה על פעולות ישירות בקוד: לוחצים על סמל של מעבר בין קודים מעבר לקוד כדי לפתוח את התצוגה Code, שבה אפשר לראות את כל הקבצים של האפליקציה ולשנות את הקוד ישירות. אפשר לחזור ל-Prototyper mode at any time.

    בתצוגה Code אפשר גם להשתמש בתכונות המועילות הבאות:

    • תכונות ניפוי הבאגים והדיווח המובנות של Firebase Studio כדי לבדוק, לנפות באגים ולבצע ביקורת על האפליקציה.

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

  • פרסום האפליקציה באמצעות Firebase App Hosting: לוחצים על פרסום כדי לפרסם את האפליקציה ב-App Hosting.

    כדי להשתמש ב-
  • מעקב אחרי האפליקציה ופיצ'רים של AI וביצוע אופטימיזציה שלהם: מעקב אחרי הביצועים והשימוש באפליקציית האינטרנט באמצעות יכולות התצפית ב-App Hosting, ופיקוח על תהליכי ה-AI הגנרטיבי באמצעות טלמטריה של Firebase ב-Genkit. מידע נוסף זמין במאמר מעקב אחרי אפליקציות אינטרנט.

מוסבר על כל שלבי מחזור החיים של אפליקציה באמצעות App Prototyping agent, מהשלב הראשוני ועד למעקב אחרי אפליקציית האינטרנט שפורסמה.

השלבים הבאים