FytApi.MUIはnetcore3.1/ 5.0/6.0をサポートします
コンテンツを更新する
[新規]戻り値Jsnoの例、マルチレベルのネストをサポート
【新規】戻り値視覚化テーブルデータアノテーション情報、マルチレベルネスティング対応
[最適化]Bodyデータの送信では、配列がサポートされており、デフォルト値は次のとおりです。[]
デモアドレス：fytapiui
導入する
Swaggerに基づく軽量で注入可能なapi-uiコンポーネント
特徴
ゼロイマージョン、軽量、シンプル、見栄えが良く、使いやすい
構成可能な認証認証とヘッダー、サポートアレイ
テーマの切り替えをサポート**ダーク/ブライトホワイト**
使用説明書
-
nugetを介してFytApi.MUIを検索します
-
APIプロジェクトへの参照を追加します
-
Program.cs構成を開く
//デフォルトのSwaggerはアプリ を削除しません.UseSwagger （）; //デフォルトのSwaggerUIと互換性 があるため、削除可能な アプリ を保持できます.UseSwaggerUI （）; // [ Add]UIHTTPリクエストパイプラインと関連するミドルウェア処理を構成します。構成とSwaggerのデフォルト構成 app.UseFytApiUIと同じ（ c => { c .SwaggerEndpoint （"/swagger/v1/swagger.json"、 " devault"、"v1"）; }）; //静的リソースアクセスのサポートを追加app .UseStaticFiles（）;
- XMLコメントを追加する
プロジェクトを右クリックし、次のようにXML生成 参照を追加します 。builder.Services.AddSwaggerGen （options => { //関連グループを構成します options.SwaggerDoc （"v1"、new Microsoft.OpenApi.Models.OpenApiInfo { Title = "Weather "、Version = " v1 " }）; options.SwaggerDoc （" v2 "、new Microsoft.OpenApi.Models.OpenApiInfo { Title = " User "、Version = " v1 " }）; //プロジェクトxmlコメント表示を追加する場合クラスライブラリを表示するには、引き続きオプションを追加でき ます。IncludeXmlComments （ Path.Combine （ AppContext.BaseDirectory、"TestApi.xml"）、true ）; // [例]-モデルxml表示 オプションを追加します。IncludeXmlComments （ Path.Combine （ AppContext.BaseDirectory、"TestApi.Model.xml"）、true ）; }）; // UIはSwagger構成アプリと同じです。UseFytApiUI （c => { c.SwaggerEndpoint （"/swagger/v1/swagger.json"、"weather"、"v1"）; c.SwaggerEndpoint （"/swagger/v2/swagger.json"、"user"、"v2"）; }）; //静的リソースアクセスのサポートが追加されました app.UseStaticFiles（）;
- アクセスのデフォルトページを設定する
netcore6.0 スタートアップ構成のデフォルトアクセスはswaggerであり、このプロジェクトのデフォルトアドレスはfytapiuiです。 次のファイルを変更して、プロジェクトルートディレクトリへのデフォルトアクセスを設定します Properties / launchSettings.json "profiles"：{ "SwaggerApi"：{ "commandName"："Project"、"dotnetRunMessages"：true、"launchBrowser"：true、"launchUrl"："fytapiui / index.html"、 //swaggerをfytapiui/ index.html "applicationUrl"："https： // localhost：7106; http：// localhost：5106 "、" environmentVariables "：{ "ASPNETCORE_ENVIRONMENT" ："開発" } }、"IIS Express"：{ "commandName"：" IISExpress" 、"launchBrowser"：true、"launchUrl"："fytapiui / index.html"、//swaggerをfytapiui/index.htmlに変更します" environmentVariables "：{ " ASPNETCORE_ENVIRONMENT "：" Development " } } }プロジェクトを再起動するだけですhttps： // localhost：7235 / fytapiui / index.html
UIプレビュー
