实战：30 行代码做一个网页端的 AI 聊天助手

作者：董董灿是个攻城狮发布时间：2024-11-20

编程 OpenAI

大家好啊，我是董董灿。今天用不到 30 行代码，带你调用 OpenAI 的模型，同时在网页端部署一个可以用来聊天的聊天助手。下面是我做成之后的助手截图： ![](https://cdn.nl...【查看原文】

相关资讯

【promptulate专栏】ChatGPT框架——两行代码构建一个强大的论文总结助手

如果你经常阅读论文，那么你肯定会遇到以下几个问题：论文晦涩难懂看不明白怎么办？有很多论文需要看，没有那么多精力怎么办？如何快速总结记录论文的一些关键点为我所用？关于上面的几个问题...

ChatGPT 编程

Zeeland 2023-06-26

仅用30多行代码实现一个微信AI聊天机器人

本文章将介绍如何使用Python和wxauto、langchain、一个免费的api-key实现一个微信AI聊天机器人

编程 AI聊天机器人

小Q的编程笔记 2024-11-11

搭建一个chatgpt网页聊天界面

缘起最近chatgpt很火啊，刚出来的时候没怎么在意，后来试用了一下，在一些问题上它的回答还是蛮靠谱的，特别是用于翻译方面的问题。于是想着自己搭一个用用，访问起来方便些。折腾首先我们需要一台服务器，得是国外的，国内暂时没法访问，要是有代理的话可以试试。然后还需要准备一个chatgpt账号，有api也行。首先如果有账号的话就去chatgpt管理页面获取个api，进到首页，点击右上角头像，下拉菜单中点击“View API keys”，进去新建个api即可，这个过程需要上网环境的支持，所以还是花点小钱直接买比较

ChatGPT

枫存 2023-03-31

教你快速做一个自己的“ChatGPT”

摘要：在国内使用ChatGPT有些不便，是否可以基于OpenAI开放的API做一个给自己或者同事们使用的聊天机器人，甚至集成到更多的场景….本文分享自华为云社区《使用 FunctionGraph 快速构建自己的“ChatGPT”》，作者：ChatGPT 、果宝、历川。一、背景ChatGPT是一个基于GPT-3模型的聊天机器人，可以与用户进行自然、流畅和有趣的对话。ChatGPT可以理解和使用多种语言，如英语、中文、日语、西班牙语、法语或德语；还可以根据用户的兴趣和需求，提供相关建议和创意内容，如诗歌、故事

ChatGPT OpenAI 华为

华为云开发者联盟 2023-02-24

用LangChian实现一个简易聊天机器人仅需25行代码？

昨天我们用了40行代码搭建出了智能问答小客服，已经清晰LangChain的结构了，今天我们来尝试用25行代码实现出一个简易聊天机器人。希望通过这个例子能帮助大家更加理解LangChain。框架设计组件一览：组件类型子类型HumanMessage索引组件文本加载器LLMChain链组件对话链ChatOpenAI模型组件LLMConversationBufferMemory索引组件储存准备工作安装依赖pip install langchainpip install openai设置密钥import osimp

编程客服 OpenAI

西二旗马斯克LLM 2023-08-11

近期资讯

数据要素市场前景广阔

在当今这个信息化、数字化的时代，数据被誉为“新时代的石油”，它不仅是数字经济的核心资源，更是推动经济社会发展的重要引擎。随着数据要素被正式列为国家主要生产要素，一个全新的万亿级市场正在悄然开启。这一市

埃文科技 2024-12-27

Kubernetes 网络策略详解与 Pod 间访问限制

在 Kubernetes 集群中，保护不同组件之间的通信是至关重要的。集群内部的 Pods 之间可以通过内部网络进行无障碍的访问，这样的自由通信虽然方便了应用开发和部署，但也带来了不小的安全隐患。为了

汪子熙 2024-12-27

“教你用代码撸出一个性感的3D地球 🌍——附带抖音爆款WebGL指南”

本文通过WebGL技术和Three.js框架，手把手教你实现一个可自转、可随鼠标交互的3D地球效果。详细讲解HTML代码和实现步骤，无需复杂设置，新手也能快速上手，轻松体验3D世界的开发乐趣！

answerball 2024-12-27

Spring Boot中RabbitMQ配置踩坑记录：当自定义配置遇上自动配置

问题背景在使用Spring Boot集成RabbitMQ时，我们经常会遇到这样的场景：项目中已经使用了Spring Boot的默认RabbitMQ配置，后来因为业务需求需要添加一些自定义配置。但是

从种子到参天大树 2024-12-27

5分钟搞懂 Golang noCopy策略

本文介绍了 Golang 中的 noCopy 策略，解释了如何防止包含锁的结构体被错误拷贝，以及如何使用 `go vet` 工具检测潜在的拷贝问题。

俞凡 2024-12-27

React 悬浮按钮组件 FloatingActionButton

一、简介悬浮按钮（Floating Action Button，简称FAB）是一种常见的用户界面元素，通常用于提供主要的、突出的操作。在React应用程序中，创建一个功能齐全且美观的悬浮按钮组件可以

Jimaks 2024-12-27

Elasticsearch：使用 Ollama 和 Go 开发 RAG 应用程序

作者：来自 Elastic Gustavo Llermaly 使用 Ollama 通过 Go 创建 RAG 应用程序来利用本地模型。关于各种开放模型，有很多话要说。其中一些被称为 Mixtral 系

Elasticsearch 2024-12-27

Vue：让前端开发变得更有趣，少一些"刀耕火种"，多一些"数据思维" ✨

本文通过一个简单的 todos 应用，介绍 Vue 如何简化前端开发，帮助开发者摆脱繁琐的 DOM 操作。通过对比传统方法和 Vue 的响应式数据绑定、双向绑定等特性，让你更专注于业务逻辑，。

answerball 2024-12-27

TypeScript 数据类型 - 数组

数组创建数组 1. 字面量方式最常见和简单的方法是使用数组字面量（[]）。 2. 泛型方式使用 TypeScript 提供的数组泛型 Array。 3. 使用构造函数通过 Array 构

TSFullStack 2024-12-27

UniApp 实战：集成手机号、第三方微信与QQ登录功能及退出登录功能

UniApp 实战：集成手机号、微信与QQ登录功能前言在当今移动互联网迅速发展的时代，用户对于应用的便捷性和安全性提出了更高的要求。为了满足这些需求，开发者们不断探索更加友好和高效的用户认证方式。

天生我材必有用_吴用 2024-12-27

实战：30 行代码做一个网页端的 AI 聊天助手

推荐体验

相关资讯

【promptulate专栏】ChatGPT框架——两行代码构建一个强大的论文总结助手

仅用30多行代码实现一个微信AI聊天机器人

搭建一个chatgpt网页聊天界面

教你快速做一个自己的“ChatGPT”

用LangChian实现一个简易聊天机器人仅需25行代码？

近期资讯

数据要素市场前景广阔

Kubernetes 网络策略详解与 Pod 间访问限制

“教你用代码撸出一个性感的3D地球 🌍——附带抖音爆款WebGL指南”

Spring Boot中RabbitMQ配置踩坑记录：当自定义配置遇上自动配置

5分钟搞懂 Golang noCopy策略

React 悬浮按钮组件 FloatingActionButton

Elasticsearch：使用 Ollama 和 Go 开发 RAG 应用程序

Vue：让前端开发变得更有趣，少一些"刀耕火种"，多一些"数据思维" ✨

TypeScript 数据类型 - 数组

UniApp 实战：集成手机号、第三方微信与QQ登录功能及退出登录功能

推荐体验

AIGC重要产品

AI对话：类ChatGPT产品体验

好用的AI绘画工具

火热的AIGC产品

AIGC近期要闻

大公司发布的大模型产品都有哪些？

政府对AIGC的扶持政策

AIGC对就业的影响：我们会失业吗？

AIGC产业影响

AIGC对内容创作的影响

AIGC对绘画设计领域的影响

AIGC对各行各业的影响