基于uniapp+vue3+AI模型搭建小程序流式输出AI模板

77 阅读1分钟

前言

  1. 近年来,人工智能技术的迅速发展,令人惊叹。从图像识别到语音识别,再到自然语言处理等多个领域,人工智能技术的应用范围越来越广泛。

  2. 从开发角度讲,常用的idea插件都有支持AI接入,如GitHub Copilot Chat,codeium,豆包,千问等等,对开发者的开发速度有极大的提升。再有如Cursor,Trae等根据设计图或需求文档直接生成完整项目的工具,这些工具对开发人员的冲击是前所未有的。

  3. 各种智能问答app也让人眼花缭乱,各种网站也都纷纷引入AI模块,与时俱进~

准备

  1. 申请各家模型的API密钥关联相关模型,这里我用的是白山云,性价比相对较高
  2. 新建个uniapp项目或者在原有项目中进行集成

carbon.png

开发-uniapp接入

  1. 页面布局,这块可自行设计开发

  2. AI模型接入

  3. 体验地址:微信扫码->工具->AI聊天

wechat_2025-09-10_161810_615.png

wechat_2025-09-10_161851_208.png

wechat_2025-09-10_161929_963.png

img