在使用 Google Gemini 撰寫程式時,很多人會好奇:產生的程式要掛(部署)在哪裡?

其實 Gemini 本身就提供一個分享平台,像是這種範例連結:

👉 https://gemini.google.com/share/XXXXXX

不過,如果你希望將 Gemini 產生的程式直接放在 自己的網站,那又該怎麼做呢?

問題一:Gemini 產生的程式要如何部署到自己的網站?

Gemini 雖然提供分享網址,但如果你需要更高的自由度,例如整合到自己的網頁或後端系統,就必須透過額外的部署方式。這時候,你可以利用 Google 協作平台(Google Colab / AppSheet / App Script) 來達成。

⚠️ 限制提醒:若程式完全由 Java 撰寫,目前並不支援這種方式。

問題二:為什麼 Gemini 產生的程式中,YouTube 嵌入影片會無法播放?

有時候,即使程式是由 Gemini AI 自動產生的,嵌入的 YouTube 影片 卻會出現無法播放的狀況。這通常是因為 沙盒環境(sandbox)限制,導致 iframe 或外部多媒體無法正常顯示。

利用Google協作平台部署Gemini產生的程式並解決嵌入

首先,取得在 Gemini 中撰寫程式的原始碼,在「共用」中選取「複製內容」。這樣就取得這個網頁程式的原始碼了!

利用Google協作平台部署Gemini產生的程式並解決嵌入

建立一個協作平台後,要將程式碼放在那裡?

(1) 先新增一個頁面

(2) 在「插入」頁面下,點選:內嵌

(3) 然後點選:嵌入程式碼

利用Google協作平台部署Gemini產生的程式並解決嵌入

當點選:下一個,即可看到網頁的預覽,只要點選:插入,即可在網頁中插入這一段網頁內容。

利用Google協作平台部署Gemini產生的程式並解決嵌入

你可以準備發佈了!

利用Google協作平台部署Gemini產生的程式並解決嵌入

發佈之後,即可提供網址讓學生使用了!其中影片預覽和播放也都沒問題了!

利用Google協作平台部署Gemini產生的程式並解決嵌入

學不完.教不停.用不盡文章列表

文章標籤
協作平台 Gemini
全站熱搜
創作者介紹
創作者 vincent 的頭像
vincent

學不完.教不停.用不盡

vincent 發表在 痞客邦 留言(0) 人氣()