rw-integrate-image
Compare original and translation side by side
🇺🇸
Original
English🇨🇳
Translation
ChineseIntegrate Image Generation
集成图像生成
PREREQUISITE: Runfirst. Run+rw-check-compatibilityto load the latest API reference before integrating. Requires+rw-fetch-api-referencefor API credentials. Requires+rw-setup-api-keywhen the user has local reference images.+rw-integrate-uploads
Help users add Runway image generation to their server-side code.
前置要求: 先运行。集成前运行+rw-check-compatibility加载最新API参考文档。需要通过+rw-fetch-api-reference配置API凭证。若用户使用本地参考图,需先执行+rw-setup-api-key。+rw-integrate-uploads
帮助用户在服务端代码中添加Runway图像生成功能。
Available Models
可用模型
| Model | Best For | Cost | Speed |
|---|---|---|---|
| Highest quality | 5 credits (720p), 8 credits (1080p) | Standard |
| Fast generation | 2 credits | Fast |
| Google Gemini model | 5 credits | Standard |
Model selection guidance:
- Default recommendation: — best quality
gen4_image - Budget/speed: — cheapest and fastest
gen4_image_turbo
| 模型 | 适用场景 | 成本 | 生成速度 |
|---|---|---|---|
| 最高画质 | 5积分(720p),8积分(1080p) | 标准 |
| 快速生成 | 2积分 | 快速 |
| Google Gemini模型 | 5积分 | 标准 |
模型选择指南:
- 默认推荐:—— 画质最佳
gen4_image - 预算/速度优先:—— 成本最低且生成最快
gen4_image_turbo
Security
安全注意事项
referenceImages[].uri- Prefer URIs from
runway://— scoped to your account, no arbitrary web content.+rw-integrate-uploads - If accepting URLs from clients, validate first: require , allowlist trusted hosts, reject private addresses. See the Express.js example below.
https:// - Never forward straight into
req.body.referenceImages. The SDK snippets below use raw URLs for brevity — they aren't production templates.textToImage.create - Treat generated outputs as untrusted when piping into downstream automations — ingested references influence the result.
referenceImages[].uri- 优先使用返回的
+rw-integrate-uploadsURI——此类URI绑定到你的账户,不会加载任意网络内容。runway:// - 若接受客户端传入的URL,需先验证:要求使用协议,仅允许可信域名,拒绝私有地址。详见下方Express.js示例。
https:// - 切勿直接将传入
req.body.referenceImages。下方SDK示例为简洁起见使用原始URL,但它们并非生产环境模板。textToImage.create - 当下游自动化流程使用生成结果时,需将其视为不可信内容——参考图会影响生成结果。
Endpoint: POST /v1/text_to_image
POST /v1/text_to_image接口:POST /v1/text_to_image
POST /v1/text_to_imageBasic Text-to-Image
基础文本转图像
javascript
// Node.js SDK
import RunwayML from '@runwayml/sdk';
const client = new RunwayML();
const task = await client.textToImage.create({
model: 'gen4_image',
promptText: 'A serene Japanese garden with cherry blossoms and a koi pond',
ratio: '1280:720'
}).waitForTaskOutput();
const imageUrl = task.output[0];python
undefinedjavascript
// Node.js SDK
import RunwayML from '@runwayml/sdk';
const client = new RunwayML();
const task = await client.textToImage.create({
model: 'gen4_image',
promptText: 'A serene Japanese garden with cherry blossoms and a koi pond',
ratio: '1280:720'
}).waitForTaskOutput();
const imageUrl = task.output[0];python
undefinedPython SDK
Python SDK
from runwayml import RunwayML
client = RunwayML()
task = client.text_to_image.create(
model='gen4_image',
prompt_text='A serene Japanese garden with cherry blossoms and a koi pond',
ratio='1280:720'
).wait_for_task_output()
image_url = task.output[0]
undefinedfrom runwayml import RunwayML
client = RunwayML()
task = client.text_to_image.create(
model='gen4_image',
prompt_text='A serene Japanese garden with cherry blossoms and a koi pond',
ratio='1280:720'
).wait_for_task_output()
image_url = task.output[0]
undefinedWith Reference Images
结合参考图
Reference images let you guide the generation with visual references. Use syntax in the prompt to reference specific images.
@TagRecommended: upload via and pass the returned URI.
+rw-integrate-uploadsrunway://javascript
import fs from 'fs';
const refUpload = await client.uploads.createEphemeral(
fs.createReadStream('/path/to/reference.jpg')
);
const task = await client.textToImage.create({
model: 'gen4_image',
promptText: 'A portrait in the style of @Reference',
referenceImages: [
{ uri: refUpload.runwayUri, tag: 'Reference' }
],
ratio: '1280:720'
}).waitForTaskOutput();External URLs also work — only pass origins you control (see Security):
javascript
const task = await client.textToImage.create({
model: 'gen4_image',
promptText: '@EiffelTower painted in the style of @StarryNight',
referenceImages: [
{ uri: 'https://cdn.yourapp.com/eiffel-tower.jpg', tag: 'EiffelTower' },
{ uri: 'https://cdn.yourapp.com/starry-night.jpg', tag: 'StarryNight' }
],
ratio: '1280:720'
}).waitForTaskOutput();python
task = client.text_to_image.create(
model='gen4_image',
prompt_text='@EiffelTower painted in the style of @StarryNight',
reference_images=[
{"uri": "https://cdn.yourapp.com/eiffel-tower.jpg", "tag": "EiffelTower"},
{"uri": "https://cdn.yourapp.com/starry-night.jpg", "tag": "StarryNight"}
],
ratio='1280:720'
).wait_for_task_output()参考图可通过视觉参考引导图像生成。在提示词中使用语法引用特定图像。
@Tag推荐方式: 通过上传图片,传入返回的 URI。
+rw-integrate-uploadsrunway://javascript
import fs from 'fs';
const refUpload = await client.uploads.createEphemeral(
fs.createReadStream('/path/to/reference.jpg')
);
const task = await client.textToImage.create({
model: 'gen4_image',
promptText: 'A portrait in the style of @Reference',
referenceImages: [
{ uri: refUpload.runwayUri, tag: 'Reference' }
],
ratio: '1280:720'
}).waitForTaskOutput();外部URL也可使用——仅传入你可控的源(详见安全注意事项):
javascript
const task = await client.textToImage.create({
model: 'gen4_image',
promptText: '@EiffelTower painted in the style of @StarryNight',
referenceImages: [
{ uri: 'https://cdn.yourapp.com/eiffel-tower.jpg', tag: 'EiffelTower' },
{ uri: 'https://cdn.yourapp.com/starry-night.jpg', tag: 'StarryNight' }
],
ratio: '1280:720'
}).waitForTaskOutput();python
task = client.text_to_image.create(
model='gen4_image',
prompt_text='@EiffelTower painted in the style of @StarryNight',
reference_images=[
{"uri": "https://cdn.yourapp.com/eiffel-tower.jpg", "tag": "EiffelTower"},
{"uri": "https://cdn.yourapp.com/starry-night.jpg", "tag": "StarryNight"}
],
ratio='1280:720'
).wait_for_task_output()Common Parameters
通用参数
| Parameter | Type | Description |
|---|---|---|
| string | Model ID (required) |
| string | Text description of the image (required) |
| string | Aspect ratio, e.g. |
| array | Optional. Array of |
| 参数 | 类型 | 描述 |
|---|---|---|
| string | 模型ID(必填) |
| string | 图像的文本描述(必填) |
| string | 宽高比,例如 |
| array | 可选。用于视觉引导的 |
Integration Pattern
集成模式
- Prefer uploads over URLs — Default to so inputs are
+rw-integrate-uploadsURIs. External URLs only from origins you control (see Security).runway:// - Write the server-side handler — Create an API route or server function.
- Handle the output — Download and store the image, don't serve signed URLs to clients.
- Add error handling — Wrap in try/catch.
- 优先使用上传而非URL——默认使用,确保输入为
+rw-integrate-uploadsURI。仅从你可控的源获取外部URL(详见安全注意事项)。runway:// - 编写服务端处理器——创建API路由或服务端函数。
- 处理输出结果——下载并存储图像,不要将签名URL直接提供给客户端。
- 添加错误处理——使用try/catch包裹代码。
Example: Express.js API Route
示例:Express.js API路由
javascript
import RunwayML from '@runwayml/sdk';
import express from 'express';
const client = new RunwayML();
const app = express();
app.use(express.json());
// `runway://` URIs bypass this check; external URLs must match the allowlist.
const ALLOWED_MEDIA_HOSTS = new Set(['cdn.yourapp.com', 'uploads.yourapp.com']);
function validateReferenceImages(refs) {
if (!Array.isArray(refs)) throw new Error('referenceImages must be an array');
return refs.map(({ uri, tag }) => {
if (typeof uri !== 'string' || typeof tag !== 'string') {
throw new Error('each reference needs a uri and tag');
}
if (uri.startsWith('runway://')) return { uri, tag };
const u = new URL(uri);
if (u.protocol !== 'https:') throw new Error('https required');
if (!ALLOWED_MEDIA_HOSTS.has(u.hostname)) throw new Error('untrusted media host');
return { uri: u.toString(), tag };
});
}
app.post('/api/generate-image', async (req, res) => {
try {
const { prompt, model = 'gen4_image', ratio = '1280:720', referenceImages } = req.body;
const task = await client.textToImage.create({
model,
promptText: prompt,
ratio,
...(referenceImages && { referenceImages: validateReferenceImages(referenceImages) })
}).waitForTaskOutput();
res.json({ imageUrl: task.output[0] });
} catch (error) {
console.error('Image generation failed:', error);
res.status(400).json({ error: error.message });
}
});For browser uploads: POST files to your server, upload via, and pass the+rw-integrate-uploadsURI. Don't accept raw URLs from the browser.runway://
javascript
import RunwayML from '@runwayml/sdk';
import express from 'express';
const client = new RunwayML();
const app = express();
app.use(express.json());
// `runway://` URI无需此检查;外部URL必须匹配白名单。
const ALLOWED_MEDIA_HOSTS = new Set(['cdn.yourapp.com', 'uploads.yourapp.com']);
function validateReferenceImages(refs) {
if (!Array.isArray(refs)) throw new Error('referenceImages must be an array');
return refs.map(({ uri, tag }) => {
if (typeof uri !== 'string' || typeof tag !== 'string') {
throw new Error('each reference needs a uri and tag');
}
if (uri.startsWith('runway://')) return { uri, tag };
const u = new URL(uri);
if (u.protocol !== 'https:') throw new Error('https required');
if (!ALLOWED_MEDIA_HOSTS.has(u.hostname)) throw new Error('untrusted media host');
return { uri: u.toString(), tag };
});
}
app.post('/api/generate-image', async (req, res) => {
try {
const { prompt, model = 'gen4_image', ratio = '1280:720', referenceImages } = req.body;
const task = await client.textToImage.create({
model,
promptText: prompt,
ratio,
...(referenceImages && { referenceImages: validateReferenceImages(referenceImages) })
}).waitForTaskOutput();
res.json({ imageUrl: task.output[0] });
} catch (error) {
console.error('Image generation failed:', error);
res.status(400).json({ error: error.message });
}
});浏览器上传说明:将文件POST到你的服务端,通过上传,然后传入+rw-integrate-uploadsURI。不要直接接受浏览器传入的原始URL。runway://
Example: Next.js API Route
示例:Next.js API路由
typescript
// app/api/generate-image/route.ts
import RunwayML from '@runwayml/sdk';
import { NextRequest, NextResponse } from 'next/server';
const client = new RunwayML();
export async function POST(request: NextRequest) {
const { prompt, referenceImages } = await request.json();
try {
const task = await client.textToImage.create({
model: 'gen4_image',
promptText: prompt,
ratio: '1280:720',
...(referenceImages && { referenceImages })
}).waitForTaskOutput();
return NextResponse.json({ imageUrl: task.output[0] });
} catch (error) {
return NextResponse.json(
{ error: error instanceof Error ? error.message : 'Generation failed' },
{ status: 500 }
);
}
}typescript
// app/api/generate-image/route.ts
import RunwayML from '@runwayml/sdk';
import { NextRequest, NextResponse } from 'next/server';
const client = new RunwayML();
export async function POST(request: NextRequest) {
const { prompt, referenceImages } = await request.json();
try {
const task = await client.textToImage.create({
model: 'gen4_image',
promptText: prompt,
ratio: '1280:720',
...(referenceImages && { referenceImages })
}).waitForTaskOutput();
return NextResponse.json({ imageUrl: task.output[0] });
} catch (error) {
return NextResponse.json(
{ error: error instanceof Error ? error.message : 'Generation failed' },
{ status: 500 }
);
}
}Example: FastAPI Route
示例:FastAPI路由
python
from fastapi import FastAPI, HTTPException
from pydantic import BaseModel
from runwayml import RunwayML
app = FastAPI()
client = RunwayML()
class ImageRequest(BaseModel):
prompt: str
model: str = "gen4_image"
ratio: str = "1280:720"
reference_images: list[dict] | None = None
@app.post("/api/generate-image")
async def generate_image(req: ImageRequest):
try:
params = {
"model": req.model,
"prompt_text": req.prompt,
"ratio": req.ratio,
}
if req.reference_images:
params["reference_images"] = req.reference_images
task = client.text_to_image.create(**params).wait_for_task_output()
return {"image_url": task.output[0]}
except Exception as e:
raise HTTPException(status_code=500, detail=str(e))python
from fastapi import FastAPI, HTTPException
from pydantic import BaseModel
from runwayml import RunwayML
app = FastAPI()
client = RunwayML()
class ImageRequest(BaseModel):
prompt: str
model: str = "gen4_image"
ratio: str = "1280:720"
reference_images: list[dict] | None = None
@app.post("/api/generate-image")
async def generate_image(req: ImageRequest):
try:
params = {
"model": req.model,
"prompt_text": req.prompt,
"ratio": req.ratio,
}
if req.reference_images:
params["reference_images"] = req.reference_images
task = client.text_to_image.create(**params).wait_for_task_output()
return {"image_url": task.output[0]}
except Exception as e:
raise HTTPException(status_code=500, detail=str(e))Tips
提示
- Output URLs expire in 24-48 hours. Download images to your own storage immediately.
- Reference images use syntax in the prompt — the tag must match the
@Tagfield in thetagarray.referenceImages - For local files, always upload via first, then use the
+rw-integrate-uploadsURI.runway:// - is the cheapest option at 2 credits per image — good for prototyping.
gen4_image_turbo
- 输出URL的有效期为24-48小时。请立即将图片下载到你自己的存储服务中。
- 参考图在提示词中使用语法——标签必须与
@Tag数组中的referenceImages字段匹配。tag - 对于本地文件,务必先通过上传,再使用
+rw-integrate-uploadsURI。runway:// - ****是成本最低的选项,每张图片仅需2积分——适合原型开发。
gen4_image_turbo