Code Monkey home page Code Monkey logo

chatgpt-webapp-fullstack's Introduction

FullStack-ChatGPT-WebApp

GitHub license GitHub package.json dependency version (prod) GitHub package.json dependency version (prod)

这是一个 ChatGPT 聊天应用,包含网页端App和一个Node服务,可快速部署一套自用的完整智能聊天服务(点击体验

功能特点

  • 全栈应用:包括 网页端App服务端Node服务,适合全链路功能的二次开发
  • 快速部署:项目迁移到了Nextjs架构,前后端一键部署,无须一行代码,小白也可以发布自己的ChatGPT服务了
  • 无须运维:利用vercel的免费额度,摆脱繁琐的运维工作
  • 无须翻墙:针对国内无法直接访问OpenAI的限制,本服务部署完成后,可直接访问,无须科学上网
  • 多端适配:适配手机端和PC端,更多客户端功能迭代中
  • 上下文记忆:问了保障问答质量,缓存了提问记录
  • stream响应:支持stream的响应方式,更好的问答体验
  • 流量控制:支持单用户的调用流量限制,防止恶意盗刷Token
  • 用户充值:支持开启用户收费功能,用户可充值购买调用额度

功能开发快速迭代中,使用或部署时如果遇到任何问题,请加页面最下方微信交流群反馈

preview.mov

一键部署

自动部署服务到Vercel

Deploy with Vercel

部署依赖

需要额外配置vercel Edge Config 和 Vercel KV 两个store

  • Edge Config 用来管理项目配置
  • KV 用于存储用户聊天上下文的数据缓存

其中,Edge Config的初始配置可以参考

{
  "chatGptClient": {
    "openaiApiKey": "sk-你的openai api key",
    "reverseProxyUrl": "",
    "modelOptions": {
      "model": "gpt-3.5-turbo",
      "max_tokens": 1000
    },
    "proxy": "",
    "debug": false
  },
  "apiOptions": {
    "port": 3000,
    "host": "0.0.0.0",
    "debug": false,
    "clientToUse": "chatgpt",
    "perMessageClientOptionsWhitelist": {
      "validClientsToUse": ["bing", "chatgpt", "chatgpt-browser"],
      "chatgpt": [
        "promptPrefix",
        "userLabel",
        "chatGptLabel",
        "modelOptions.temperature"
      ]
    }
  },
  "cacheOptions": {}
}

项目结构

项目迁移到了NextJS,开发参考 Next.js文档

项目体验

打开 DEMO 或扫码

demo qr

更多功能

更多功能正在开发中,如有需要可以私聊,或者贡献PR

  • 前端WebApp功能补全
  • BingAI等多模型支持
  • 其他

私有部署

如有部署方面的问题,可关注公众号 webinfra 需求帮助

或加交流群

License

MIT

chatgpt-webapp-fullstack's People

Contributors

walkthunder avatar wadechaotaiwan avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.