chatgpt.js 는 Chat GPT DOM과 매우 간편한 상호작용을 가능하게 하는 강력한 자바스크립트 라이브러리입니다.
- 풍부한 기능
- 객체지향
- 손쉬운 사용
- 경량화 (최적의 성능 제공)
(async () => {
await import('https://code.chatgptjs.org/chatgpt-latest.min.js');
// 코드를 여기에 작성해 주세요...
})();
var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://code.chatgptjs.org/chatgpt-latest.min.js');
xhr.onload = function () {
if (xhr.status === 200) {
var chatgptJS = document.createElement('script');
chatgptJS.textContent = xhr.responseText;
document.head.appendChild(chatgptJS);
yourCode(); // 당신의 코드를 작성해주세요
}
};
xhr.send();
function yourCode() {
// 코드를 여기에 작성해 주세요...
}
참고 스타터 템플릿을 사용하시려면: kudoai/chatgpt.js-greasemonkey-starter
Greasy Fork와 같은 사용자 스크립트 저장소는 미리 승인된 CDN(예: cdn.jsdelivr.net에서의 커밋별 참조)의 화이트리스트를 유지합니다. 따라서, 삽입된(import) URL은 길이가 상당히 길어지게 되는데, 이는 이러한 사이트의 게시를 보존하기 위함입니다.
...
// @require https://cdn.jsdelivr.net/gh/kudoai/chatgpt.js@1a4dd2c052e91bcae40bc2b4dd4ec5849a31cbd5/dist/chatgpt-2.3.18.min.js
// ==/UserScript==
// 코드를 여기에 작성해 주세요...
만약 이러한 저장소(repo)에 게시하지 않으신다면, 더 간단한 https://code.chatgptjs.org/chatgpt-latest.min.js
를 대신 사용하여 가장 최근에 압축된 버전을 가져 올 수 있습니다.
참고 스타터 템플릿을 사용하시려면: kudoai/chatgpt.js-chrome-starter
Google은 원격 코드를 허용하지 않으므로 chatgpt.js를 로컬로 가져와야 합니다:
-
https://raw.githubusercontent.com/kudoai/chatgpt.js/main/chatgpt.js 를 하위 디렉토리에 저장합니다. (
lib
이라고 가정) -
lib/chatgpt.js
의 끝에 ES6 export 문을 추가합니다.
...
export { chatgpt }
- 프로젝트(V3)의
manifest.json
파일에,lib/chatgpt.js
를 웹에서 접근가능한 리소스로 추가합니다.
"web_accessible_resources": [{
"matches": ["<all_urls>"],
"resources": ["lib/chatgpt.js"]
}],
chatgpt.js
를 필요로하는 스크립트 (전경/배경 같은) 에서는 다음과 같이 가져옵니다.
(async () => {
const { chatgpt } = await import(chrome.runtime.getURL('lib/chatgpt.js'));
// 코드를 여기에 작성해 주세요...
})();
chatgpt.js 는 유연성을 상당히 고려하여 작성되었습니다.
예시:
chatgpt.getLastResponse();
chatgpt.getLastReply();
chatgpt.response.getLast();
chatgpt.get('reply', 'last');
각 호출은 동일한 방식으로 최신 응답을 가져옵니다. 만약 잘 작동한다고 생각하신다면, 그렇게 하시면 될겁니다... 그러니 그냥 입력하세요!
그렇지 않은 경우 확장된 사용자 가이드를 확인하거나 간단히 문제 또는 PR을 주시면 통합될 것 입니다, 참 쉽죠!
demo.mp4
Brave Search 사이드바에 ChatGPT의 답변을 표시해주는 기능입니다. (GPT-4 기반)
설치 / 리드미 / 토론
ChatGPT 세션을 최신 상태로 유지하여 채팅 시간 제한 + 네트워크 오류 + Cloudflare 검사를 제거합니다..
설치 / 리드미 / 토론
DuckDuckGo 사이드바에 ChatGPT의 답변을 표시해주는 기능입니다. (GPT-4 기반)
설치 / 리드미 / 토론
Google Search 사이드바에 ChatGPT의 답변을 표시해주는 기능입니다. (GPT-4 기반)
설치 / 리드미 / 토론 करना
chatgpt.js 를 사용해 공유하고 싶은 프로젝트가 있다면, [email protected] 로 이메일을 보내시거나 pull request를 열어주세요!
이 라이브러리는 다음 기여자들의 코드, 번역, 이슈 및 아이디어 덕분에 존재합니다:
chatgpt.js는 다음에서 부분적으로 자금을 지원받습니다: