Uploading files to Azure App Service directly from the Azure portal without FTP

Despite its lack of visual feedback you can upload files directly into your Azure App Service via the Azure portal. This can be done via the Kudo Console or in the new App Service Editor (preview).

To open the Kudo Console navigate to YOUR APP SERVICE -> Development Tools -> Advanced Tools or bookmark https://yourappservice.scm.azurewebsites.net/DebugConsole. And then just drag and drop the files you want uploaded onto the relevant folder.

Upload files to Azure App Service

To open App Service Editor navigate to YOUR APP SERVICE -> Development Tools -> App Service Editor (Preview) or bookmark https://yourappservice.scm.azurewebsites.net/dev. You can upload files by dragging them onto the Explore pane on the LHS.

How to get FTP username and password in Azure App Services

Two methods of getting FTP details for an Azure App Service are below.

Download FTP details via ‘Get publish profile’

Navigate to your App Service and click ‘Get publish profile’ along the top navigation bar. This will download a .PublishSettings file which will contain all your FTP details including host, username and password.

Get Publish Profile

 

View FTP details via Deployment Center

You can also view your details via Deployment Center which is under the Deployment link on the LHS. Select FTP and click Dashboard at the bottom and Azure will show a popup with your FTP details.

Azure Deployment Center

Azure FTP Details

Adding WebP support to Azure App Services

If your getting a 404 not found error when requesting .webp files when using Azure App Services and your sure the files exist you likely need to add the WebP mime type.

You can do this by adding a Web.Config file (if one doesn’t already exist) to your wwwroot folder which contains a mapping from the webp extension to the image/webp mime type. For example..

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
 <system.webServer>
    <staticContent>
      <mimeMap fileExtension="webp" mimeType="image/webp" />
    </staticContent>
 </system.webServer>
</configuration>

Enabling Azure CDN to read Azure Storage account blobs to resolve ‘The specified resource does not exist’ error

If you’ve got an Azure CDN endpoint hooked into an Azure Storage account you may get an error stating ‘The specified resource does not exist‘ when you try to access a file through the CDN URL endpoint.

If your sure the file exists in your storage account container most likely you’ve not set the access permissions on your storage container to allow anonymous blob access. Blobs that are shared via Azure CDN must support anonymous access. Turning it on is easy.

1 – Navigate to your Azure Storage account and then ‘Containers’ and select the relevant container and click ‘Change access level’

Setting access on a container

2 – Select ‘Blob (anonymous read access for blobs only)’

Azure Storage account container access