chatgpt.js入门指南 - 强大的ChatGPT客户端JavaScript库

chatgpt.js简介

chatgpt.js是一个功能强大的开源JavaScript库,用于方便地与ChatGPT DOM进行交互。它具有以下特点:

• 功能丰富
• 面向对象
• 易于使用
• 轻量级但性能优异

该库已在GitHub上获得了1900多颗星,每月有超过200万次jsDelivr请求,受到开发者的广泛欢迎。

如何导入chatgpt.js

有多种方式可以在项目中导入chatgpt.js:

ES6方式

(async () => {
    await import('https://cdn.jsdelivr.net/npm/@kudoai/chatgpt.js@3.2.0/dist/chatgpt.min.js');
    // 你的代码 
})();

ES5方式

var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://cdn.jsdelivr.net/npm/@kudoai/chatgpt.js@3.2.0/dist/chatgpt.min.js');
xhr.onload = function() {
    if (xhr.status === 200) {
        var chatgptJS = document.createElement('script');
        chatgptJS.textContent = xhr.responseText;
        document.head.append(chatgptJS);
        yourCode(); // 运行你的代码
    }
};
xhr.send();

function yourCode() {
    // 你的代码
}

Greasemonkey脚本方式

// ==UserScript==
// @require https://cdn.jsdelivr.net/npm/@kudoai/chatgpt.js@3.2.0/dist/chatgpt.min.js
// ==/UserScript==

// 你的代码

Chrome扩展方式

由于Google不允许远程代码,需要本地导入chatgpt.js:

1. 保存chatgpt.js到本地子目录(如lib)
2. 在manifest.json中添加lib/chatgpt.js为web accessible resource
3. 在需要使用的脚本中这样导入:

(async () => {
    const { chatgpt } = await import(chrome.runtime.getURL('lib/chatgpt.js'));
    // 你的代码
})();

通过npm安装

也可以通过npm安装chatgpt.js用于本地自定义:

npm install @kudoai/chatgpt.js

基本用法

chatgpt.js的设计非常灵活,例如以下几种方式都可以获取最后一条回复:

chatgpt.getLastResponse();
chatgpt.getLastReply(); 
chatgpt.response.getLast();
chatgpt.get('reply', 'last');

只要你觉得合理的写法,很可能都是可以工作的。

更多详细用法可以参考用户指南。

chatgpt.js极大地简化了与ChatGPT的交互,欢迎开发者们尝试使用这个强大而便捷的工具!