做完之後怎麼變成自己的?
⚠️資訊安全: 如果使用到API KEY 等 ,需注意部屬環境的安全性,切勿公開API key
你可能會想,這東西只在網頁上用能幹嘛
那讓我來告訴你
可以看到右上的部屬中,有下載這個選項
下載後你會獲得一個壓縮檔 ⬇️
解壓縮後可以使用 VScode 等工具打開
打開後會有以下檔案
我們可以直接看 README.md 裡面有寫啟動方式
幫你翻譯:
執行並部署你的 AI Studio 應用程式
這裡包含在本地執行你的應用程式所需的一切。
在本地執行
先決條件: Node.js
安裝依賴套件:
npm install
在 .env.local 檔案中,將 GEMINI_API_KEY 設定為你的 Gemini API 金鑰
執行應用程式:
npm run dev
可以看到右上的部屬中,有 Github 與 Deploy 兩個選項
可以選擇推上 Github 用 Github pages 部屬或者選擇 Deploy 使用 Google cloud 部屬
這樣可以快速架設你的成品在外網,也可以完成小型靜態網頁。
有關 Github pages 部屬教學,有問題的話可以在下方留言,我會解答
Google cloud 部屬的部分可以看這個影片:
https://www.youtube.com/watch?v=Ji3mg3HwiE4&list=WL
可以使用 AI Agent 或者普通AI,如 Gemini,最好使用 Canvas 功能輔助
AI 在有範本程式碼的情況下,轉換的成功率會比較高。