ChatGPT Next Web 计费魔改小记
💡
原文中文，约11600字，阅读约需28分钟。
📝
内容提要
本文讨论了作者对 ChatGPT Next Web 项目的修改与优化，包括流式输出的 token 统计、图片上传支持和计费功能。作者通过 GitHub 搜索合适项目，进行了多项改进，如流式输出动画、联网搜索功能和不同模型的 API 逻辑处理。尽管部分修改未被合并，作者仍记录了这些改动以供未来参考。
🎯
关键要点
- 作者对 ChatGPT Next Web 项目进行了多项修改与优化，包括流式输出的 token 统计、图片上传支持和计费功能。
- 通过 GitHub 搜索合适项目，作者进行了多项改进，如流式输出动画、联网搜索功能和不同模型的 API 逻辑处理。
- 尽管部分修改未被合并，作者仍记录了这些改动以供未来参考。
- 作者希望尽可能沿用之前的逻辑，使用 HTTP Basic Auth 进行用户登录认证，并定义模型单价等信息。
- 流式输出的计费功能已被补充，支持返回 token 用量，作者提供了相应的解析代码。
- 作者对流式输出动画进行了改进，旨在提高用户体验，避免输出过程中的卡顿。
- 联网搜索功能的实现采用了 search2ai，支持通过外部 API 进行搜索和爬虫。
- 作者对图片上传功能进行了优化，确保支持更多模型，并解决了 HEIC 格式的问题。
- 在计费逻辑上，作者去除了预扣费，简化了用户体验。
- 作者还进行了多项小修改，如自动刷新模型缓存、正确处理 Claude 系统消息等，以提升整体功能和稳定性。
❓
延伸问答
作者对 ChatGPT Next Web 项目进行了哪些主要修改？
作者对 ChatGPT Next Web 项目进行了流式输出的 token 统计、图片上传支持和计费功能等多项修改与优化。
如何实现流式输出的计费功能？
流式输出的计费功能通过支持返回 token 用量，并提供解析代码来实现，确保用户按实际使用量计费。
作者在图片上传功能上做了哪些优化？
作者优化了图片上传功能，确保支持更多模型，并解决了 HEIC 格式的问题，提升了用户体验。
联网搜索功能是如何实现的？
联网搜索功能通过使用 search2ai 实现，支持通过外部 API 进行搜索和爬虫，提供透明的接口代理。
作者对流式输出动画做了哪些改进？
作者改进了流式输出动画，旨在提高用户体验，避免输出过程中的卡顿，直接显示增量消息。
在计费逻辑上，作者做了哪些简化？
作者去除了预扣费，简化了用户体验，使得用户在使用过程中不再面临余额问题。
➡️
