


プロジェクトを実行する前に、以下がインストールされていることを確認してください。
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 /datadocker 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:managementdocker 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_id1serverlocalhostuid1usernamerootpassword"" (空の文字列)databaseNamesplitthebillscripthtdocsディレクトリにホストされます。http://localhost/split_app_script.sqlstatusOfGeneration"" (空の文字列、プロセス中に更新されます)projectNameContentPlannerTestDBexistsNOになり、データベーステーブルが再作成されます。フロントエンド生成の場合は、 YESになります。"Yes"port3306rabbitMQConnhttps://localhost:5001/v1/api/redisConnlocalhost:6379password (Redis 用)12345apiflowurl"" (空、設定に基づいて定義されます)fronttemplateurl"" (空、設定に基づいて定義されます)Technology_Frontendreactts (TypeScript を使用した反応)Backend_technology"" (空、プロジェクトに基づいて指定)buttonClicked"generate"projectType"dnd"swgurl"" (空、プロジェクトのセットアップ後に入力されます)。現時点ではここで何も変更する必要はありません。noderedurl"" (空、設定に基づいて入力されます)プロジェクトを生成すると、生成されたコードはbin/debugフォルダーで利用できるようになります。
生成されたコード フォルダーをコピーし、リポジトリまたは優先ディレクトリに配置します。
Visual Studio または Visual Studio Code でプロジェクトを開いて実行します。エラーが発生した場合は、データベース スキーマに問題がないか確認してください。
フロントエンド コードを生成し、フロントエンド プロジェクトとバックエンド プロジェクトの両方が正しく構成されていることを確認します。これらをリポジトリまたは優先ディレクトリにコピーします。
プロジェクトを再生成するか、データベース スキーマに変更を加える必要がある場合は、既存のデータベース テーブルを削除し、プロジェクトを再実行します。
プロジェクトをコピーした後、必要に応じて .NET API を実行します。
次の手順に従えば、問題なくプロジェクトを実行してアプリを生成できるはずです。
セットアップおよびインストール ガイド プロジェクトのセットアップ、API の生成、ローカルでのホストに関する詳細なガイドについては、セットアップおよびインストール ガイドを参照してください。
このガイドには、プロセス全体を進めるための段階的な手順とビデオ チュートリアルが含まれています。
NeoApps.ai を使い始めて最大限に活用できるように、包括的なドキュメントを用意しました。