stange behavior of azure blob cache

Erik Foppen 20 posts 62 karma points

Feb 06, 2018 @ 10:02

Hi,

I'm implementing Azure Media Storage and Cache following the instructions here: https://our.umbraco.org/Documentation/Umbraco-Cloud/Set-Up/Media/.

But that doesn't work. My image is not processed (cropped) and cached.

This is my setup:

FileSystemProviders.config:

<?xml version="1.0" encoding="utf-8"?>
<FileSystemProviders>
  <!-- Media -->
  <Provider alias="media" type="Our.Umbraco.FileSystemProviders.Azure.AzureBlobFileSystem, Our.Umbraco.FileSystemProviders.Azure">
    <Parameters>
      <add key="containerName" value="media"/>
      <add key="rootUrl" value="https://adelantezorggroep2018.blob.core.windows.net/"/>
      <add key="connectionString"
        value="DefaultEndpointsProtocol=https;AccountName=adelantezorggroep2018;AccountKey=[accountkey]" />
      <add key="maxDays" value="7"/>
      <add key="useDefaultRoute" value="media"/>
      <add key="usePrivateContainer" value="false"/>
    </Parameters>
  </Provider>

</FileSystemProviders>

imageprocessing/security.config:

<?xml version="1.0" encoding="utf-8"?>
<security>
  <services>
    <service prefix="media/" name="CloudImageService" type="ImageProcessor.Web.Services.CloudImageService, ImageProcessor.Web">
      <settings>
        <setting key="Container" value="media" />
        <setting key="MaxBytes" value="18194304" />
        <setting key="Timeout" value="60000" />
        <setting key="Protocol" value="https" />
        <setting key="Host" value="https://adelantezorggroep2018.blob.core.windows.net/media/" />
      </settings>

    </service>
    <service prefix="remote.axd" name="RemoteImageService" type="ImageProcessor.Web.Services.RemoteImageService, ImageProcessor.Web">
      <settings>
        <setting key="MaxBytes" value="18194304" />
        <setting key="Timeout" value="60000" />
        <setting key="Protocol" value="http" />
      </settings>
      <whitelist>
        <add url="https://adelantezorggroep2018.blob.core.windows.net/" />
        <add url="https://adelantezorggroep2018.azurewebsites.net/" />
        <add url="https://adelantezorggroep2018-test.azurewebsites.net/" />
        <add url="http://localhost" />
        <add url="http://127.0.0.1" />
      </whitelist>
    </service>
  </services>
</security>

imageprocessing/cache.config:

<caching currentCache="AzureBlobCache">
  <caches>
    <cache name="AzureBlobCache" type="ImageProcessor.Web.Plugins.AzureBlobCache.AzureBlobCache, ImageProcessor.Web.Plugins.AzureBlobCache"
           maxDays="365" browserMaxDays="7" folderDepth="6" trimCache="true">
      <settings>
        <setting key="CachedStorageAccount" value="DefaultEndpointsProtocol=https;AccountName=adelantezorggroep2018;AccountKey=[accountkey]"/>
        <setting key="CachedBlobContainer" value="cache"/>
        <setting key="UseCachedContainerInUrl" value="false"/>
        <setting key="CachedCDNRoot" value="https://adelantezorggroep2018.blob.core.windows.net/"/>
        <setting key="CachedCDNTimeout" value="1000"/>
        <setting key="SourceStorageAccount" value=""/>
        <setting key="SourceBlobContainer" value=""/>
        <setting key="StreamCachedImage" value="false"/>
      </settings>
    </cache>
  </caches>
</caching>

When I look in Fiddler I see strange things:

enter image description here

Maybe someone has seen this behavior of Blob Cache before and can point in a direction?

Any help is muchly appreciated!!

Best regards! Erik

Copy Link

Jeavon Leopold 3074 posts 13632 karma points MVP 11x admin c-trib

Feb 06, 2018 @ 11:25

Hi Erik,

You should remove the "media/" from your Host setting.

It should be

    <setting key="Host" value="https://adelantezorggroep2018.blob.core.windows.net/" />

Jeavon

Copy Link

Erik Foppen 20 posts 62 karma points

Feb 06, 2018 @ 12:23

Hi Jeavon,

thanks for your reply. I removed it, but no luck unfortunately. It was only there because I was trying different configs.

This is happening on localhost. I'm setting up a staging env in Azure to see if it also happens there...

Erik

Copy Link

Jeavon Leopold 3074 posts 13632 karma points MVP 11x admin c-trib

Feb 06, 2018 @ 16:40

I would suggest you try to switch the cache back to disk and see if it works...

Copy Link

Erik Foppen 20 posts 62 karma points

Feb 07, 2018 @ 10:47

hmm.. the disk cache isn't working either:

<cache name="DiskCache" type="ImageProcessor.Web.Caching.DiskCache, ImageProcessor.Web" maxDays="365">
  <settings>
    <setting key="VirtualCachePath" value="~/app_data/cache" />
  </settings>
</cache>

the cache folder is created but stays empty.

The thing I don't get is this: in Fiddler I see a GET /media/https://815307/hdyo6rr3kqk-scott-webb.jpg HTTP/1.1

??

GET /media/https://815307/hdyo6rr3kqk-scott-webb.jpg