独自の ChatGPT および Midjourney 描画を作成する方法を教えます (ソース コードを含む)

AIプログラムはNUXT3+LARAVEL9(現バージョンV1.1.7)を使用して開発されています。

認証方法: 3 つのトップレベル ドメイン名 + 2 つの置換

1. AI インテリジェント ダイアログ - 公式と公式のアンチジェネレーション (マークダウン出力) のドッキング PS: テキストの検出には Baidu と自己使用ライブラリを使用します

2. AI描画 - キーワードに応じた描画 - dreamStudio描画の追加 - ミッドジャーニー描画の追加

3. AI小型アプリケーション - AIシーン小型アプリケーションを独自に作成するためのユーザー認証 - 小型アプリケーション分類

3. VIP機能 - 1日あたりのVIP無料会話と抽選の数を制限します

4. 招待コード - ユーザーは招待状を共有することで登録でき、登録数に達すると VIP に報酬が与えられます。

5. VIP カード コード交換 - 割り当て - メンバーシップ

6.シーン機能 - シーンで指定されたシーンの内容を実現します

7. 画像の生成 - 現在の会話記録のスクリーンショットを撮り、画像のダウンロードを生成します。

8. キー プールの管理 - キーをポーリングしてイベント リクエストをリッスンする

9. 禁止されたシソーラス - 特定の単語の送信が禁止されています

10. リスク管理センター - ユーザー操作の検出

11. クーポン - 割引価格で購入して価格を下げる

12. サインイン - 毎日のサインイン報酬 - 継続的サインイン報酬

13. ログインフリー Q&A - ログインフリー Q&A の数を制限する

14. モデル指定のユーザーグループまたはメンバーグループの選択

Baidu のレビュー テキストをオンにすることを強くお勧めします。プログラムを違法なコンテンツとして使用しないでください。また、愛する人を泣かせないようにしてください。

インターフェースの部分図の分解:

前景ショー:
画像の説明を入力してください

画像の説明を入力してください
画像の説明を入力してください
バックグラウンド ショー:
画像の説明を入力してください
画像の説明を入力してください
画像の説明を入力してください
画像の説明を入力してください
画像の説明を入力してください
画像の説明を入力してください
画像の説明を入力してください
画像の説明を入力してください
画像の説明を入力してください
画像の説明を入力してください
画像の説明を入力してください
画像の説明を入力してください
画像の説明を入力してください
AI デモンストレーション ステーション (バックグラウンド デモンストレーション用のアカウント パスワードは wx を追加することで取得できます):
承認のために、wx: Y85136926 を追加してください。

AI質問応答描画バックエンド導入
動作環境(パゴダ必見!)

Nginx

php8.1

レディス

PM2管理ツール

Mysql5.7以上

バックグラウンド アドレス: バックエンド ドメイン名/admin admin admin

バックエンドの展開:

最初にバックエンドをデプロイします
Web サイトを作成します - データベースを作成します

「設定」をクリックして
ディレクトリ選択を実行します
画像の説明を入力してください

疑似静的を構成し、
laravel5-save を選択します
画像の説明を入力してください


解凍するディレクトリを入力してください
画像の説明を入力してください

.env ファイルを開いて
データベース構成を変更します
画像の説明を入力してください

バックエンド URL を開き、
次のプロンプトが表示されたら、構築は成功です。

PHP 拡張機能のインストール -redis と fileinfo
画像の説明を入力してください
画像の説明を入力してください

フロントエンドの導入
フロントエンドの導入:

pm2マネージャーをインストールする

[設定] をクリックして、
v16.19.1 バージョン - バージョンの切り替えを選択します。
画像の説明を入力してください

新しいウェブサイトを作成する
画像の説明を入力してください

[設定] をクリックして
リバース プロキシを追加します - プロキシ名を入力します - ターゲット URL (http://127.0.0.1:3000) - 送信
画像の説明を入力してください

Web サイトのディレクトリに入り
、client.zip 圧縮パッケージを解凍します。
画像の説明を入力してください

env ファイルを入力して .env ファイルを開き
、VITE_SERVER_NAME を独自のバックエンド ドメイン名に変更します。
画像の説明を入力してください

次に、親ディレクトリに戻り
、ターミナルを開きます

npm install -g pnpmを実行します。

pnpmインストールを実行する

pnpmを実行した後、buildを実行します

pm2 を実行して、ecosystem.config.js を開始します。

pm2 start Ecosystem.config.js の実行時にエラーが報告された場合は、最初に pm2 update を実行してください

構築が完了したら、追記: 自分でデータベースをアップロードすることを忘れないでください

Ai Q&A 塗装に関するよくあるご質問
よくあるご質問

1. フロントエンドで SSL が有効になっていると、フロントエンドがバックエンドにリクエストできないのはなぜですか?

回答: https はフロントエンドとバックエンドで同時に有効にする必要があります。そうしないと、クロスドメインの問題が発生します。

2. フロントエンドのスタイルを変更したのに反映されなかったのはなぜですか?

回答: 何が変更されたとしても、フロントエンドは次の手順を実行する必要があります。

pnpm install実行後、pnpm run build実行、pm2 delete NuxtAppName実行、pm2 start ecosystem.config.js実行

3. バックグラウンドのログイン インターフェイスに確認コードが表示されませんか?

回答: .env ファイル内のデータベース構成情報が正しいかどうか、テーブルが完全にインポートされているかどうかを確認してください。インポートするには phpmyadmin と入力することをお勧めします。そうでない場合は、エラーがわかりません。

4. フロントエンド エラー ポップアップ ウィンドウが空白ですか?

回答: データベースエラーでテーブルがありません

5. Ali携帯電話認証コードはエラーを発行しましたか?

回答: デフォルトの php の無効な機能を入力する必要があります。shell_exec を削除します。

6. Alipay 支払いはエラーを報告しませんでした: 生成に失​​敗しましたか?

回答: 販売者契約に問題があります。アプリケーションがオンラインであるかどうか、および対面支払いが有効になっているかどうかを確認してください。

7. 支払いのコールバックはありませんか?

回答: バックグラウンド システム設定を確認します。「API アドレスをバックエンド アドレスに入力し、最後に / を追加しないでください」

8. ミニアプリの写真をアップロードできないのですか? バックエンドの写真をアップロードできませんか? 画像が出てこないのですが?

回答: 画像設定、ローカルにアップロードされている場合は、バックグラウンド システム設定を確認してください - 「API アドレスをバックエンド アドレスに入力し、最後に / を追加しないでください」

Ali oss の場合は、キーが正しいかどうかを確認し、Ali oss がパブリック読み取りを有効にしているかどうかを確認します。

9. 表紙502?

回答: pnpm install を再実行し、次に pnpm run build を実行し、pm2 delete NuxtAppName を実行し、pm2 start ecosystem.config.js を実行する必要があります。

10. バックエンドがキーを変更したり、その他の設定が突然アクセスできなくなったりしましたか?

A: .env ファイルにスペース記号がないか確認してください

11. バックグラウンド アドレス API アドレスには何を入力すればよいですか?

回答: バックエンド アドレスは http://xxx.com (末尾にスラッシュはありません) です。

おすすめ

転載: blog.csdn.net/weixin_47059371/article/details/130615695