Uporaba različice asp-append poleg statičnih datotek v mapi wwwroot

Datum ustvarjanja strani : četrtek, 29. april 2021

Okolje

Vizualni studio

Vizualni studio 2019

ASP.NET Core

3.1 (Stran z britvicami, MVC)

Statične datoteke, nameščene zunaj mape wwwroot, ne odražajo različice ASP-append

app.UseStaticFiles Z določitvi dodatnega StaticFileOptions klica k metodi Statične datoteke lahko postavite tudi v mape, ki niso wwwroot. Vendar pa za statične datoteke, ki so dane zunaj mape wwwroot, povezave in oznake skriptov Nastavitev asp-append-version atributa ne dodaja informacij o različici URL-ju.

Poskusil bom. Datoteke so razporejane v naslednjih konfiguracijah:

Startup.Configure za objavo mape Območja/Mesto1/Vsebina.

// wwwroot フォルダで静的ファイル参照を有効にする
app.UseStaticFiles();

// Site1 用の物理コンテンツフォルダと参照 URL を紐づける
app.UseStaticFiles(new StaticFileOptions()
{
  FileProvider = new PhysicalFileProvider(Path.Combine(env.ContentRootPath, "Areas/Site1/Content")),
  RequestPath = "/Site1",
});

Naslednja index.cshtml koda je bila dodana v . Vsak se asp-append-version doda.

<!-- ここから追加 -->

<!-- wwwroot のファイル -->
<img src="~/image/sample.png" asp-append-version="true" />

<!-- wwwroot 以外のファイル -->
<img src="~/site1/image/sample1.png" asp-append-version="true" />

<!-- ここからまで -->

Ko jo zaženete, se slika pravilno prikaže.

Če pa pogledate HTML strani, lahko vidite, da je niz razširjen le na datoteke, ki so dane v wwwroot.

Vzroki, ko se različica ASP-append ne odraža

Odvisno je od lastnosti, ki določa, ali se odraža različica ASP-append. env.WebRootFileProvider IFileProvider Privzeto je navedeni wwwroot nastavljen tako, da se ne odraža PhysicalFileProvider v drugih mapah.

Obstaja razred, IFileProvider ki ima lahko več kot CompositeFileProvider eno Tukaj lahko spakirate več kot enega in PhysicalFileProvider ga daste env.WebRootFileProvider . Le pot fizične mape je mogoče prenesti do zadnjega, Ni mogoče določiti več kot enega, zato menim, da to ne bo predviden StaticFileOptions.RequestPath ukrep.

* env.WebRootFileProvider se Startup.Configure prejme po IWebHostEnvironment env metodi.

Podedujte IFileProvider in ustvarite lastne razrede

ASP.NET datotekeProvider, ker je ne morejo podpirati standardne funkcije samo v jedru.

using System;
using System.Collections.Generic;
using Microsoft.AspNetCore.Builder;
using Microsoft.Extensions.Primitives;

namespace Microsoft.Extensions.FileProviders
{
  /// <summary>
  /// wwwroot フォルダ以外のファイルで "asp-append-version”を有効にするための複数の <see cref="StaticFileOptions"/> を管理するファイルプロバイダです。
  /// </summary>
  class CompositeStaticFileOptionsProvider : IFileProvider
  {
    private readonly IFileProvider _webRootFileProvider;
    private readonly IEnumerable<StaticFileOptions> _staticFileOptions;

    /// <summary>
    /// コンストラクタです。
    /// </summary>
    /// <param name="webRootFileProvider">
    /// デフォルトの wwwroot が設定されている WebRootFileProvider を指定します。通常は env.WebRootFileProvider を指定してください。
    /// これは追加した <see cref="StaticFileOptions"/> がヒットしなかった場合に使用するためです。
    /// </param>
    /// <param name="staticFileOptions">
    /// 追加した静的ファイルオプションの一覧です。
    /// FileProvider と RequestPath が設定されている必要があります。
    /// </param>
    public CompositeStaticFileOptionsProvider(IFileProvider webRootFileProvider, IEnumerable<StaticFileOptions> staticFileOptions)
    {
      _webRootFileProvider = webRootFileProvider ?? throw new ArgumentNullException(nameof(webRootFileProvider));
      _staticFileOptions = staticFileOptions;
    }

    /// <summary>
    /// 指定されたパスにあるディレクトリを列挙します（存在する場合）。
    /// </summary>
    /// <param name="subpath">ディレクトリを識別する相対パス。</param>
    /// <returns>ディレクトリの内容を返します。</returns>
    public IDirectoryContents GetDirectoryContents(string subpath)
    {
      var result = GetFileProvider(subpath);
      return result.FileProvider.GetDirectoryContents(result.StaticFileRelativePath);
    }

    /// <summary>
    /// 指定されたパスでファイルを見つけます。
    /// </summary>
    /// <param name="subpath">ファイルを識別する相対パス。</param>
    /// <returns>ファイル情報。 発信者はExistsプロパティを確認する必要があります。</returns>
    public IFileInfo GetFileInfo(string subpath)
    {
      var result = GetFileProvider(subpath);
      return result.FileProvider.GetFileInfo(result.StaticFileRelativePath);
    }

    /// <summary>
    /// 指定されたフィルターの Microsoft.Extensions.Primitives.IChangeToken を作成します。
    /// </summary>
    /// <param name="filter">監視するファイルまたはフォルダーを決定するために使用されるフィルター文字列。 例：**/*.cs、*.*、subFolder/**/*.cshtml。</param>
    /// <returns>ファイル一致フィルターが追加、変更、または削除されたときに通知される Microsoft.Extensions.Primitives.IChangeToken。</returns>
    public IChangeToken Watch(string filter)
    {
      var result = GetFileProvider(filter);
      return result.FileProvider.Watch(result.StaticFileRelativePath);
    }

    /// <summary>
    /// 指定された相対 URL に含まれる <see cref="StaticFileOptions"/> を探し、その FileProvider と静的ファイルへの相対パスを返します。
    /// 見つからなかった場合は wwwroot を持つ FileProvider を返します。
    /// </summary>
    /// <param name="path">アクセスされたホスト名以降の相対 URL。</param>
    /// <returns>検索された <see cref="StaticFileOptions"/> の FileProvider と RequestPath から静的ファイルへの相対パス。</returns>
    private (IFileProvider FileProvider, string StaticFileRelativePath) GetFileProvider(string path)
    {
      if (_staticFileOptions != null)
      {
        foreach (var option in _staticFileOptions)
        {
          // 登録している RequestPath とアクセスされた URL の大文字小文字が異なる場合があるので OrdinalIgnoreCase を指定
          if (path.StartsWith(option.RequestPath, StringComparison.OrdinalIgnoreCase))
          {
            return (option.FileProvider, path[option.RequestPath.Value.Length..]);
          }
        }
      }
      return (_webRootFileProvider, path);
    }
  }
}

Ker je dolgo, ne bom razložil podrobnosti, ampak na kratko razložiti, Najprej bom imel seznam, ki sem ga ustvaril StaticFileOptions v tem razredu. Ta razred bom kasneje env.WebRootFileProvider namestil na nepremičnino.

Vsako metodo kliče odjemalec, zato poiščite, do katere statične datoteke ste dostopali na podlagi StaticFileOptions URL-ja. Vrne relativno pot do zadetka in StaticFileOptions statične FileProvider datoteke. Če staticFileOptions ni zadet, se nastavitev wwwroot uporabi tako, da vrnete privzeti FileProvider.

Če vrnete pravilne informacije o datoteki za vsako operacijo, boste asp-append-version odražali atribut.

Mimogrede, ta koda je lahko kjerkoli.

Uporaba lastnega razreda (CompositeStaticFileOptionsProvider)

Startup.Configure Popravimo ga na naslednji način: Kot je zapisano, ni kaj razložiti. StaticFileOptions Samo povzamem jih v polje.

public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
  // 省略
  app.UseHttpsRedirection();
  
  // ここから修正
  
  var staticOptions = new StaticFileOptions[]
  {
    // Site1 用の物理コンテンツフォルダと参照 URL を紐づける
    new StaticFileOptions()
    {
      FileProvider = new PhysicalFileProvider(Path.Combine(env.ContentRootPath, "Areas/Site1/Content")),
      RequestPath = "/Site1",
    },
    // 複数ある場合はこんな感じで追加
    //new StaticFileOptions()
    //{
    //  FileProvider = new PhysicalFileProvider(Path.Combine(env.ContentRootPath, "Areas/Site2/Content")),
    //  RequestPath = "/Site2",
    //},
  };
  
  // wwwroot フォルダで静的ファイル参照を有効にする
  app.UseStaticFiles();
  
  // 追加したい StaticFileOptions
  foreach (var option in staticOptions)
  {
    app.UseStaticFiles(option);
  }
  
  // StaticFileOptions を独自クラスでまとめて WebRootFileProvider にセットする
  var compositeProvider = new CompositeStaticFileOptionsProvider(env.WebRootFileProvider, staticOptions);
  env.WebRootFileProvider = compositeProvider;
  
  // ここまで修正
  
  app.UseRouting();
  // 省略
}

Če ga zaženete zdaj, lahko vidite, da se atribut odraža v statičnih datotekah, ki so v mapah, ki niso asp-append-version wwwroot.

Postavi statične datoteke v mape, ki niso wwwroot

ASP.NET zbirk podatkov z uporabo okvirnega jedra entitete v jedru