咱就是说你想实现 Kling 文生图的前后端？这事儿可没那么简单，咱得捋清楚流程，好不好？

模型的使用，大差不差，去模型网站买额度，然后生成key，然后接口调用。

Ke以先kan下文本模型的文章，这篇是后续。

可灵 API 与hen多厂商一样，要求：

因此加一层 BFF本仓库的 server.js 负责读 .env.local签发 JWT把 /kling/v1/... 转发到可灵域名；浏览器只访问本地 http://.:。

准备一个新目录，放入下面三个文件即可跑通可灵文生图。

建议阅读顺序先kan下面「快速跑通」与「架构与数据流」，需要对照实现时再打开附录里的核心摘录或 GitHub 完整文件——不必在中间通读近千行粘贴代码。

const endpoint = `${base}/kling/v1/images/generations`const payload = {  prompt: prompt.value.trim,  negative_prompt: negativeWords,  aspect_ratio: aspectRatio.value,  resolution: resolution.value}const res = await fetch })const id = ).data?.task_idconst resultUrl = `${endpoint}/${encodeURIComponent}`

// 循环 fetch 直到非 processing/submitted …

分辨率payload.resolution 用 1k 通常比 2k geng省。

/ Auth failed核对 北京域AK/SK、重启 node server.js 后是否读到 .env.local。

/ 字段错误对照当前模型文档改 payload 字段名。

内容文件 前端单页index-keling.html JWT + 代理 + DeepSeek其他路由 环境说明README.md

可按同一模板 ：鉴权方式 → 是否需代理 → 前端拼 URL 还是拼流；语音若走流式或 WebSocket，「拼接」geng多在 **chunk缓冲与解码**，建议另开一篇写。

node server.js#另开终端，用静态服务打开页面npx --yes serve .#浏览器访问 /index-keling.html，「代理」填 http://.:

const KLING_API_ORIGIN = .trimconst KLING_PATH_PREFIX = '/kling'function signKlingJwt { const now = Math.floor / ) const header = { alg: 'HS256', typ: 'JWT' } const payload = { iss: accessKeyId, exp: now + , nbf: now - } const h = toBase64Url) const p = toBase64Url) const signingInput = `${h}.${p}` const sig = crypto \.createHmac \.update \.digest \.replace \.replace \.replace return `${signingInput}.${sig}`}// createServer 内：pathname 以 /kling 开头则 await proxyKlingRequest// proxyKlingRequest：restPath = pathname 去掉 /kling；拼 targetUrl；Bearer 调用 fetch

const resultUrl = endpoint + "/" + encodeURIComponent

resultUrl = endpoint + "/" + encodeURIComponent

sequenceDiagram participant B as browser index-keling.html participant S as server node server js代理 participant K as api-beijing klingai com POST /kling/v1/images/generations + JSON payload S->S:签发 JWT S->K:POST /v1/images/generations + Bearer JWT K-->S : task_id S-->B : 透传 JSON loop轮询 B->S : GET /kling/v1/images/generations/{task_id} S->K : GET /v1/images/generations/{task_id} + Bearer JWT K-->S : task_status + task_result... S-->B : 透传 JSON end B->B : imgUrl=task_result .images.url