51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

【开源】实现小程序、H5多端ChatGPT客户端,支持stream式输出版本、UI漂亮、内容秒回复 微信违规词检测,防止应用被封

多端ChatGPT客户端 "小程序"一般指的是在微信、支付宝等应用内部运行的小型应用程序,而"H5"则通常指的是基于HTML5技术开发的网页应用。一个多端ChatGPT客户端意味着这个客户端可以在多个平台上运行,包括但不限于小程序和H5。 要开发一个多端ChatGPT客户端,可以采取以下步骤: 1. **API接口**:首先,你需要确保你可以访问ChatGPT的API接口。这可能意味着你需要使用OpenAI提供的接口,或者如果你有能力自己搭建类似的系统,也可以使用自己的后端服务。 2. **多端框架**:选择一个可以支持多端开发的框架。例如,Taro、uni-app、React Native等可以一次性编写代码,然后编译到不同的平台上,如小程序、H5、iOS和Android。 3. **前端开发**:使用所选框架开发用户界面。你需要设计一个用户友好的界面来展示ChatGPT的对话内容,同时也要提供用户输入的功能。 4. **后端集成**:将前端与ChatGPT的API接口集成。这通常意味着发送用户的输入到API,并将API的响应显示在用户界面上。 5. **测试**:在不同的平台上测试你的客户端,以确保它在所有目标平台上都能正常工作。 6. **部署和发布**:将你的H5应用部署到服务器上,并且将小程序提交到相应的平台进行审核,一旦审核通过,用户就可以在不同的环境中使用你的ChatGPT客户端了。 ![](https://img1.51tbox.com/static/2024-03-11/col/d8895bf80603a6f74206c8a559664560/3764027695624490a1ba9b0e93bd256d.jpg) EasyChatGPT ----------- uni-app 前端 会员次数充值(公众号支付与小程序支付),会员兑换码,分享,一键部署,独立后台,卡密兑换,AI对话 后台 elementUI实现的简约大气chatgpt后台管理系统🚀🚀🚀 实现用户、邀请、聊天、兑换码(对接第三方发卡网,导出)、帮助内容、系统级配置(邀请功能开关、提示公告等)、接口内容安全检查、角色设定、限制词、openai api key 管理、key轮询等安全功能、支付购买次数、套餐设置、首页模板等 服务端 完整版(298/套,随功能更新调价,老用户永久免费更新)前后端全开源附带RBAC权限控制、定时任务、日志、短信验证码、oss托管等 服务端使用php7.4,基于webman 1.4 框架,实现随机调用openai apikey,使用GPT3.5模型实现前端流式输出(参考小程序正式版) 注意:开源项目为uniapp用户的和管理后台前端的mock模板,所有数据均为mock,非真实接口数据。 运行截图 ---- ### 移动用户端截图 ![](https://img1.51tbox.com/static/2024-03-11/col/d8895bf80603a6f74206c8a559664560/46fa744534ab448eb57fbc775a27df06.jpg) ![](https://img1.51tbox.com/static/2024-03-11/col/d8895bf80603a6f74206c8a559664560/7043c03bf1d241c79b859d5947ae7a03.jpg) ![](https://img1.51tbox.com/static/2024-03-11/col/d8895bf80603a6f74206c8a559664560/c56fff3b282247ef9d6c63703a1d4243.jpg) ![](https://img1.51tbox.com/static/2024-03-11/col/d8895bf80603a6f74206c8a559664560/e9d5029d2b0740c5b0231c959ec7dd03.jpg) ### 后台管理截图 角色配置 ![](https://img1.51tbox.com/static/2024-03-11/col/d8895bf80603a6f74206c8a559664560/a07c994bfdba4e5ea46511bf9c9fefba.jpg) ![](https://img1.51tbox.com/static/2024-03-11/col/d8895bf80603a6f74206c8a559664560/46696c426ea844e099cf0333dd619df3.jpg) ![](https://img1.51tbox.com/static/2024-03-11/col/d8895bf80603a6f74206c8a559664560/cd2725f97b774582959d4a93430c1919.jpg) ![](https://img1.51tbox.com/static/2024-03-11/col/d8895bf80603a6f74206c8a559664560/304a5cef90ee48d381d56c5f8fce1f18.jpg) ![](https://img1.51tbox.com/static/2024-03-11/col/d8895bf80603a6f74206c8a559664560/5d484d5c021a4ddb841cc5dc930a5484.jpg) ![](https://img1.51tbox.com/static/2024-03-11/col/d8895bf80603a6f74206c8a559664560/ef4ba492876947458f0b7871ecf36d36.jpg) ![](https://img1.51tbox.com/static/2024-03-11/col/d8895bf80603a6f74206c8a559664560/24d037e8921a4482b64d2d88436511de.jpg) ![](https://img1.51tbox.com/static/2024-03-11/col/d8895bf80603a6f74206c8a559664560/23418136d12e40c6ba3a8dd6678e52a2.jpg) ![](https://img1.51tbox.com/static/2024-03-11/col/d8895bf80603a6f74206c8a559664560/e99cb5c9a9c74bc8ade81148b2456f14.jpg) ![](https://img1.51tbox.com/static/2024-03-11/col/d8895bf80603a6f74206c8a559664560/ea32a50126ac431f989a8eac990bf467.jpg) ![](https://img1.51tbox.com/static/2024-03-11/col/d8895bf80603a6f74206c8a559664560/f8c1888643a346cfb01a255397f5002e.jpg) ![](https://img1.51tbox.com/static/2024-03-11/col/d8895bf80603a6f74206c8a559664560/5fc243c22f6d4c35bc4a82eeddc15c18.jpg) stream式输出 \*\*Stream式输出是一种编程范式,也称为响应式编程或流式编程。这种编程范式基于异步数据流,通常用于处理异步事件和数据流。\*\*在流式编程中,数据被视为流动的元素(或称为"事件"或"消息"),并且这些元素可以以非阻塞的方式处理。这种范式使得程序能够更好地应对大量数据和复杂事件,同时保持高效率和低延迟。 这种编程范式的优点包括: 1. **高效性**:流式编程允许程序在处理大量数据时,只关注新的数据项,而不是重新处理整个数据集,这样可以显著提高效率。 2. **实时性**:由于流式编程可以实时处理数据,因此它非常适合用于需要实时响应的系统,如实时监控和预警系统。 3. **灵活性**:流式编程允许程序以非阻塞的方式处理数据,因此它可以根据可用资源动态地调整处理能力。这使得程序更加灵活,可以适应不同的环境和需求。 总的来说,Stream式输出是流式编程中的一个概念,它表示将数据以流的形式输出,并利用流式编程的特点进行数据处理。 ![](https://img1.51tbox.com/static/2024-03-11/col/d8895bf80603a6f74206c8a559664560/eac4507d5c9b408294058d169128af92.jpg) 微信违规词检测 微信违规词检测是微信平台上用于维护社交环境和防止违法违规信息传播的一种机制。微信作为中国最流行的社交通讯应用程序,对用户发送的消息内容进行实时监控,以确保内容不含有违法违规的词汇或信息。这包括但不限于: **1. 色情低俗内容 2. 暴力恐怖内容 3. 诈骗欺诈信息 4. 违禁品买卖信息 5. 政治敏感内容 6. 侵犯他人版权、商标权等知识产权的内容 7. 其他违反中国法律法规和微信社区规则的内容** 一旦系统检测到用户发送的消息中包含违规词汇,微信可能会采取一系列措施,如警告用户、删除相关消息、限制或冻结用户账号等。微信违规词检测旨在减少网络空间的不良信息传播,保护用户的合法权益,同时也是为了遵守中国的法律法规和网络监管政策。 ![](https://img1.51tbox.com/static/2024-03-11/col/d8895bf80603a6f74206c8a559664560/5d4d373ebd214b26938cb81038e7e021.jpg) ChatGPT客户端都有哪些 \*\*ChatGPT 客户端是指使用 OpenAI 开发的 ChatGPT 模型的应用程序,它们可以接收用户的输入并返回 ChatGPT 的回答。\*\*目前市面上存在多种 ChatGPT 客户端,下面列举了一些常见的: 1. **ChatGPT-Academic**:一个开源的 ChatGPT 客户端,支持多平台(Mac、Linux、Windows)。它提供了自动升级提醒、通用/全局快捷键、系统托盘设定等功能。 2. **Chatbox**:另一个开源的 ChatGPT 客户端,支持 Windows、Mac 和 Linux 多平台。它具有更自由、更强大的 Prompt 能力,数据存储在本地,支持 GPT-4 和其他模型,以及自定义域名代理等功能。 3. **ChatGPT-mirai-qq-bot**:一个将 ChatGPT 和一众 AI 平台接入 QQ 的客户端,方便在 QQ 聊天中使用 ChatGPT。 4. **Notion**:虽然 Notion 本身不是专门的 ChatGPT 客户端,但它支持集成 ChatGPT,可以在 Notion 中直接与 ChatGPT 进行交互。 5. **Pandora**:一个支持多平台的 ChatGPT 客户端,提供了丰富的功能和配置选项。 6. **ChatGPT Desktop**:一个基于 tauri vue3 开发的 ChatGPT 跨平台客户端,支持多对话,利用 GPT-3.5-turbo 的最新特性,配合记忆模式等。 以上是一些常见的 ChatGPT 客户端,它们各自有不同的特点和功能。 ![](https://img1.51tbox.com/static/2024-03-11/col/d8895bf80603a6f74206c8a559664560/24424399e26e477997f28a0c83e6ae5b.jpg) 可试用产品 ![](https://img1.51tbox.com/static/2024-03-11/col/d8895bf80603a6f74206c8a559664560/fec4326d12af446bbe34129043528f57.jpg) 开源地址 \* ``` 关注公众号 回复 gptui 获得 ```
赞(6)
未经允许不得转载:工具盒子 » 【开源】实现小程序、H5多端ChatGPT客户端,支持stream式输出版本、UI漂亮、内容秒回复 微信违规词检测,防止应用被封