Flux 文生图系列
了解如何在EasyApp中集成Flux文生图功能
EasyApp 使用replicate平台来对接 Flux 文生图功能。
对于AI功能，我们一定要保证我们的API Token 是存储在服务端的，避免客户端抓包风险。
我们在SupabaseEdgeFuncton中介绍了如何使用 Supabase Edge Function 来存储 API Token，并发起对大模型的请求。
我们推荐先在本地开发环境进行开发，测试所有功能，确保所有功能正常运行，然后再部署到生产环境。
如何使用本地开发环境，请参考SupabaseEdgeFuncton中的介绍。
配置replicate的 API Token
来到EasyAppSupabase项目中，在supabase/.env.local文件中，配置REPLICATE_API_TOKEN：
REPLICATE_API_TOKEN=your_replicate_api_token在replicate api token页面新建一个API Token。
配置完REPLICATE_API_TOKEN之后，我们要启动本地开发环境。我们已经在EasyAppSupabase项目中配置好了常见的启动命令
"scripts": {
"deploy": "./deploy.sh",
"migrate": "supabase db push",
"functions:deploy": "supabase functions deploy",
"functions:logs": "supabase functions logs",
"start": "supabase start",
"stop": "supabase stop",
"reset": "supabase db reset",
"status": "supabase status",
"dev": "./dev.sh",
"dev:functions.env.local": "supabase functions serve --env-file ./supabase/.env.local",
"dev:functions": "supabase functions serve",
"dev:migration": "supabase migration up"
},对于开发环境，直接运行npm run dev即可。
dev.sh文件中，已经帮您编写好了一切准备工作：
# Start Supabase
echo "🔧 Starting Supabase..."
supabase start
# Apply migrations to local database
echo "🔧 Applying migrations to local database..."
supabase migration up
# if you want to reset the database, uncomment the following line
# supabase db reset
# Run the function locally
echo "🔧 Running the function locally..."
# supabase functions serve --env-file ./supabase/.env.local
supabase functions serve云函数介绍
针对 Flux 生图系列，我们提供了以下云函数：
image-generation
image-generation-history
image-generation-status其中，image-generation 是主函数，用于生成图片。
image-generation-history 是历史记录函数，用于查看历史记录。
image-generation-status 是状态函数，用于查看状态。客户端回去轮询这个函数，获取实时的任务状态。
所以有image-generation-status函数之后，客户端就有了任务状态管理的功能，并且该功能与数据库是同步的。即使退出程序重新进入，仍然可以获取最新的任务状态。
效果
部署云函数和数据库
当您所有功能都开发完成之后，您需要将EasyAppSupabase项目部署到生产环境。
我们已经在EasyAppSupabase项目中配置好了常见的部署命令，您只需要执行以下命令即可：
cd EasyAppSupabase
npm run deploy或者执行以下命令：
cd EasyAppSupabase
./deploy.sh最后不要忘记在 Supabase Dashboard 中，配置REPLICATE_API_TOKEN环境变量：
通常情况下，AI功能都会与积分系统关联，我们也有相关章节来介绍如何接入积分系统:
Last updated on