ChatGPT接入微信公众号（手把手教学）

sockstack / 180 / 2023-11-23 12:02:39

ChatGPT 可用网址，仅供交流学习使用，如对您有所帮助，请收藏并推荐给需要的朋友。 <a href="https://ckai.xyz/?sockstack&section=detail" target="__blank">https://ckai.xyz</a> <article class="baidu_pl"><div id="article_content" class="article_content clearfix">
<link rel="stylesheet" href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/kdoc_html_views-1a98987dfd.css">
<link rel="stylesheet" href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/ck_htmledit_views-25cebea3f9.css">
<div id="content_views" class="markdown_views prism-atom-one-dark">
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;"><path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path></svg><h1>
<a id="_0"></a>前言</h1> 
本篇文章参考国内服务器 3 分钟将 ChatGPT 接入微信公众号（超详细）配置，纠正了一些过时的信息。 
<h1>
<a id="_4"></a>准备</h1> 
一个微信公众号 一个能访问外网的梯子 一个ChatGPT账号 
有了这些就可以配置了 
<h1>
<a id="_11"></a>注册免费服务器，并部署代码</h1> 
前往Laf https://laf.run/ 注册一个账号，手机号注册即可。注意，别进到国外的了 <img referrerpolicy="no-referrer" src="https://img-blog.csdnimg.cn/img_convert/649a42716bc42944e7f428ba20de121e.png" alt="file"> 点击新建项目 <img referrerpolicy="no-referrer" src="https://img-blog.csdnimg.cn/10224bfb76ca4b2d82e17feb7ba7caf4.png" alt="file"> 名称随便什么都可以，根据自己的喜好 <img referrerpolicy="no-referrer" src="https://img-blog.csdnimg.cn/de464d9f7538458589550a34828ca9bd.png" alt="file"> 创建好过后是这个样子，我们点击开发进入编程页面 <img referrerpolicy="no-referrer" src="https://img-blog.csdnimg.cn/5bcd414b8eec4ef6953c11936acc116c.png" alt="file"> 进入后添加npm依赖 <img referrerpolicy="no-referrer" src="https://img-blog.csdnimg.cn/296ad7bf963a4eca82b95f9298a20a0a.png" alt="file"> 搜索chatgpt，添加第一个，保存并重启 <img referrerpolicy="no-referrer" src="https://img-blog.csdnimg.cn/f25fb33db0254c049291ef958516958d.png" alt="file"> 然后新建一个函数 <img referrerpolicy="no-referrer" src="https://img-blog.csdnimg.cn/57ef63d9ad0a4b19b4f8020183ce02ee.png" alt="file"> 函数名字也随便取一个 <img referrerpolicy="no-referrer" src="https://img-blog.csdnimg.cn/1a948843b3d1420aa5a268dc4609bdb2.png" alt="file"> 然后将下列代码粘进去 
<pre><code class="prism language-ts">// 引入crypto和cloud模块
import * as crypto from 'crypto';
import cloud from '@lafjs/cloud';const OPENAI_ACCESS_TOKEN = "这个token我们稍后讲，怎么拿"
const WAIT_MESSAGE = `处理中 ... \n\n请稍等3秒后发送【1】查看回复`
const NO_MESSAGE = `暂无内容，请稍后回复【1】再试`
const CLEAR_MESSAGE = `✅ 记忆已清除`
const HELP_MESSAGE = `ChatGPT 指令使用指南| 关键字 | 功能 || 1 | 上一次问题的回复 || 11 | 清除上下文 || 111 | 获取更多帮助 |`// 不支持的消息类型
const UNSUPPORTED_MESSAGE_TYPES = {image: '暂不支持图片消息',voice: '暂不支持语音消息',video: '暂不支持视频消息',music: '暂不支持音乐消息',news: '暂不支持图文消息',
}// 定义休眠函数
const sleep = ms =&gt; new Promise(resolve =&gt; setTimeout(resolve, ms));// 创建数据库连接并获取Message集合
const db = cloud.database();
const Message = db.collection('messages')// 处理接收到的微信公众号消息
export async function main(event) {const { signature, timestamp, nonce, echostr } = event.query;const token = '123456';// 验证消息是否合法，若不合法则返回错误信息if (!verifySignature(signature, timestamp, nonce, token)) {return 'Invalid signature';}// 如果是首次验证，则返回 echostr 给微信服务器if (echostr) {return echostr;}// 处理文本回复消息
async function replyText(message) {const { question, sessionId } = message;console.log("replyText 执行了")// 检查是否是重试操作，如果是重试操作，返回上一次的回复if (question === '1') {const lastMessage = await Message.where({sessionId}).orderBy("createdAt", "desc").get();if (lastMessage.data[0]) {return `${lastMessage.data[0].question}\n------------\n${lastMessage.data[0].answer}`;}return NO_MESSAGE;}// 获取上下文 idconst res = await Message.where({sessionId}).orderBy("createdAt", "desc").getOne();const parentId = res?.data?.parentMessageIdconst conId = res?.data?.conversationId// 发送指令if (question.startsWith('11')) {return await processCommandText(message);}// 获取 OpenAI 回复内容const { error, answer, parentMessageId, conversationId } = await getOpenAIReply(question, parentId, conId);if (error) {console.error(`sessionId: ${sessionId}; question: ${question}; error: ${error}`);return error;}// 将消息保存到数据库中const token = question.length + answer.length;const result = await Message.add({ token, answer, parentMessageId, conversationId, ...message });console.debug(`[save message] result: ${result}`);return answer;
}// 获取 OpenAI API 的回复
async function getOpenAIReply(question, parentId, conId) {console.log("getOpenAIReply 执行了")// 引入 ChatGPTUnofficialProxyAPI 模块const { ChatGPTUnofficialProxyAPI } = await import('chatgpt')// 创建 ChatGPTUnofficialProxyAPI 实例const api = new ChatGPTUnofficialProxyAPI({accessToken: OPENAI_ACCESS_TOKEN,apiReverseProxyUrl: "https://ai.fakeopen.com/api/conversation"})try {// 如果有上下文 id，就带上let res;if (parentId &amp;&amp; conId) {res = await api.sendMessage(question, { conversationId: conId, parentMessageId: parentId })} else {res = await api.sendMessage(question)}// 返回 OpenAI 回复的内容及上下文 idreturn { answer: res.text.replace("\n\n", ""), parentMessageId: res.parentMessageId, conversationId: res.conversationId }} catch (e) {console.log(e)return {error: "问题太难了 出错了. (uДu〃).",}}}// 校验微信服务器发送的消息是否合法
function verifySignature(signature, timestamp, nonce, token) {const arr = [token, timestamp, nonce].sort();const str = arr.join('');const sha1 = crypto.createHash('sha1');sha1.update(str);return sha1.digest('hex') === signature;
}// 返回组装 xml
function toXML(payload, content) {const timestamp = Date.now();const { tousername: fromUserName, fromusername: toUserName } = payload;return `&lt;xml&gt;&lt;ToUserName&gt;&lt;![CDATA[${toUserName}]]&gt;&lt;/ToUserName&gt;&lt;FromUserName&gt;&lt;![CDATA[${fromUserName}]]&gt;&lt;/FromUserName&gt;&lt;CreateTime&gt;${timestamp}&lt;/CreateTime&gt;&lt;MsgType&gt;&lt;![CDATA[text]]&gt;&lt;/MsgType&gt;&lt;Content&gt;&lt;![CDATA[${content}]]&gt;&lt;/Content&gt;&lt;/xml&gt;`
}async function processCommandText({ sessionId, question }) {// 清理历史会话if (question === '11') {const res = await Message.where({ sessionId }).remove({ multi: true })return CLEAR_MESSAGE;} else {return HELP_MESSAGE;}
}</code></pre> 
代码中有四个需要讲的点 
<ul>
<li><img referrerpolicy="no-referrer" src="https://img-blog.csdnimg.cn/e3c19adec65548b4b079c99f091d7d80.png" alt="file"></li>
<li>const token 123456 随意配置，一会要用</li>
<li>OPENAI_ACCESS_TOKEN， 这个就是聊天的token</li>
</ul> 
怎么获取呢你 ，需要先在浏览器中登录 ChatGPT 网页版，然后在浏览器中新建标签页访问这个 URL：https://chat.openai.com/api/auth/session 它会返回一个 JSON，里面包含了 accessToken 字段，将这个字段的值复制到代码中的OPENAI_ACCESS_TOKEN中即可。 
<ul><li>apiReverseProxyUrl 这个URL可能变化，原文就变了 现在用的是"https://ai.fakeopen.com/api/conversation" 还能用，如果以后用不了了请参考ChatGPTUnofficialProxyAPI 的使用文档</li></ul> 
最后点击发布即可一键部署 
<h1>
<a id="_203"></a>公众号配置</h1> 
登录微信公众平台，点击设置与开发 <img referrerpolicy="no-referrer" src="https://img-blog.csdnimg.cn/a4048343aa7e4444bb30cbe0c9dc84ff.png" alt="file"> 点击「基本设置」，然后点击「服务器配置」，服务器配置那里点击修改配置： <img referrerpolicy="no-referrer" src="https://img-blog.csdnimg.cn/308859f4b86a445a99be9a6f0eb6b7f5.png" alt="file"> 这里的URL就是之前上文在laf发布旁边的网址 这里的Token就是之前上文在代码中的const token = ‘123456’; EncodingAESKey随机生成，提交后启用即可 <img referrerpolicy="no-referrer" src="https://img-blog.csdnimg.cn/f058dea272324a34a34a915cd7a85200.png" alt="file"> 
现在你已经完成了所有必要的设置和配置，下面就可以直接进入微信公众号「我怀里的猫」后台与机器人进行交互啦！ <img referrerpolicy="no-referrer" src="https://img-blog.csdnimg.cn/b21fa32e6475466b9fc573b4c3e68ee5.png" alt="file"> 效果 <img referrerpolicy="no-referrer" src="https://img-blog.csdnimg.cn/41b06803a3dd461f962495f9e7c28254.png" alt="file"> 
参考文档 https://juejin.cn/post/7221716906334994489 ChatGPTUnofficialProxyAPI 的使用文档 https://github.com/husanr/wechat_gpt_laf 
<blockquote> 本文由博客一文多发平台 OpenWrite 发布！ 
</blockquote>
</div>
<link href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/markdown_views-98b95bb57c.css" rel="stylesheet">
<link href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/style-c216769e99.css" rel="stylesheet">
</div>
<div id="treeSkill"></div>
</article>

作者

sockstack

许可协议

CC BY 4.0

发布于

2023-11-23

修改于

2024-07-27

上一篇：软件：常用 Linux 软件汇总，值得收藏下一篇：如何实现Chatgpt写文章（附chatgpt3.5免费接口）

尚未登录

ChatGPT接入微信公众号（手把手教学）

文章分类

博客重构之路

Spring Boot简单入门

k8s 入门教程

MySQL 知识

NSQ 消息队列

ThinkPHP5 源码分析

使用 Docker 从零开始搭建私人代码仓库

日常开发汇总

标签列表

springboot

hyperf

swoole

webman

php

多线程

数据结构

docker

k8s

thinkphp

mysql

tailwindcss

flowbite

css

前端