目录
三.前端:
一.引言:
最近团队需要做款关于古诗的AP。又随着当下AI的兴起,除了基本的ap该有的功能以外,AI的添加也是必须的了。因此我这里就直接嵌套Spring AI集成的语言模型,图像模型使用。让我们快速体验!!!
二.后端配置:
需要配置我们后端SpringAI项目配置,当然我这里已经配置本且部署了语言模型,还没配置的,有问题的可以参考我的上一篇博客,这里有详细的解说:链接放在这里了
然后这里 配置一下图像模型API (注:这个你的api-key是gpt-3.5的 是没法支持生成图片的,需要去淘宝重新买一个高级的使用) 话不多说上代码:
@CrossOrigin
@RestController
public class ImageController {
@Resource
private OpenAiImageClient openAiImageClient;
@GetMapping("/ai/image")
public Result image(@RequestParam(value = "message") String message){
System.out.println(message);
ImageResponse imageResponse=null;
try {
imageResponse = openAiImageClient.call(new ImagePrompt(message));
}catch (Exception ex){
throw new ImageExcetion("No image response returned for request");
}
System.out.println(imageResponse);
return Result.success(imageResponse.getResult().getOutput().getUrl());
}
}
跟一下源码不难发现 :这里其实有同步API ModelClient 和流式API StreamingModelClient
同步API ModelClient 下多种实现,我们以前使用的 OpenAiChatClient 就在这里,同理,我们直接使用这里的OpenAiImageClient api就可以了
但是流式API 里面就没有包含OpenAiImageClient
当然具体参数包括生成高清照片,每次生成多少张,宽度,高度这些都可以自定义配置,具体可以参考官方文档:
三.前端:
只需要调用接口,逻辑处理一下
四.手机端打开APP看看效果:
文生图模型嵌入AP中使用
请求的速度也和网络条件有关,后续也会继续优化,训练。让其体验感更好!!!
文生图模型嵌入AP中使用
五.最后:
当然,这里仅仅只是我们AP的一小部分功能,其他功能我就不展示了!!!开发的时候,后端我用了2台服务器,一台专门来处理AI的请求,另一台就处理AP的所有功能数据存储。后续我也会继续完善AP的功能,如果后续大家需要,我也可以把AP的所有功能详细介绍一下,本且附上所有源码,到时候有需要的可以自行提取。
希望大家可以多多支持!!!谢谢大家啦!!