GPT API Integration in HTML CSS with JS PHP

GPT API 통합 (JS/PHP를 사용한 HTML/CSS)

업데이트 : 02.06.2024 모듈/엔드 포인트

중요한

이 코드 예제는 기본 웹 애플리케이션이 생산 사용이 아닌 "수행 방법?"를 보여주는 것입니다!

당신을위한 다른 중요한 출처! Befor를 읽으십시오!

• 인공 지능의 안전한 구현 (AI)
• GPT 보안 모범 사례 (GPT3.5-Turbo 예제)

GPT는 흥미 롭습니다. 그것을 사용하여 더 나은 세상을 만들어 봅시다.

이 readme.md 파일은 GPT API를 PHP 기반 웹 사이트에 통합하여 OpenAI의 API를 사용하여 채팅 기능을 사용할 수있는 프로세스를 안내합니다.

전제 조건

• 웹 서버에 PHP 7.4 이상이 설치됩니다
• PHP (예 : Apache 또는 Nginx)를 지원하는 웹 서버
• HTML, CSS 및 JavaScript에 대한 지식 (채팅 인터페이스 설계 용)
• OpenAi.com의 GPT API의 API 키

API 키

• 계정에 등록하거나 OpenAI 플랫폼에 로그인하십시오.
• API 키 섹션으로 이동하여 새 API 키를 생성하십시오.
• 다음 단계에서 필요하므로 API 키를 안전하게 저장하십시오.

설정

• 이 저장소를 복제하거나 다운로드하십시오.
• config.php에서 your_api_key 및 model을 교체하십시오.
• 귀하의 요구에 따라 gptchat.php에서 api_endpoint url을 교체하십시오 (아래 목록 참조).
• index.html, style.css, script.js 및 gptchat.php 파일을 웹 서버에 업로드하십시오.
• 브라우저의 Access Index.html (예 : https://yourdomain.com/index.html).
• 채팅 입력 필드에 메시지를 입력하고 Enter를 누르거나 보내기 버튼을 클릭하여 메시지를 보냅니다.
• OpenAI API는 언어 모델의 메시지로 응답해야합니다.
• OpenAi 대시 보드에서 조심하고 제한을 설정하십시오.

OpenAi-Api 엔드 포인트

gptchat.php & config.php를 필요로 변경하십시오

엔드 포인트	모델 이름
/V1/채팅/완료	GPT-4, GPT-4-0314, GPT-4-0613, GPT-4-32K, GPT-4-32K-0314, GPT-4-32K-0613, GPT-4-2024, GPT-4-32K-2024, GPT-3.5-TURBO, GPT-3.5-TURBO-0301, GPT-4-2024. GPT-3.5-Turbo-0613, GPT-3.5-Turbo-16K, GPT-3.5-Turbo-16K-0613, GPT-3.5-Turbo-2024, GPT-3.5-Turbo-16K-2024, GPT-3.5-Turbo-0125
/V1/완료	ADA, ADA-CODE-SEARCH-CODE, ADA-CODE-SEARCH-TEXT, ADA-SEARCH-DOCUMENT, ADA-SEARCH-QUERY, ADA-SMILARITY, BABBAGE, BABBAGE-CODE-SEARCH-CODE, BABBAGE-CODE-SEARCH-TEXT, Babbage-Search-Document, Babbage-Search-Query, Babbage-Similarity, Code-Davinit-001, Code-Seared-avincied-avinciation-avinciation-avinciation-avincode-001, Babbage-Search-Document. Code-Search-Ada-Text-001, Code-Search-Babbage-Code-001, Code-Search-Babbage-Text-001, Curie, Curie-Instruct-Beta, Curie-Search-Document, Curie-Search-Query, Curie-Similarity, Davinci, Davinci-Searchity-Davinci-Searchity, Davinci-Search-Sim-Query, Davinci-Searchi-Similary. text-ada-001, text-babbage-001, text-curie-001, text-davinci-001, text-davinci-002, text-davinci-003, text-davinci-edit-001, text-embedding-ada-002, text-embedding-3-small, text-embedding-3-large, text-search-ada-doc-001, text-search-ada-query-001, Text-Search-Babbage-Doc-001, Text-Search-Babbage-Query-001, Text-Search-Curie-Doc-001, Text-Search-Curie-Query-001, Text-Search-Davinci-Doc-001, Text-Search-Davinci-Query-001, Text-Similarity-Babbage-001, Text-Similarity-Babbage-001, Text-Similarity-Babbage-001. 텍스트-유사성 -davinci-001
/v1/편집	Text-Davinciedit-001, Code-Davinci-Edit-001
/v1/오디오/전사	Whisper-1
/v1/오디오/번역	Whisper-1
/V1/미세 조정	Davinci, Curie, Babbage, Ada
/V1/임베딩	Text-embedding-ADA-002, Text-embedding-3-Small, Text-embedding-3-Large, Text-Search-DADA-DOC-001, Text-Search-Search-Query-001, Text-Search-Babbage-Doc-001, Text-Search-Babbage-Query-001, Text-Search-Curie-Doc-001, Text-Search-Search-Curery-Query-Query-Query-Query-Query-query-query-query-query-query-query-query-query-query-query-query-001, Text-Search-Davinci-DOC-001, 텍스트 검색-바비 앤디 쿼리 -001
/V1/중재	텍스트-수정-선정, 텍스트 수정 안정, 텍스트 수정 -007

GPT API를 PHP 웹 사이트에 성공적으로 통합했습니다! 이제 채팅 인터페이스를 사용자 정의하고 필요에 따라 사용자 경험을 향상시킬 수 있습니다.

스크린 샷

이 코드 예제는 기본 웹 응용 프로그램을위한 것이며 추가 보안 조치를 고려해야합니다. GPT 보안 모범 사례를 읽으십시오!

감사해요

"감사합니다! 귀하의 지원에 감사드립니다.이 프로젝트를 다른 사람들과 공유하거나 내 프로젝트에 제공하거나 또는 또는 내 프로젝트에 공유 할 수 있다면 감사하겠습니다.
'스폰서'가됩니다. 더 많은 무료 아이디어와 업데이트를 위해 나를 따르는 것을 잊지 마십시오! "

저작권

• Volkan (Sah) Kücükbudak
• Github의 Volkansah
• 개발자 사이트

GPT를위한 다른 멋진 물건!

• Openai 텍스트 음성 연사 인터페이스
• ChatGpt Shellmaster (ChatGpt4 플러그인
• 'GPT Comment Reply'WordPress 용 플러그인
• CLI에 대한 GPT
• GPT- 보안 최고 행위
• Openai 비용 계산기
• 인공 지능의 안전한 구현 (AI)
• OpenAI에서 코드 통역사 탐색

특허

이 프로젝트는 저작권 © Volkansah이며 MIT 라이센스에 따라 라이센스가 부여됩니다. 저작권 통지 및 권한 통지가 소프트웨어의 모든 사본 또는 실질적인 부분에 보존되는 한 코드 및 자산을 자유롭게 사용, 수정 및 배포 할 수 있습니다. "