注意: セキュリティ上の理由でAPIキーをそのままブラウザに置かないでください。下にある「サーバー例」を参照して、簡単なプロキシを用意してください。
サーバー（参考実装）
// Node/Express の簡易プロキシ（例）
// このサーバーはブラウザからのリクエストを受け取り、外部AI APIにサーバー側でAPIキーを使って中継します。
// 必ず自分の環境に合わせて修正してください。
/*
const express = require('express');
const fetch = require('node-fetch');
const app = express();
app.use(express.json());
app.post('/api/generate', async (req, res) => {
const { prompt, size, count } = req.body;
// ここで OpenAI や Replicate などの画像生成APIへサーバー側でリクエストを行う
// 例: OpenAI Images API (仮)
const r = await fetch('https://api.openai.com/v1/images/generations', {
method: 'POST',
headers: { 'Content-Type':'application/json', 'Authorization':'Bearer ' + process.env.OPENAI_API_KEY },
body: JSON.stringify({ prompt, size, n: count })
});
const data = await r.json();
res.json(data);
});
app.listen(3000);
*/