一.引言:
二.后端配置:
三.前端:
四.手机端打开APP看看效果:
五.最后:
一.引言:
最近团队需要做款关于古诗的AP。又随着当下AI的兴起,除了基本的ap该有的功能以外,AI的添加也是必须的了。因此我这里就直接嵌套Spring AI集成的语言模型,图像模型使用。让我们快速体验!!!
二.后端配置:
需要配置我们后端SpringAI项目配置,当然我这里已经配置本且部署了语言模型,还没配置的,有问题的可以参考我的上一篇博客,这里有详细的解说:链接放在这里了
(详解!)五分钟搞定SpringAi 快速引入Chartgpt,让你少走坑!!!快速体验!!!_spring ai接入chat gpt-CSDN博客https://blog.csdn.net/2301_77058976/article/details/138872822?spm=1001.2014.3001.5501
然后这里 配置一下图像模型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
当然具体参数包括生成高清照片,每次生成多少张,宽度,高度这些都可以自定义配置,具体可以参考官方文档:
OpenAI Image Generation :: Spring AI 参考https://docs.spring.io/spring-ai/reference/api/clients/image/openai-image.html
三.前端:
只需要调用接口,逻辑处理一下
四.手机端打开APP看看效果:
文生图模型嵌入AP中使用
请求的速度也和网络条件有关,后续也会继续优化,训练。让其体验感更好!!!
文生图模型嵌入AP中使用
五.最后:
当然,这里仅仅只是我们AP的一小部分功能,其他功能我就不展示了!!!开发的时候,后端我用了2台服务器,一台专门来处理AI的请求,另一台就处理AP的所有功能数据存储。后续我也会继续完善AP的功能,如果后续大家需要,我也可以把AP的所有功能详细介绍一下,本且附上所有源码,到时候有需要的可以自行提取。
希望大家可以多多支持!!!谢谢大家啦!!