比較低程式碼與無程式碼開發

目標使用者

專業開發人員、IT 團隊

公民開發人員、非技術人員

自訂與彈性

高；可透過自訂程式碼和整合來擴充

僅限平台預先建構的元件

治理重點

管理大型系統的安全性和規模

協助企業使用者安全地打造專屬工具

行動：在 Firebase 控制台中開啟 Firebase Studio，然後撰寫提示詞，說明應用程式需要執行的動作。

無程式碼做法：針對團隊意見回饋應用程式，您可以編寫類似以下的提示詞：

「I'm building an app for my team to submit anonymous feedback. I need to collect the feedback text, the date it was submitted, and the department of the person submitting it, which should be a choice between Engineering, Marketing, or Sales.」

行動：提交提示詞後，代理會提供建議。

無程式碼做法：代理可能會建議收集意見回饋，並使用 feedbackText (字串)、submittedAt (時間戳記) 和 department (字串) 等欄位。此外，還會建議基本安全規則來保護資料。您可以查看這些建議，要求代理修改，然後按一下滑鼠，將建議部署至 Firebase。

行動：除了後端建議，代理還提供應用程式程式碼範例。

無程式碼做法：對於意見回饋應用程式，代理可以生成簡單的 UI，包含文字輸入欄位、部門下拉式選單和「提交」按鈕。這段程式碼已設定為將資料寫入 Firestore 資料庫。您可以將這個做為使用者測試的實用原型，或是交給開發人員，做為打造更精美介面的起點。

行動：在 Cloud Shell 編輯器或其他安裝 Gemini Code Assist 擴充功能的 IDE 中，開啟新的 Node.js 檔案。

低程式碼做法：輸入描述性註解做為提示詞。Gemini Code Assist 會看到註解，並為您建議程式碼。

// A Cloud Function in Node.js that triggers when a new user

// is created in the 'users' Firestore collection.

// It should send a welcome email to the user's email address.

const functions = require('firebase-functions');

const admin = require('firebase-admin');

admin.initializeApp();

// You would need to configure an email sending service

const emailClient = require('@sendgrid/mail');

emailClient.setApiKey(process.env.SENDGRID_API_KEY);

exports.sendWelcomeEmail = functions.firestore

    .document('users/{userId}')

    .onCreate(async (snap, context) => {

      const newUser = snap.data();

      const email = newUser.email;

      const displayName = newUser.displayName;

      const msg = {

        to: email,

        from: 'welcome@yourcompany.com',

        subject: 'Welcome to Our Service!',

        text: `Hi ${displayName}, thanks for signing up!`,

        html: `<strong>Hi ${displayName},</strong><p>Thanks for signing up!</p>`,

      };

      try {

        await emailClient.send(msg);

        console.log('Welcome email sent to:', email);

      } catch (error) {

        console.error('Error sending welcome email:', error);

      }

    });

動作：醒目顯示 sendWelcomeEmail 函式。

低程式碼做法：開啟 Gemini Code Assist 對話面板，然後要求解釋。Gemini 會詳細說明這個函式的運作方式。接著，您可以輸入另一個提示詞「Add more detailed error logging to the catch block.」Gemini 會提供修訂後的程式碼片段，其中包含更完善的錯誤處理機制，協助您更快建構出可用於正式環境的程式碼。