با عامل نمونه اولیه برنامه شروع کنید، با عامل نمونه سازی برنامه شروع کنید، با عامل نمونه سازی برنامه شروع کنید، با عامل نمونه سازی برنامه شروع کنید

Firebase Studio شامل یک رابط مبتنی بر وب است که به شما امکان می‌دهد با استفاده از اعلان‌های چندوجهی، از جمله زبان طبیعی، تصاویر و ابزارهای ترسیم، برنامه‌های وب را به‌سرعت نمونه‌سازی و تولید کنید. این عامل از برنامه‌های Next.js با پلتفرم‌ها و چارچوب‌های دیگری که در آینده برنامه‌ریزی شده‌اند، پشتیبانی می‌کند.

Agent Prototyping App یک جریان توسعه بدون کد ساده است که از هوش مصنوعی مولد برای توسعه، آزمایش، تکرار و انتشار یک برنامه وب عاملی تمام پشته استفاده می کند. شما ایده برنامه خود را به زبان طبیعی با یک تصویر اختیاری توصیف می‌کنید و عامل یک طرح برنامه، کد و یک پیش‌نمایش وب ایجاد می‌کند. برای کمک به توسعه و انتشار برنامه فول استک شما، Firebase Studio می تواند خدمات زیر را به طور خودکار برای شما ارائه دهد:

  • اگر برنامه شما از هوش مصنوعی استفاده می‌کند: Firebase Studio با استفاده از قدرت Genkit برای کار با Gemini ، API توسعه‌دهنده 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 به آن پایبند باشد. حداکثر حجم تصاویر می تواند 3 مگابایت باشد.

  3. روی Prototype with AI کلیک کنید.

    عامل App Prototyping یک نقشه برنامه را برمی‌گرداند که نام برنامه پیشنهادی، ویژگی‌های اصلی و دستورالعمل‌های سبک را ارائه می‌دهد.

  4. طرح را مرور کنید. می‌توانید از Gemini بخواهید که پیشرفت‌ها و تغییرات را داشته باشد و مستقیماً طرح اولیه را ویرایش کنید:

    • Customize کلیک کنید و طرح را مستقیماً ویرایش کنید. تغییرات خود را انجام دهید و روی ذخیره کلیک کنید.

    • در قسمت توصیف... در صفحه چت، سؤالات و زمینه های روشن کننده را اضافه کنید. همچنین می توانید تصاویر اضافی را آپلود کنید.

  5. وقتی طرح اولیه را تأیید کردید، روی Prototype this App کلیک کنید.

    Gemini کدی را از طرح اولیه تولید می‌کند و پیش‌نمایش وب را برای شما برمی‌گرداند تا آن را مرور کنید.

  6. اگر برنامه شما از هوش مصنوعی استفاده می‌کند، از شما خواسته می‌شود یک کلید Gemini API اضافه یا ایجاد کنید. اگر روی Auto-generate کلیک کنید، Firebase Studio یک پروژه Firebase و یک کلید API Gemini را برای شما فراهم می کند.

پس از ایجاد برنامه اولیه، می توانید:

  • برنامه خود را مرور کنید و با آن تعامل داشته باشید: پس از تکمیل تولید کد، پیش نمایشی از برنامه شما ظاهر می شود. می توانید مستقیماً با پیش نمایش تعامل داشته باشید تا آن را آزمایش کنید. در پیش نمایش برنامه خود بیشتر بیاموزید.

  • آزمایش و تکرار با استفاده از زبان طبیعی: برنامه خود را کاملاً آزمایش کنید و با App Prototyping agent کار کنید تا کد و طرح اولیه را تکرار کنید تا زمانی که از آن راضی باشید.

  • اشکال زدایی و تکرار مستقیم در کد: کلیک کنید سوئیچ کد نماد برای باز کردن نمای کد به Code بروید ، جایی که می‌توانید همه فایل‌های برنامه خود را ببینید و کد خود را مستقیماً تغییر دهید. Prototyper mode at any time.

    هنگام مشاهده Code ، می توانید از ویژگی های مفید زیر نیز استفاده کنید:

    • ویژگی های اشکال زدایی و گزارش داخلی Firebase Studio برای بازرسی، اشکال زدایی و ممیزی برنامه شما.

    • کمک هوش مصنوعی با استفاده از Gemini در Firebase یا درون کد شما یا با استفاده از چت تعاملی (هر دو به طور پیش فرض در دسترس هستند). چت تعاملی می‌تواند مشکلات را تشخیص دهد، راه‌حل‌هایی ارائه دهد و ابزارهایی را اجرا کند تا به رفع سریع‌تر برنامه شما کمک کند. برای دسترسی به چت، روی spark Gemini در پایین فضای کاری کلیک کنید.

  • برنامه خود را با Firebase App Hosting منتشر کنید: برای انتشار برنامه خود در App Hosting روی انتشار کلیک کنید.

  • برنامه و ویژگی های هوش مصنوعی خود را نظارت و بهینه سازی کنید: عملکرد و استفاده از برنامه وب خود را با قابلیت مشاهده در App Hosting و جریان های هوش مصنوعی تولیدی خود با تله متری Firebase در Genkit نظارت کنید. در مانیتور برنامه های وب بیشتر بیاموزید.

مراحل بعدی