从零开始开发自己的chatgpt平台 之 http客户端和服务端

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档


如果有问题可以联系我**:https://gitee.com/xiaoyuren/gpt3

前言

`
ChatGPT是一个基于GPT(GPT-3.5、GPT-4.0、GPT-5.0)架构的大型语言模型,用于聊天和自然语言处理。它由OpenAI开发,并在许多应用程序中得到广泛使用。本文将为新手介绍ChatGPT的开发过程,包括chatgpt服务端和客户端的实现。可以自己使用,也可以提供服务给别人使用。关于API参数前面2篇已经介绍了 这里就不介绍了。
如果不了解可以看:
chatgpt API接口中文说明介绍(一)
chatgpt API接口中文说明介绍(二)


一、关于开发语言和使用的库

任何语言只要可以发送POST请求都可以进行开发,本文使用python进行开发,服务端的使用的是sanic库,你也可以使用其他的库

如:fastapi和flask等。客户端使用的是HTML 。用什么语言可自行选择,大同小异。如果你的服务端使用的是PHP,因为

PHP局限性,所以可以使用swoole或者workerman这种框架去开发,尤其是以后开发流式传输(steam)。

本篇讲一下 普通的chatgpt服务端和客户端的开发,后面2篇讲一下websocket服务端客户端和SSE客户端服务端开发

二、chatgpt服务端

import asyncio
import time
from sanic import Sanic
from sanic.response import json
import openai


app = Sanic(__name__)
openai.api_key = 'sk-xxxxxxxxxxxx'


@app.route("/gpt", methods=["POST"])
async def generate_text(request):
    data = request.json
    messages = []
    messages.append({'role': 'system', 'content': "我希望你扮演一个英语翻译机。我提交汉字你帮我翻译成英文"})
    messages.append({'role': 'user', 'content': data["context"]})
    response = openai.ChatCompletion.create(
        model='gpt-3.5-turbo',
        messages=messages,
    )

    print(messages)
    ai_response = response.choices[0].message['content']
    return json({'response': ai_response})

if __name__ == '__main__':
    app.run(host="0.0.0.0", port=5566)

注意:如果客户端服务端不是同域名可能会存在跨域问题,需要解决跨域问题可以在服务端使用cors 库,使用方法如下:

from sanic_cors import CORS

CORS(app)

三、chatgpt客户端

客户端是一个很简单的聊天界面:代码如下:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>ChatGPT Client</title>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body> 
  <div>
    <input type="text" id="context_input" placeholder="Type your message...">
    <button onclick="send_message()">Send</button>
  </div>
  <div id="response"></div>
  <script>
    function send_message() {
      var context = $("#context_input").val();
      $.ajax({
        type: "POST",
        url: "http://localhost:5566/gpt",
        data: JSON.stringify({context: context}),
        contentType: "application/json",
        dataType: "json",
        success: function(response) {
          $("#response").append("<p>User: " + context + "</p>");
          $("#response").append("<p>AI: " + response.response + "</p>");
        },
        error: function(error) {
          console.log(error);
        }
      });
      $("#context_input").val("");
    }
  </script>
</body>
</html>

总结

本篇内容比较简单就不做讲解了,chatgpt的参数和基本的使用方法可以看我前2篇的内容。

如果有问题可以联系我**:https://gitee.com/xiaoyuren/gpt3

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值