轻松打造一个可以切换AI平台的网站


在这里插入图片描述

亮色主题

在这里插入图片描述

暗色主题

在这里插入图片描述

停止按键

在这里插入图片描述

设置界面

在这里插入图片描述

浏览器缓存设置

在这里插入图片描述

Kimi

在这里插入图片描述

通义千问

在这里插入图片描述

ChatGPT

在这里插入图片描述

手机版

在这里插入图片描述
在这里插入图片描述

部分代码如下:

在这里插入图片描述

# -*- coding: utf-8 -*-
from flask import Flask, request, jsonify, render_template, Response
import requests
import json
import os
from gevent import pywsgi
app = Flask(__name__)

@app.route("/", methods=["GET"])
def index():
    return render_template("chat.html")

@app.route("/chat", methods=["POST"])
def chat():
    platform = request.form.get("platform", "kimi")
    messages = request.form.get("prompts", None)
    apiKey = request.form.get("apiKey", None)
    model = request.form.get("model", "moonshot-v1-8k")
    if messages is None:
        return jsonify({"error": {"message": "请输入prompts!", "type": "invalid_request_error", "code": ""}})

    if apiKey is None:
        apiKey = os.environ.get('OPENAI_API_KEY',app.config["OPENAI_API_KEY"])

    headers = {
        "Content-Type": "application/json",
        "Authorization": f"Bearer {apiKey}",
    }

    # json串转对象
    prompts = json.loads(messages)

    data={}
    url = ""
    if platform=="kimi":
        data = {
            "messages": prompts,
            "model": model,
            "temperature": 0.8,
            "top_p": 0.95,
            "n": 1,
            "stream": True,
        }
        url = app.config["URL"]
    elif platform=="qwen":
        if model in ["qwen-turbo","qwen-plus","qwen-max"]:
            data = {
                "messages": prompts,
                "model": model,
                "temperature": 0.8,
                "top_p": 0.95,
                "stream": True,
                "enable_search":True
            }
        else:            
            data = {
                "messages": prompts,
                "model": model,
                "temperature": 0.8,
                "top_p": 0.95,
                "stream": True
            }
        url = app.config["URL1"]
    elif platform=="doubao":
        data = {
            "messages": prompts,
            "model": model,
            "temperature": 0.8,
            "top_p": 0.95,
            "stream": True,
        }
        url = app.config["URL2"]
    elif platform=="chatgpt":
        data = {
            "messages": prompts,
            "model": model,
            "temperature": 0.8,
            "top_p": 0.95,
            "n": 1,
            "stream": True,
        }
        url = app.config["URL3"]
    try:
        resp = requests.post(
            url=url,
            headers=headers,
            json=data,
            stream=True,
            timeout=(10, 10)  # 连接超时时间为10秒,读取超时时间为10秒
        )
    except requests.exceptions.Timeout:
        return jsonify({"error": {"message": "请求超时,请稍后再试!", "type": "timeout_error", "code": ""}})
    
    # 迭代器实现流式响应
    def generate():
        errorStr = ""
        for chunk in resp.iter_lines():
            if chunk:
                streamStr = chunk.decode("utf-8").replace("data: ", "")
                try:
                    streamDict = json.loads(streamStr)  # 如果不是正常数据,则处理可能是错误信息
                except:
                    errorStr += streamStr.strip()  # 错误流式数据累加
                    continue
                # 获取 choices 列表中的第一个元素
                delData = streamDict.get("choices", [{}])[0]
                finish_reason = delData.get("finish_reason")
                if finish_reason is not None:
                    break
                else:
                    delta = delData.get("delta", {})
                    content = delta.get("content")
                    if content:
                        yield content

        # 如果出现错误,此时错误信息迭代器已处理完,app_context已经出栈,要返回错误信息,需要将app_context手动入栈
        if errorStr != "":
            with app.app_context():
                yield errorStr

    return Response(generate(), content_type='application/event-stream')

if __name__ == '__main__':
    server = pywsgi.WSGIServer(('localhost', 5200), app)
    server.serve_forever()

部分代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="icon" href="https://down.zhaomi.cn/web/assistant/56.png">
    <link rel="stylesheet" href="../static/css/bootstrap.min.css">
    <link rel="stylesheet" href="../static/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="../static/css/github-dark-dimmed.min.css">
    <link rel="stylesheet" href="../static/css/style.css">
    <title>AI助手</title>
</head>
<body>
  <div class="container">
    <div class="row">
      <div class="box col-xs-12">
        <div class="title">
            <h2 class="text-center" id="platform_title"></h2>
        </div>
        <div class="answer">
          <div id="chatWindow"></div>
          <div class="function">
            <div class="others">
              <div class="left">
                <div class="settings common dropup">
                  <a class="dropdown-toggle icon-style" id="dropdownMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" title="设置">
                    <i class="fa fa-cogs fa-lg" aria-hidden="true"></i>
                  </a>
                  <div class="dropdown-menu" style="padding:0;" onclick="event.stopPropagation()">
                    <div class="settings-common">
                      <span><i class="fa fa-linode fa-lg" aria-hidden="true"></i>&nbsp; 主题</span>
                      <div class="chck-btn">
                        <input id="chck-3" type="checkbox">
                        <label for="chck-3" class="check-trail">
                        <div class="check-handler"></div>
                        </label>
                      </div>
                    </div>
                    <div class="settings-common">
                      <span><i class="fa fa fa-dashboard fa-lg" aria-hidden="true"></i>&nbsp; 平台</span>
                      <select class="form-control ipt-common platform" id="platform">
                        <option value="kimi">Kimi</option>
                        <option value="qwen">通义千问</option>
                        <option value="doubao">豆包</option>
                        <option value="chatgpt">ChatGPT</option>
                      </select>
                    </div>
                    <div class="settings-common">
                      <span><i class="fa fa-reddit-alien fa-lg" aria-hidden="true"></i>&nbsp;模型</span>
                      <select class="form-control ipt-common model" id="model">
                      </select>
                    </div>

                    <div class="settings-common">
                      <span><i class="fa fa-key fa-lg" aria-hidden="true"></i>&nbsp;Key</span>
                      <input type="password" class="form-control ipt-common api-key" placeholder="输入api key"  id="api-key-input">  
                      <i class="fa fa-eye toggle-password" style="cursor: pointer;" aria-hidden="true"></i>
                    </div>

                    <div class="settings-common">
                      <span><i class="fa fa-floppy-o fa-lg" aria-hidden="true"></i>&nbsp; 保存对话内容</span>
                      <div class="chck-btn">
                        <input id="chck-1" type="checkbox">
                        <label for="chck-1" class="check-trail">
                        <div class="check-handler"></div>
                        </label>
                      </div>
                    </div>
                    <div class="settings-common">
                      <span><i class="fa fa-retweet fa-lg" aria-hidden="true"></i>&nbsp; 开启连续对话</span>
                      <div class="chck-btn">
                        <input id="chck-2" type="checkbox">
                        <label for="chck-2" class="check-trail">
                        <div class="check-handler"></div>
                        </label>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="center">
                <div class="stop common">
                  <a class="icon-style stop-icon" title="停止响应" style="text-decoration: none;"><i class="fa fa-stop-circle-o fa-lg" aria-hidden="true"></i> 停止</a>
                </div>
              </div>
              <div class="right">
                <div class="screenshot common">
                  <a class="icon-style" title="截图保存对话"><i class="fa fa-file-image-o fa-lg" aria-hidden="true"></i></a>
                </div>
                <div class="delete common">
                  <a class="icon-style" title="删除历史记录"><i class="fa fa-trash-o fa-lg" aria-hidden="true"></i></a>
                </div>
              </div>
            </div>
            <div class="ipt">
              <div class="col-xs-12">
                <textarea id="chatInput" class="form-control" rows="1" placeholder="输入问题" ></textarea>
              </div>
              <button id="chatBtn" class="btn btn-primary" type="button">发送</button>
            </div>
          </div>
        </div>
        <footer class="foot" style="margin-top: 20px;">
          <p class="lead text-center"> 内容由 AI 大模型生成,请仔细甄别</p>
        </footer>
      </div>
    </div>
  </div>
</body>
<script src="../static/js/jquery-2.1.1.js"></script>
<script src="../static/js/bootstrap.min.js"></script>
<script src="../static/js/highlight.min.js"></script>
<script src="../static/js/marked.min.js"></script>
<script src="../static/js/html2canvas.min.js"></script>
<script src="../static/js/custom.js"></script>

</html>

  • 7
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

陈增林

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值