Azure, ¿la mejor manera de almacenar e implementar contenido estático (por ejemplo, imágenes/css)?

Si su paquete está creciendo demasiado grande en tamaño, tal vez pueda beneficiarse de la implementación de archivos independientes, en lugar de un solo archivo de paquete grande. Al menos en Visual Studio 2012, el Asistente de publicación ahora tiene estas opciones de implementación:

• Web Deploy (Te animo a esto uno)
• Paquete de implementación web
• FTP
• Sistema de archivos

AFAIK, Web Deploy compara los archivos de origen y destino, transfiriendo físicamente solo los diferentes files (Probablemente compara los hashes de los archivos, pero no conozco el funcionamiento interno).

De todos modos, voy a tratar de dar un poco más de información para resolver sus preguntas:

El 80% de nuestro sitio se ejecuta en un entorno HTTPS. ¿El acceso a imágenes en una tienda de blobs introducirá problemas de cross-scripting?

Gaurav Mantri ya respondió esto, pero solo para proporcionar un poco de información más reciente, HTTPS ahora es compatible para acceder a Azure CDN, por lo que podría evitar Contenido mixto mensaje. (Todavía está pendiente el soporte para el dominio personalizado / certificado SSL (solicitud de UserVoice con la información más reciente aquí).

Por cierto, usando la convención sin protocolo ( ://{domain}/{relative path}) el navegador usará exactamente el mismo protocolo HTTP o HTTPS que el documento base.

Estoy luchando para ver cómo es posible cargar archivos a un contenedor de blob (desde VS2010 + Azure SDK) con la convención de nomenclatura de directorios, por lo que no necesito reescribir 1000s de referencias de ruta? Agradezco los directorios son un concepto abstracto en contenedores blob, pero puedo escribir archivos con una barra diagonal para imitar esto en el código. Obviamente Windows no me permite hacer esto antes de subir en Visual Studio.

Sincronización de archivos estáticos con blob

Una opción de scriptable para sincronizar sus archivos estáticos es la herramienta AzCopy.

Una alternativa es este script de powershell (más información sobre este post), que, resumiendo:

1. Hace la configuración inicial:

   $context = New-AzureStorageContext ` 
       -StorageAccountName $StorageAccount ` 
       -StorageAccountKey (Get-AzureStorageKey $StorageAccount).Primary
   

2. Enumera todos los archivos locales en .\ Contenido y .\Scripts:

   $files = (ls -Path $ProjectPath\Content -File -Recurse) + (ls -Path $ProjectPath\Scripts -File -Recurse)
   

3. ...y carga cada archivo en un bucle:

   foreach ($file in $files)  
       { 
           $blobFileName = (Resolve-Path $file.FullName -Relative).TrimStart('.') 
           $contentType = switch ([System.IO.Path]::GetExtension($file)) 
           { 
               ".png" {"image/png"} 
               ".css" {"text/css"} 
               ".js" {"text/javascript"} 
               default {"application/octet-stream"} 
           } 
   
           Set-AzureStorageBlobContent ` 
               -Container $StorageContainer ` 
               -Context $context ` 
               -File $file.FullName ` 
               -Blob $blobFileName ` 
               -Properties @{ContentType=$contentType} ` 
               -Force 
       } 
   

Haciendo referencia a los activos de CDN

Otro problema a resolver es cómo hacer referencia a los archivos en la CDN, en lugar de los archivos relativos. Existen diferentes soluciones, la mayoría de ellas usando funciones auxiliares para inyectar el prefijo adecuado a la ruta relativa (Algunas respuestas a la siguiente pregunta pueden ayudarlo: ASP.NET MVC Relative Paths ).

Sugiero tener una forma centralizada de construir urls de activos de CDN, incluso podría implementar algún tipo asesino de caché (para esto necesita habilitar los parámetros de cadena de consulta en Azure CDN):

Razor:

<img src="@Helper.ToCdnUrl("images/asset1.png")">

Método de ayuda:

public static string ToCdnUrl(string relativePath)
{
    string prefix = ConfigurationManager.AppSettings["CdnUrlBasePath"];
    string sufix = ConfigurationManager.AppSettings["StaticFilesVersion"];
    return String.concat(prefix, relativePath, "?v=", sufix);
}

AppSettings:

<add key="CdnUrlBasePath" value="://<yourCDNName>.vo.msecnd.net/" />
<add key="StaticFilesVersion" value="1.01" />

HTML renderizado:

<img src="://<yourCDNName>.vo.msecnd.net/images/asset1.png?v=1.01">

Si CDN o Blob Storage no son opciones, una forma sencilla de hacer que una carpeta sirva archivos en Azure (o IIS estándar) es crear un archivo Web.config dentro de la carpeta, de la siguiente manera:

<configuration>
    <system.webServer>
        <handlers>
           <clear />
            <add 
                name="StaticFile" 
                path="*" verb="*" 
                modules="StaticFileModule,DefaultDocumentModule,DirectoryListingModule" 
                resourceType="Either" 
                requireAccess="Read" />
        </handlers>
        <staticContent>
            <mimeMap fileExtension=".*" mimeType="application/octet-stream" />
        </staticContent>
    </system.webServer>
</configuration>