GPT API Integration in HTML CSS with JS PHP

Integrasi API GPT (dalam HTML/CSS dengan JS/PHP)

Diperbarui: 02.06.2024 Modul/titik akhir

Penting

Harap dicatat bahwa contoh kode ini adalah untuk aplikasi web dasar untuk menunjukkan "bagaimana melakukannya?", Bukan penggunaan produksi!

Sumber penting lainnya untuk Anda! Harap baca sebelum!

• Aman Implementasi Kecerdasan Buatan (AI)
• Praktik Terbaik Keamanan GPT (dengan contoh GPT3.5-turbo)

GPT menarik, mari kita gunakan untuk menciptakan dunia yang lebih baik.

File ReadMe.MD ini akan memandu Anda melalui proses mengintegrasikan API GPT ke dalam situs web berbasis PHP Anda, memungkinkan fungsionalitas obrolan menggunakan API OpenAI.

Prasyarat

• PHP 7.4 atau lebih tinggi diinstal di server web Anda
• Server web dengan dukungan untuk PHP (misalnya Apache atau Nginx)
• Pengetahuan tentang HTML, CSS, dan JavaScript (untuk merancang antarmuka obrolan)
• Kunci API untuk API GPT dari OpenAI.com

Kunci API

• Daftarkan akun atau masuk ke platform OpenAI.
• Arahkan ke bagian Kunci API dan hasilkan kunci API baru.
• Simpan kunci API dengan aman, karena Anda akan membutuhkannya di langkah berikutnya.

Menyiapkan

• Klon atau unduh repositori ini.
• Ganti your_api_key dan model di config.php.
• Ganti URL API_endpoint di gptchat.php sesuai dengan kebutuhan Anda (lihat daftar di bawah).
• Unggah index.html, style.css, script.js, dan file gptchat.php ke server web Anda.
• Akses index.html di browser Anda (mis., Https://yourdomain.com/index.html).
• Ketikkan pesan di bidang input obrolan dan tekan ENTER atau klik tombol Kirim untuk mengirim pesan.
• API OpenAI harus merespons dengan pesan dari model bahasa.
• Berhati -hatilah dan atur batas di dasbor openai Anda.

Titik akhir openai-API

Harap ubah gptchat.php & config.php sesuai kebutuhan Anda

Titik akhir	Nama model
/v1/obrolan/penyelesaian	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-4-32K-2024, GPT-3.5-TURBO, GPT-32K-2024, GPT-3.5-TURBO, GPT-32K-2024, GPT-3.5-TURBO, GPTBO, GPT-32K-2024, GPT-3.5, GPTBO, GPT-32K-2024, GPT-3.5, GPTBO, GPT-03.5K-2024, GPT-3.5, GPTO, GPT-32K-2024 yang ” 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/penyelesaian	ADA, ADA-Code-Search-Code, ADA-Code-Search-Text, ADA-Search-Documents, ADA-Search-Query, ADA-SIMILARITY, BABBAGE, BABBAGE-CODE-CODE-CODE-CODE, KODE-CODE-CODE-CODE-CODE-CODE-COUD-SUARD-PAWS-SECARE-SECARE-SECARE-SECARE-SECARE-SECARE-SECARE, 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-instruct-beta, davinci-search-document, davinci-search-query, davinci-similarity, text-ada-001, Text-Babbage-001, Text-Curie-001, Text-Davin-001, Text-Davi-002, Text-Davi-003, Text-Davin-Ilit-001, Text-Embedding-002, Text-Embedding-3-Small, Text-Embed-3-Large, Text-Search-Doc-Doc-Doc-001, Text-Embed-3-Large, Text-Search-Doc-Doc-001, 001, 001-eMbed-3-Large, Text-Search-DoCA-DOC-DOC-E001, 001, 001, 00-eMBEDE-3-LARGE, TEXT-SECECE-EMBEDDING-DOC-DOC-E001, 001, Text-Search-Babbage-Doc-001, Text-Search-Babbage-Query-001, Text-Search-Curie-Doc-001, Text-Search-Curie-Query-001, Text-Search-DoC-Doc-001, Text-Search-Davinci-Query-001, Text-Similil-Similarity-001, Text-Similarity-Bab-Bab-0011 Text-Similarity-Davi-001
/v1/edit	Text-davinci-edit-001, kode-davinci-edit-001
/v1/audio/transkripsi	Whisper-1
/V1/Audio/Terjemahan	Whisper-1
/v1/fine-tunes	DaVinci, Curie, Babbage, Ada
/v1/embeddings	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
/V1/Moderasi	Teks-moderasi-latest, stabil-teks-stabil, teks-moderasi-007

Anda telah berhasil mengintegrasikan API GPT ke dalam situs web PHP Anda! Sekarang, Anda dapat menyesuaikan antarmuka obrolan dan meningkatkan pengalaman pengguna sesuai kebutuhan.

Tangkapan layar

Harap dicatat bahwa contoh kode ini adalah untuk aplikasi web dasar, dan Anda harus mempertimbangkan langkah -langkah keamanan tambahan, silakan baca praktik terbaik keamanan GPT!

Terima kasih

"Terima kasih! Dukungan Anda dihargai, dan saya akan bersyukur jika Anda dapat membagikan proyek ini dengan orang lain, memberikan proyek saya, atau
menjadi 'sponsor'. Jangan lupa untuk mengikuti saya untuk lebih banyak ide dan pembaruan gratis! "

Hak cipta

• Volkan (SAH) Kücükbudak
• Volkansah di GitHub
• Situs Pengembang

Barang keren lainnya untuk GPT!

• Antarmuka Teks-ke-Tata Sayak Openai
• Chatgpt shellmaster (plugin chatgpt4
• Plugin 'GPT Comment Reply' untuk WordPress
• GPT Over CLI
• Praktek GPT-Security-Best
• Kalkulator Biaya Openai
• Aman Implementasi Kecerdasan Buatan (AI)
• Menjelajahi Interpreter Kode di Openai

Lisensi

Proyek ini adalah Hak Cipta © Volkansah dan dilisensikan di bawah lisensi MIT. Anda bebas menggunakan, memodifikasi, dan mendistribusikan kode dan aset, selama pemberitahuan hak cipta dan pemberitahuan izin disimpan di semua salinan atau bagian substansial dari perangkat lunak. "