# 輕鬆串接 Gemini API：從 Google AI Studio 到 Vertex AI in Firebase 的前端實作 - Vivian

{%hackmd @JSDC2024/INuUpOqWS42gD1_pz5S4Bg %}

簡報：https://drive.google.com/file/d/1ZXX83F4Ry-2KD6oeno_WHcaMLaFcH0mf/view?usp=sharing
Blog：https://vocus.cc/user/@vivian_enlife
Instagram: https://www.instagram.com/vivian_enlife/

Slido：
https://app.sli.do/event/u8NiS7ajxfwVVDMaPGFrWw

> 開始做筆記
## Why?
- 網路上有很多 model 比較資料
- CP 值比 ChatGPT 高

https://aistudio.google.com/

## Attention
- API Key 在 query string 上，很容易被拿走了
- 有小坑，稍待提
- 年費分鐘數限制，超過配額會被收 500 (?)
- GCP 免費配額很少 $150/min
- Cannot be managed by GCP
- 使用時會檢查 Account 是否有綁信用卡
- 找到信用卡會被自動綁定 ...

## Vertax AI in Firebase
- 注意一下連結的專案是否正確
- 與 Google AI Studio 差異
- 可使用 Firebase reCAPTCHA
- 防止被扣款
- Token 管理機制
- 多平台
- 操作介面一樣

## Before using AI in Frontend
- AI 放在頁面，要注意渲染與 AI Request 的次數
- 但前端行為在正式環境上，不確定性高
- 建議還是放在後端

## Let's Start
- 與主管說清楚你要解決什麼問題
- 評估成本管控，好方便交辦金援（董事會等）
- Input + Output Token 計價不一樣
- 跨部門溝通
- 前端要多與後端溝通
- 評估有效性
- Google App Script
- Google Sheet (Free)
- Google Doc

## Q & A
我們要如何防止企業內部的機密被 AI 拿去做訓練？
> 需權衡 CP 值

> 聊天區