GPT API Integration in HTML CSS with JS PHP

GPT API統合（JS/PHPを使用したHTML/CSS）

更新：02.06.2024モジュール/エンドポイント

重要

このコードの例は、生産の使用ではなく「方法？

あなたのための他の重要な情報源！ beforを読んでください！

• 人工知能の安全な実装（AI）
• GPTセキュリティベストプラクティス（GPT3.5ターボの例を使用）

GPTは興味深いです。それを使ってより良い世界を作りましょう。

このreadme.mdファイルは、GPT APIをPHPベースのWebサイトに統合するプロセスをガイドし、OpenAIのAPIを使用してチャット機能を有効にします。

前提条件

• WebサーバーにPHP 7.4以降がインストールされています
• PHPをサポートするWebサーバー（例：ApacheまたはNginx）
• HTML、CSS、およびJavaScriptの知識（チャットインターフェイスを設計するため）
• Openai.comのGPTAPIのAPIキー

APIキー

• アカウントに登録するか、OpenAIプラットフォームにログインします。
• APIキーセクションに移動し、新しいAPIキーを生成します。
• 次のステップで必要なので、APIキーを安全に保存します。

セットアップ

• このリポジトリをクローンまたはダウンロードします。
• config.phpのyour_api_keyとモデルを置き換えます。
• ニーズに応じてgptchat.phpのAPI_ENDPOINT URLを交換します（以下のリストを参照）。
• index.html、style.css、script.js、およびgptchat.phpファイルをWebサーバーにアップロードします。
• ブラウザ内のindex.htmlにアクセスします（https://yourdomain.com/index.htmlなど）。
• チャット入力フィールドにメッセージを入力し、Enterを押すか、[送信]ボタンをクリックしてメッセージを送信します。
• OpenAI APIは、言語モデルからのメッセージで応答する必要があります。
• 慎重になり、Openaiダッシュボードに制限を設定してください。

Openai-APIエンドポイント

gptchat.php＆config.phpをニーズに変更してください

終点	モデル名
/v1/chat/completions	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-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-similarity, babbage, babbage-code-search-code, babbage-code-search-text, babbage-search-document, babbage-search-query, babbage-similarity, code-davinci-edit-001, code-search-ada-code-001, code-search-ada-text-001、code-search-babbage-code-001、code-search-babbage-text-001、curie、curie-instruct-beta、kurie-search-document、curie-search-query、curie-similarity、davinci、davinci-intruct-beta、davinci-search davinciment、davinci-search-davincimirt 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-ada-001, text-similarity-babbage-001, text-similarity-curie-001, Text-Similarity-Davinci-001
/v1/edits	Text-davinci-edit-001、code-davinci-edit-001
/v1/audio/transcriptions	whisper-1
/V1/オーディオ/翻訳	whisper-1
/V1/fin-tunes	ダビンチ、キュリー、バベッジ、アダ
/V1/埋め込み	Text-rembedding-ada-002、Text-rembedding-3-Small、Text-rembedding-3-large、Text-Search-doc-001、Text Search-Search-Babbage-Doc-001、Text-Search-Search-Babbage-Query-001、Text-Search-Curie-001、Tex Text-Search-Davinci-Doc-001、Text-Search-Davinci-Query-001
/V1/モデレート	Text-Moderation-Latest、Text-Moderation-stable、Text-Moderation-007

GPT APIをPHP Webサイトに正常に統合しました！これで、チャットインターフェイスをカスタマイズして、必要に応じてユーザーエクスペリエンスを強化できます。

スクリーンショット

このコードの例は基本的なWebアプリケーション用であり、追加のセキュリティ対策を検討する必要があることに注意してください。GPTセキュリティベストプラクティスをお読みください！

ありがとう

「ありがとう！あなたのサポートは大歓迎です。このプロジェクトを他の人と共有したり、私のプロジェクトに与えたり、
「スポンサー」になる。より無料のアイデアや更新のために私をフォローすることを忘れないでください！」

著作権

• Volkan（SAH）Kücükbudak
• GithubのVolkansah
• 開発者サイト

GPTのための他のクールなもの！

• OpenAIテキストからスピーチへのインターフェイス
• ChatGpt Shellmaster（chatgpt4プラグイン
• 「GPTコメントの返信」WordPressのプラグイン
• CLIを介したGPT
• gpt-security-best practics
• Openaiコスト計算機
• 人工知能の安全な実装（AI）
• Openaiのコードインタープリターの探索

ライセンス

このプロジェクトは著作権©Volkansahであり、MITライセンスの下でライセンスされています。著作権通知と許可通知がソフトウェアのすべてのコピーまたはかなりの部分に保持されている限り、コードと資産を自由に使用、変更、および配布できます。」