פריסה מ-AI Studio ל-Cloud Run

1. סקירה כללית

איפה מתחילים לבנות באמצעות AI היום? אצל רובנו, זה מתחיל בשאלה פשוטה: "האם אפשר ליצור במהירות אב טיפוס של פתרון לבעיה שחשבתי עליה?". כאן בדיוק נכנס לתמונה Google AI Studio. זה מקום שבו אפשר ליצור אבות טיפוס במהירות. ב-Codelab הזה נרכיב אפליקציית אינטרנט פשוטה באמצעות שיטת Vibe coding, ונפרוס אותה ב-Cloud Run.

מה תפַתחו

רוצים לנסות את שיטת Vibe coding כדי לתכנת אפליקציית אינטרנט ולהפוך אותה לזמינה לשימוש של אחרים? ניצור אפליקציית אינטרנט ונפרוס אותה ב-Cloud Run, והכול באמצעות AI Studio. במסגרת ה-Lab הזה:

1. Build a simple web application using vibe coding
2. בדיקה שהאפליקציה פועלת כמו שצריך
3. פריסת האפליקציה ב-Cloud Run

דרישות

• דפדפן, כמו Chrome או Firefox
• פרויקט ב-Google Cloud שהחיוב בו מופעל.

‫2. לפני שמתחילים

1. ב-מסוף Google Cloud, בדף לבחירת הפרויקט, בוחרים או יוצרים פרויקט ב-Google Cloud.
2. הקפידו לוודא שהחיוב מופעל בפרויקט שלכם ב-Cloud. כך בודקים אם החיוב מופעל בפרויקט
3. אם יש לכם קישור למימוש קרדיטים, תוכלו לפעול לפי ההוראות שמפורטות כאן כדי לממש אותו.

3. אב טיפוס

עוברים אל Google AI Studio. מתחילים להקליד את ההנחיה שמתארת את האפליקציה שרוצים ליצור. זו ההנחיה שלי:

Create a formal looking frontend application that has two buttons: "Snowflakes" and "Balloons". If the user clicks on the "Snowflakes" button, snowflakes of medium size should start falling on the screen from top to bottom for 5 seconds. If the user clicks on the "Balloons" button, balloons of medium size should start floating from the bottom of the screen and float to the top for 5 seconds.

בוחרים את המודל הרצוי. בדוגמה הזו אנחנו משתמשים בגרסת טרום-השקה של Gemini 3 Pro. לוחצים על הלחצן Build (בנייה).

על סמך התיאור הפשוט הזה, AI Studio ייצור אפליקציית אינטרנט שתתאים בדיוק לתיאור שסיפקתם. תהליך יצירת האפליקציה יימשך 2-3 דקות.

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

אפשר לראות למטה את ה-snapshot של האפליקציה שנוצרה:

4. פריסה ב-Cloud Run

עכשיו שהאפליקציה מוכנה, אפשר לפרוס אותה ב-Cloud Run.

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

3. לוחצים על התפריט הנפתח Select a Cloud Project (בחירת פרויקט ב-Cloud).
4. בוחרים את הפרויקט מהתפריט הנפתח. אם אתם לא מוצאים את הפרויקט בתפריט הנפתח, לוחצים על ייבוא פרויקט ובוחרים את הפרויקט בחלונית ייבוא פרויקט.
5. אחרי שבוחרים את הפרויקט, המערכת מאמתת שהחיוב מופעל בו. האימות הזה יצליח כי בשלבים הראשונים קישרנו את החשבון לחיוב לפרויקט.
6. לוחצים על הכפתור Deploy app (פריסת האפליקציה) וממתינים עד שהאפליקציה תיפרס ב-Cloud Run.

שימו לב: שם השירות של Cloud Run ייווצר באופן אוטומטי.

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

5. הסרת המשאבים

כדי לא לצבור חיובים לחשבון Google Cloud על המשאבים שבהם השתמשתם במאמר הזה:

1. במסוף Google Cloud, עוברים לדף Manage resources.
2. ברשימת הפרויקטים, בוחרים את הפרויקט שרוצים למחוק ולוחצים על Delete.
3. כדי למחוק את הפרויקט, כותבים את מזהה הפרויקט בתיבת הדו-שיח ולוחצים על Shut down.

6. מזל טוב

מעולה! סיימתם בהצלחה את התהליך של יצירת אפליקציה באמצעות AI Studio ופריסתה ב-Cloud Run.

‫AI Studio היא פלטפורמה אידיאלית לפיתוח ולבדיקה של אפליקציות, שמאפשרת למשתמשים לראות מיד את העיצובים שלהם בפעולה.

השילוב החלק של AI Studio עם Cloud Run מאפשר למשתמשים לפרוס את האפליקציות שלהם בקלות ישירות ב-Google Cloud. השימוש ב-Cloud Run מעניק את כל היתרונות של סביבה ללא שרתים (serverless), ומפשט את המורכבויות והתקורה של ניהול התשתית.