从0打造本地聊天机器人:如何实现大模型流式输出?OpenAI+Ollama 实战

上篇带大家在 Jetson Ori Nano 开发板上,成功利用 GPU 实现了大模型推理加速。

尽管有了 GPU 加持,推理速度依然很慢,怎么搞?

流式输出!

相比全部生成后再输出,流式输出生成一句就播报一句,大大减少了用户的等待时间。

主流大模型推理 API 包括:

  • OpenAI 格式:沿袭 ChatGPT 的云端 API,多用于线上模型;
  • Ollama 格式:用于本地部署的大模型推理。

本次分享,将带大家实战:OpenAI 和 Ollma 下的大模型流式输出。

1. OpenAI 流式输出

当前大部分大模型的推理 API 都兼容了 OpenAI 格式。

如果没有,强烈推荐你用 OneAPI 进行管理:一键封装成OpenAI协议,强推的一款神器!

和非流式输出相比,只需新增一个参数:stream=True

不过,为了方便后续进行语音合成,我们需要对大模型的流式输出进行一番处理!

首先,定义一个标点符号列表:punct_list = [‘。’, ‘!’, ‘?’],遇到这里的标点,则立即输出。

具体实现如下,供参考:

class LLM_API:
    def __init__(self, api_key, base_url, model):
        self.client =  OpenAI(
            api_key=api_key,
            base_url=base_url,
        )
        self.model = model
  def stream(self, messages):
      completion = self.client.chat.completions.create(
          model=self.model, messages=messages, stream=True
      )
      text2tts = ''
      for chunk in completion:
          text = chunk.choices[0].delta.content
          text2tts += text
          for punct in punct_list:
              if punct in text:
                  front, back = text2tts.replace('\n', '').rsplit(punct, 1)
                  yield front + punct
                  text2tts = back
                  break
      if text2tts:
          yield text2tts

上述代码使用 yield 关键字定义一个生成器函数。

2. Ollama 流式输出

有关 Ollama 的使用,可参考:本地部署大模型?Ollama 部署和实战,看这篇就够了

Ollama 的 API 和 OpenAI 略有区别,但核心逻辑是一样的,直接上代码:

def stream(self, messages):
    data = {
        "model": self.model, "messages": messages, "stream": True
    }
    response = requests.post(self.base_url, json=data, stream=True)
    text2tts = ''
    for line in response.iter_lines():
        data = json.loads(line.decode('utf-8'))
        text = data['message']['content']
        text2tts += text
        for punct in punct_list:
            if punct in text:
                front, back = text2tts.replace('\n', '').rsplit(punct, 1)
                yield front + punct
                text2tts = back
                break
    if text2tts:
        yield text2tts

调用时,可以用 for 循环来迭代生成器对象,每次迭代,生成器会执行到下一个 yield 语句,并返回当前值:

ollama_api = OLLAMA_API(ollama_url, 'qwen2.5:7b')
messages = [{ "role": "user", "content": "天空为什么是蓝色的"}]
for text in ollama_api.stream(messages):
    print(text)

输出效果如下:

天空之所以呈现蓝色,主要是因为大气中的气体分子和其他细小颗粒对太阳光的散射作用。
这种现象被称为瑞利散射(Rayleigh scattering),由英国物理学家威廉·汉斯·瑞利爵士在19世纪末发现。
当阳光进入地球的大气层时,其中的各种颜色(不同波长)的光线都会受到气体分子、水蒸气和尘埃等微粒的影响。
然而,这些微粒对较短波长的光(如蓝色和紫色)散射得更为强烈。
由于人眼对蓝光比紫光敏感得多,所以我们看到的是天空呈蓝色。
实际上,太阳本身发出的白光包含了所有颜色的光。
当阳光进入大气层时,其中的蓝色光线因散射作用被分散到各个方向,在我们看来,天空就呈现出蓝色。
而太阳和天空在白天看起来呈现不同的颜色(例如:日出和日落时天边的橙红色或紫色),则是由于此时光线需要穿过更多的大气层,蓝光几乎都被散射掉了,只有红、橙等较长波长的光线能够直接到达我们的眼睛。
总之,正是这种自然现象造成了天空呈现出蓝色。

实测:在 Jetson Orin Nano 上使用本地部署的 qwen2.5:7b,流式输出 + 语音合成播报,体验基本无延迟!

写在最后

本文带大家实操了大模型流式输出,在 OpenAI 和 Ollama API 中的具体实现。

如果对你有帮助,欢迎点赞收藏备用。

本系列文章,会陆续更新 Jetson AI 应用开发的相关教程,欢迎感兴趣的朋友关注。


为方便大家交流,新建了一个 AI 交流群,欢迎对AIoTAI工具AI自媒体等感兴趣的小伙伴加入。

最近打造的微信机器人小爱(AI)也在群里,公众号后台「联系我」,拉你进群。

### 集成 Ollama 实现 Vue 流式输出 为了在 Vue 项目中集成 Ollama实现流式输出,主要步骤包括设置 WebSocket 连接来处理实时数据传输以及构建前端组件用于展示这些动态更新的信息。 #### 设置 WebSocket 客户端连接 WebSocket 是一种通信协议,允许服务器主动向客户端推送消息。对于 Ollama流式 API 调用来说非常适合。下面是一个基于 JavaScript 原生 WebSocket 对象的例子: ```javascript // src/utils/websocket.js export function createOllamaSocket(url, onMessageCallback) { const socket = new WebSocket(url); socket.onmessage = (event) => { try { let data = JSON.parse(event.data); onMessageCallback(data); // 将收到的数据传递给回调函数 } catch (error) { console.error('Error parsing message:', error); } }; return socket; } ``` 此代码片段创建了一个名为 `createOllamaSocket` 函数,它接受两个参数:一个是目标 URL;另一个是用来处理传入消息的回调函数[^2]。 #### 构建 Vue 组件显示流式响应 接下来,在 Vue 中定义一个简单的聊天界面组件,该组件能够接收来自 WebSocket 的消息并将其渲染到页面上。 ```html <!-- src/components/OllamaChat.vue --> <template> <div class="chat-container"> <ul id="messages-list"> <li v-for="(msg, index) in messages" :key="index">{{ msg }}</li> </ul> <!-- 输入框和发送按钮 --> <input type="text" v-model="newMessageText"/> <button @click="sendMessage">Send</button> </div> </template> <script setup lang="ts"> import { ref, onMounted } from 'vue'; import { createOllamaSocket } from '../utils/websocket'; const wsUrl = "ws://your-ollama-server-url"; // 替换成实际地址 let webSocket; const messages = ref([]); const newMessageText = ref(''); onMounted(() => { webSocket = createOllamaSocket(wsUrl, handleIncomingMessages); }); function sendMessage() { if (!webSocket || !newMessageText.value.trim()) return; // 发送新消息至服务端 webSocket.send(JSON.stringify({ text: newMessageText.value })); } function handleIncomingMessages(messageData) { messages.value.push(`Server says: ${JSON.stringify(messageData)}`); } </script> <style scoped> .chat-container { display: flex; flex-direction: column; height: 100%; } #messages-list { list-style-type: none; padding-left: 0; overflow-y: auto; margin-bottom: 8px; } </style> ``` 这段代码展示了如何通过 WebSocket 向后端发送用户输入的消息,并监听从 Ollama 返回的结果,最后把这些结果添加到列表里以便于查看[^3]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值