プロジェクトを実行する前に、以下がインストールされていることを確認してください。
app.sql
として保存します。htdocs
フォルダにドロップします。 XAMPPが実行中であり、 Dockerが稼働していることを確認します。CodeGenerator
フォルダーに移動し、** pip install -r requirements.txt
実行してから、 ./codegenerator_script.sh
を実行します。dotnet run
を実行します。Ctrl+C
でStreamlit アプリを終了します。./codegenerator_script.sh
を使用してアプリを再実行します。localhost
とポート番号を置き換えます。例: https://localhost:5001/v1/api/
)。ReactTsOutput1
という名前の同じフォルダーに生成されます。.env
ファイルを更新してDnD (ドラッグ アンド ドロップ デザイナー) を無効にします。npm run dev
使用してプロジェクトを再実行すると、新しく設計されたアプリが直接開きます。次の Docker コマンドを使用して、Redis、RabbitMQ、および MinIO (S3) をセットアップします。
MinIO
docker run -d --name minio -p 9000:9000 --env-file .env
-e MINIO_ROOT_USER= ${MINIO_ROOT_USER}
-e MINIO_ROOT_PASSWORD= ${MINIO_ROOT_PASSWORD}
-v minio-data:/data minio/minio:latest server /data
docker run -d --name minio -p 9000:9000 --env-file .env -e MINIO_ROOT_USER= $env :MINIO_ROOT_USER -e MINIO_ROOT_PASSWORD= $env :MINIO_ROOT_PASSWORD -v ${PWD} m inio-data:/data minio/minio:latest server /data
レディス
docker run -d --name redis -p 6379:6379 --env-file .env
-v redis-data:/data redis:latest
redis-server --requirepass " $( grep REDIS_PASSWORD .env | cut -d ' = ' -f2 ) " --appendonly yes
docker run -d --name redis -p 6379:6379 --env-file .env ` -v redis-data:/data redis:latest ` redis-server --requirepass $( Get-Content .env | Select-String ' REDIS_PASSWORD ' | ForEach-Object { ( $_ -split ' = ' )[1].Trim() }) --appendonly yes
ラビットMQ
docker run -d --name rabbitmq -p 5672:5672 -p 15672:15672 --env-file .env
-v rabbitmq-data:/var/lib/rabbitmq rabbitmq:management
docker run -d --name rabbitmq -p 5672:5672 -p 15672:15672 --env-file .env ` -v rabbitmq-data:/var/lib/rabbitmq rabbitmq:management
MinIO (S3)、Redis、および RabbitMQ の次の構成をappsettings.json
に追加します。
{
"MinIO" : {
"AccessKey" : " ${MINIO_ROOT_USER} " ,
"SecretKey" : " ${MINIO_ROOT_PASSWORD} " ,
"Endpoint" : " http://localhost:9000 "
},
"Redis" : {
"Connection" : " localhost:6379,password=${REDIS_PASSWORD} "
},
"RabbitMQ" : {
"Connection" : " amqp://${RABBITMQ_USER}:${RABBITMQ_PASSWORD}@localhost:5672/ "
}
}
データベース スキーマが NeoApps.AI によって提供されるガイドラインに従っていることを確認してください。ガイドラインはここでご覧いただけます。
データベース スクリプトを.sql
形式で保存します。サンプル スクリプトはガイドライン ページで入手できます。
スクリプトをhtdocs
ディレクトリに配置して、XAMPP にアップロードします。これにより、XAMPP サーバー経由でアクセスできるようになります。
次のパラメータを使用して MySQL データベースを設定します。
root
(または設定したユーザー名)3306
バックエンド生成用に次のパラメーターを使用してlaunchSettings.json
更新します。
"PARAMETER" : " {project_id:1,server:localhost,uid:1,username:root,password:,databaseName:splitthebill,script:http://localhost/split_app_script.sql,statusOfGeneration:null,projectName:DemoApplication,DBexists:No,port:3306,rabbitMQConn:amqp://user:password@localhost:5672/,redisConn:localhost:6379,password=yourredispassword,apiflowurl:,fronttemplateurl:,Technology_Frontend:,Backend_technology:dotnet,buttonClicked:generate,projectType:,swgurl:,noderedurl:null} "
フロントエンド生成用に次のパラメーターを使用してlaunchSettings.json
更新します。
"PARAMETER" : " {project_id:1,server:localhost,uid:1,username:root,password:,databaseName:splitthebill,script:http://localhost/split_app_script.sql,statusOfGeneration:,projectName:DemoApplication,DBexists:Yes,port:3306,rabbitMQConn:amqp://user:passord@localhost:5672/,redisConn:localhost:6379,password=yourredispassword,apiflowurl:,fronttemplateurl:,Technology_Frontend:reactts,Backend_technology:,buttonClicked:generate,projectType:dnd,swgurl:,noderedurl:} "
以下は、プロジェクトのセットアップで使用される構成パラメーターのリストとその説明です。
project_id
1
server
localhost
uid
1
username
root
password
""
(空の文字列)databaseName
splitthebill
script
htdocs
ディレクトリにホストされます。http://localhost/split_app_script.sql
statusOfGeneration
""
(空の文字列、プロセス中に更新されます)projectName
ContentPlannerTest
DBexists
NO
になり、データベーステーブルが再作成されます。フロントエンド生成の場合は、 YES
になります。"Yes"
port
3306
rabbitMQConn
https://localhost:5001/v1/api/
redisConn
localhost:6379
password
(Redis 用)12345
apiflowurl
""
(空、設定に基づいて定義されます)fronttemplateurl
""
(空、設定に基づいて定義されます)Technology_Frontend
reactts
(TypeScript を使用した反応)Backend_technology
""
(空、プロジェクトに基づいて指定)buttonClicked
"generate"
projectType
"dnd"
swgurl
""
(空、プロジェクトのセットアップ後に入力されます)。現時点ではここで何も変更する必要はありません。noderedurl
""
(空、設定に基づいて入力されます)プロジェクトを生成すると、生成されたコードはbin/debug
フォルダーで利用できるようになります。
生成されたコード フォルダーをコピーし、リポジトリまたは優先ディレクトリに配置します。
Visual Studio または Visual Studio Code でプロジェクトを開いて実行します。エラーが発生した場合は、データベース スキーマに問題がないか確認してください。
フロントエンド コードを生成し、フロントエンド プロジェクトとバックエンド プロジェクトの両方が正しく構成されていることを確認します。これらをリポジトリまたは優先ディレクトリにコピーします。
プロジェクトを再生成するか、データベース スキーマに変更を加える必要がある場合は、既存のデータベース テーブルを削除し、プロジェクトを再実行します。
プロジェクトをコピーした後、必要に応じて .NET API を実行します。
次の手順に従えば、問題なくプロジェクトを実行してアプリを生成できるはずです。
セットアップおよびインストール ガイド プロジェクトのセットアップ、API の生成、ローカルでのホストに関する詳細なガイドについては、セットアップおよびインストール ガイドを参照してください。
このガイドには、プロセス全体を進めるための段階的な手順とビデオ チュートリアルが含まれています。
NeoApps.ai を使い始めて最大限に活用できるように、包括的なドキュメントを用意しました。