RuoYi AI: AIチャットと描画のためのSpringBootベースのバックエンドフレームワーク

はじめに

RuoYi AIはruoyi-plusフレームワークをベースとしたバックエンドプロジェクトで、AIチャットと描画機能の統合に焦点を当てています。Java17とSpringBoot 3.Xの技術スタックを使用し、バックエンドの管理インターフェイスはelementUIを使用して構築されており、シンプルで使いやすいです。このプロジェクトは、ChatGPT4、Dall-E-3などの様々なAIモデルをサポートしており、音声クローン、テキストから描画、WeChatアプレットなどの機能も提供しています。個人開発者であれ、企業ユーザーであれ、豊富な機能とドキュメントで簡単にカスタマイズし、導入することができます。

機能一覧

• AIチャットサポートChatGPT4、ChatGPT-4-Allなどのモデルを統合し、インテリジェントな対話を実現。
• AIペインティングの特徴Dall-E-3およびVincennesモデルをサポートし、クリエイティブな画像を生成。
• ボイスクローニング音声対話をパーソナライズするために使用できる、音声生成とクローン作成機能を提供します。
• WeChatアプレットのドッキングクロスプラットフォーム対応のアプレット側での開発をサポート。
• リアルタイム決済統合イージーペイメントシステムに基づき、口座へのリアルタイムパーソナルQRコードをサポートします。
• 個人WeChatアクセス個人向け小口融資は、以下のような仕組みがある。 チャットGPT ソーシャル・エクスペリエンスを高めるコネクト。
• バックエンド管理インターフェースelementUIをベースに、ユーザーフレンドリーな管理操作を提供します。
• オープンソースで無料コードは二次的な開発や学習のために完全にオープンになっている。

ヘルプの使用

設置プロセス

ruoyi-aiはGitHubベースのオープンソースプロジェクトで、実行には一定の開発環境設定が必要です。詳しいインストール手順は以下の通りです：

1.環境準備

以下のソフトウェアがコンピュータにインストールされていることを確認してください：

• ジャワ17このプロジェクトはJava 17を使用しており、ダウンロードと環境変数の設定が必要です。
• メイブン依存関係の管理やプロジェクトのビルドには、最新の安定版を推奨します。
• ギットGitHubからコードをクローンする。
• MySQLデータベースのサポート、データベースのインストールと作成が必要です。
• Node.js(オプション）：フロントエンドの管理インターフェースを調整する必要がある場合。

インストールが完了したら、バージョンを確認する：

java -version  # 确保输出为 17.x.x
mvn -v        # 检查 Maven 是否正常
git --version # 确认 Git 已安装

2.プロジェクトのクローン化

ターミナルを開き、以下のコマンドを入力してruoyi-aiリポジトリをクローンする：

git clone https://github.com/ageerle/ruoyi-ai.git
cd ruoyi-ai

3.コンフィギュレーション・プロジェクト

• データベース構成::
  • MySQLに新しいデータベースを作成する。 ruoyi_ai_db.
  • を見つける。 application.yml ファイルでデータベース接続情報を変更する：

    spring:
    datasource:
    url: jdbc:mysql://localhost:3306/ruoyi_ai_db?useSSL=false&serverTimezone=UTC
    username: root
    password: 你的密码
    

• AIモデルキー(オプション）：
  • ChatGPTやDall-Eのようなモデルを使用している場合、設定ファイルにAPIキーを追加する必要があります。例

    ai:
    chatgpt:
    api-key: 你的ChatGPT密钥
    dalle:
    api-key: 你的Dall-E密钥
    

4.ビルドと実行

プロジェクトのルート・ディレクトリで以下のコマンドを実行する：

mvn clean install  # 编译并安装依赖
mvn spring-boot:run  # 启动项目

起動に成功したら http://localhost:8080 バックエンドの管理インターフェイスが正しく表示されていることを確認します。

5.フロントエンドパッケージ（オプション）

ruoyi-aiのフロントエンド管理インターフェースは、別途クローンして実行する必要がある：

• フロントエンドプロジェクトのクローン

  git clone https://github.com/ageerle/ruoyi-admin.git
  cd ruoyi-admin
  

• 依存関係をインストールして開始する：

  npm install  # 或 yarn install
  npm run dev  # 或 yarn dev
  

フロントエンドはデフォルトで http://localhost:8081バックエンドと組み合わせて使うことができる。

主な機能

AIチャット機能

1. 構成モデル::
   • ある application.yml ChatGPTのAPIキーを入力してください。
   • 設定を有効にするために、プロジェクトを再起動します。
2. アクセスインターフェイス::
   • 例えば、POSTリクエストを使ってチャットインターフェースを呼び出します：

     curl -X POST "http://localhost:8080/api/chat" -H "Content-Type: application/json" -d '{"message": "你好，我想了解AI"}'
     

   • 返される結果はJSON形式で、AIのレスポンスを含んでいる。
3. 試験効果::
   • リアルタイム対話の効果を見るために、フロントエンドの管理インターフェイスからメッセージを入力することができます。フロントエンドが設定されていない場合は、Postmanのようなツールで直接テストしてください。

AIペインティングの特徴

1. ヴァンセンヌモデルの設定::
   • Dall-E-3のAPIキーを設定ファイルに追加します。
   • 依存関係に画像処理ライブラリが含まれているかチェックする（例えば imageio).
2. 画像の生成::
   • 描画インターフェースを呼び出す：

     curl -X POST "http://localhost:8080/api/draw" -H "Content-Type: application/json" -d '{"prompt": "一幅未来城市的画"}'
     

   • 結果は、画像ファイルへのダウンロードリンクか、Base64エンコーディングのどちらかである。
3. 結果を見る::
   • 管理インターフェイスで、"AI Painting "モジュールをクリックし、説明を入力し、画像を生成してダウンロードします。

ボイスクローニング

1. オーディオファイルの準備::
   • クリアな音声ファイル（MP3形式など）をサーバーにアップロードします。
2. コールインターフェイス::
   • POSTリクエストを使用する：

     curl -X POST "http://localhost:8080/api/voice/clone" -F "file=@sample.mp3"
     

   • 複製された音声ファイルを返します。
3. アプリケーションシナリオ::
   • アプレットやチャットに統合するためのパーソナライズされた音声プロンプトを生成するために使用できます。

WeChatアプレットのドッキング

1. アプレット側のクローン::
   • アプレットコードを取得する：

     git clone https://github.com/ageerle/ruoyi-uniapp.git
     

2. バックエンドアドレスの設定::
   • アプレットプロジェクトの修正 config.jsバックエンドのアドレスを指す：

     const BASE_URL = "http://localhost:8080";
     

3. アプレットの実行::
   • WeChat Developer Toolsを使用してプロジェクトを開き、結果をプレビューします。

注目の機能

リアルタイム決済統合

• イージーペイの設定::
  • Easy Payアカウントに登録し、キーを入手してください。
  • ある application.yml 追加する：

    payment:
    yipay:
    key: 你的易支付密钥
    

• QRコードの生成::
  • インタビュー http://localhost:8080/api/payment/qrcode支払いQRコード画像に戻る。
• 支払いの確認::
  • リアルタイムの到着を確実にするため、コールバック・インターフェイスを通じて支払い結果を受け取る。

個人WeChatアクセスChatGPT

• バインドWeChat::
  • 管理インターフェイスで、パーソナルマイクとChatGPTキーを入力してください。
• メッセージを送る::
  • WeChatで指定したサービス番号にメッセージを送ると、バックエンドが自動的にChatGPTを呼び出して返信を返す。
• 試験::
  • Hello "と送ってみて、スマートな返事が返ってくるかどうか試してみよう。

ほら

• 安全性APIキーは漏洩しないように安全な場所に保管してください。
• パフォーマンス最適化もしリクエストが頻繁な場合は、Redisキャッシュを設定する。 application.yml::

  spring:
  redis:
  host: localhost
  port: 6379
  

• ドキュメンテーション・サポートプロジェクトの詳細なドキュメントは、以下のGitHubリポジトリにあります。 README.md以下は、入手可能な情報の要約である。

これらのステップで、ruoyi-aiをすぐに使い始め、その強力なAI機能を体験することができます！