ASP.NET Core 静的ファイルの使用に関するチュートリアルの詳細な紹介-C#.Net チュートリアル-php.cn

ASP.NET Core 静的ファイルの使用に関するチュートリアルの詳細な紹介

零下一度

リリース： 2017-06-19 10:12:28

オリジナル

1768 人が閲覧しました

この記事では、主に ASP.NET コア静的ファイルの使用に関するチュートリアルを詳しく紹介します。興味のある方は参考にしてください

この章では、ファイルの使用方法を学習します。ほぼすべての Web アプリケーションには、ファイルシステムからファイル (静的ファイル) を提供する機能という重要な機能が必要です。

JavaScript ファイル、画像、CSS ファイルなどの静的ファイル、Asp.Net Core アプリケーションは顧客に直接提供できます。
静的ファイルは通常、Web ルート (wwwroot) フォルダーにあります。
デフォルトでは、これがファイルシステムから直接ファイルを提供できる唯一の場所です。

ケース

次に、アプリケーションでこれらの静的ファイルを提供する方法を理解するために、簡単な例を見てみましょう。

ここでは、Web ルート (wwwroot) フォルダーに配置された FirstAppDemo アプリケーションに単純な HTML ファイルを追加します。ソリューションエクスプローラーで wwwroot フォルダーを右クリックし、[追加] → [新しい項目] を選択します。

中央のペインで、HTML ページを選択し、index.html という名前を付け、[追加] ボタンをクリックします。

簡単なindex.htmlファイルが表示されます。以下に示すように、簡単なテキストとタイトルを追加しましょう。

<!DOCTYPE html> 
<html> 
 <head> 
 <meta charset="utf-8" /> 
 <title>Welcome to ASP.NET Core</title> 
 </head> 
 <body> 
 Hello, Wolrd! this message is from our first static HTML file. 
 </body> 
</html>

ログイン後にコピー

アプリケーションを実行してブラウザにindex.htmlと入力すると、現在アプリケーションには何もないため、app.Run

middleware が例外をスローすることがわかります。

現在、私たちのプロジェクトには、ファイルシステム上のファイルを検索するミドルウェアはありません。

この問題を解決するには、ソリューションエクスプローラーでプロジェクトを右クリックし、[NuGet パッケージの管理] を選択して、NuGet パッケージマネージャーに入ります。

Microsoft.AspNet.StaticFiles を検索すると、静的ファイルミドルウェアが見つかります。この nuget パッケージをインストールしましょう。これで、Configure メソッドでミドルウェアを登録できるようになります。以下のプログラムに示すように、Configure メソッドに UseStaticFiles ミドルウェアを追加しましょう。

using Microsoft.AspNet.Builder; 
using Microsoft.AspNet.Hosting; 
using Microsoft.AspNet.Http; 
using Microsoft.Extensions.DependencyInjection; 
using Microsoft.Extensions.Configuration; 
namespace FirstAppDemo { 
 public class Startup { 
 public Startup() { 
  var builder = new ConfigurationBuilder() 
  .AddJsonFile("AppSettings.json"); 
  Configuration = builder.Build(); 
 } 
 public IConfiguration Configuration { get; set; } 
 
 // This method gets called by the runtime. 
 // Use this method to add services to the container. 
 // For more information on how to configure your application, 
 // visit http://go.microsoft.com/fwlink/?LinkID=398940 
 public void ConfigureServices(IServiceCollection services) { 
 } 
 
 // This method gets called by the runtime. 
 // Use this method to configure the HTTP request pipeline. 
 public void Configure(IApplicationBuilder app) { 
  app.UseIISPlatformHandler(); 
  app.UseDeveloperExceptionPage(); app.UseRuntimeInfoPage(); 
  app.UseStaticFiles(); 
  
  app.Run(async (context) => { 
  throw new System.Exception("Throw Exception"); 
  var msg = Configuration["message"]; 
  await context.Response.WriteAsync(msg); 
  }); 
 } 
  
 // Entry point for the application. 
 public static void Main(string[] args) => WebApplication.Run<Startup>(args); 
 } 
}

ログイン後にコピー

いくつかの異なる構成パラメータを渡してオプションをオーバーライドしない限り、静的ファイルは特定のリクエストのリクエストパスとして扱われます。このリクエストパスはファイルシステムに対する相対パスです。

index.html ファイルが表示されるようになりました。 wwwroot フォルダー内の任意の場所に配置した JavaScript ファイル、CSS ファイル、または HTML ファイルは、Asp.Net Core の静的ファイルとして直接使用できます。

/ This method gets called by the runtime. 
// Use this method to configure the HTTP request pipeline. 
public void Configure(IApplicationBuilder app) { 
 app.UseIISPlatformHandler(); 
 app.UseDeveloperExceptionPage(); 
 
 app.UseRuntimeInfoPage(); 
 app.UseDefaultFiles(); 
 app.UseStaticFiles(); 
 
 app.Run(async (context) => { 
 var msg = Configuration["message"]; 
 await context.Response.WriteAsync(msg); 
 }); 
}

ログイン後にコピー

このミドルウェアは受信リクエストをリッスンし、リクエストがルートディレクトリに対するものであれば、一致するデフォルトファイルがあるかどうかを確認します。

このミドルウェアのオプションをオーバーライドして、デフォルトのファイルと一致させる方法を指示できますが、デフォルトでは、index.html がデフォルトのファイルです。

Startup.cs ファイルを保存し、ブラウザーで Web アプリケーションのルートディレクトリに移動しましょう。

你现在可以看到index.html是默认文件。你安装中间件的顺序是很重要的,因为如果你将UseDefaultFiles放置在UseStaticFiles之后,你将可能不会得到相同的结果。

如果你想要使用UseDefaultFiles和UseStaticFiles中间件,你可以使用另一个中间件Microsoft.aspnet.staticfiles,它也是NuGet包,它是一个服务器中间件。这本质上是以正确的顺序包含了默认文件和静态文件。

// This method gets called by the runtime. 
// Use this method to configure the HTTP request pipeline. 
public void Configure(IApplicationBuilder app) { 
 app.UseIISPlatformHandler(); 
 app.UseDeveloperExceptionPage(); 
 
 app.UseRuntimeInfoPage(); 
 app. UseFileServer(); 
 
 app.Run(async (context) => { 
 var msg = Configuration["message"]; 
 await context.Response.WriteAsync(msg); 
 }); 
}

ログイン後にコピー

让我们再一次保存 Startup.cs 文件。一旦你刷新浏览器，你将看到相同的结果，如下面的屏幕快照所示。