Застосувати asp-append-версію на додаток до статичних файлів у теці wwwroot

Середовищі

Візуальна студія

• Visual Studio 2019

ASP.NET ядро

• 3.1 (Сторінка бритви, MVC)

Статичні файли, розміщені за межами теки wwwroot, не відображають версію asp- append-

app.UseStaticFiles Вказавши додатковий StaticFileOptions виклик методу Статичні файли також можна розміщувати у теках, крім wwwroot. Однак для статичних файлів, розміщених за межами папки wwwroot, посилання та теги скриптів asp-append-version Встановлення атрибута не додає відомості про версію до URL-адреси.

Я спробую. Файли впорядковані в таких конфігураціях:

Startup.Configure також опублікувати папку "Області/сайт1/вміст".

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

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

До index.cshtml . Кожен asp-append-version з них додається.

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

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

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

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

Коли ви запускаєте його, зображення відображається правильно.

Однак, якщо ви подивитеся на HTML сторінки, ви можете побачити, що рядок тільки розгорнуто до файлів, розміщених в wwwroot.

Причини, коли версія asp-append не відображається

Це залежить від властивості, яка визначає, чи відображається версія env.WebRootFileProvider asp-append. IFileProvider За промовчанням указаний wwwroot PhysicalFileProvider встановлюється таким чином, щоб він не відображався в інших папках.

Існує клас, IFileProvider який може мати більше CompositeFileProvider одного Ви можете упакувати більше одного PhysicalFileProvider тут і дати його env.WebRootFileProvider . До останнього можна пройти лише шлях до фізичної папки, StaticFileOptions.RequestPath Не можна вказати більше одного, тому не думаю, що це буде передбачувана дія.

* env.WebRootFileProvider Startup.Configure отримано IWebHostEnvironment env методом.

Успадкувати IFileProvider та створити власні класи

ASP.NET, оскільки він не може підтримуватися лише стандартними функціями в Core.

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);
    }
  }
}

Тому що це довго, я поясню не деталі, а коротко поясню, StaticFileOptions По-перше, я буду мати весь список, який я створив у цьому класі. Я встановить цей клас env.WebRootFileProvider на властивість пізніше.

Кожен метод називається при доступі з боку клієнта, тому шукайте, до StaticFileOptions якого статичного файлу ви оголилися за URL-адресою. Повертає StaticFileOptions відносний шлях до статичного та статичного FileProvider файлу. Якщо staticFileOptions не вдаряє, параметр wwwroot застосовується шляхом повернення типового FileProvider.

Повернення правильних відомостей про файл для кожної asp-append-version операції буде відображати атрибут.

До речі, цей код може бути в будь-якому місці.

Застосування власного класу (файл CompositeStaticFileOptionsProvider)

Startup.Configure Давайте виправимо це наступним чином: Як написано, нема чого пояснювати. StaticFileOptions Я просто підсумовую їх у масиві.

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();
  // 省略
}

Якщо запустити його зараз, ви побачите, що атрибут відображається в статичних файлах, asp-append-version розміщених в папках, крім wwwroot.