Connect and Upload Files Programmatically to Azure Blob Storage
There might be use cases, where you want to upload certain files to your Blob Storage programmatically rather than using Azure Storage Explorer.
In this article, we provide the steps to programmatically connect to your Umbraco Cloud Environments Azure Blob Storage containers and persist files programmatically.
These files within the folder will only be available on Azure Storage and are not publicly visible in Umbraco CMS. The only exception is that the files that can be shared publicly via the *.blob.core.windows.net
URL.
By the end of this article, you will have connected and uploaded a file to your Cloud Blob Storage.
Getting the Azure Blob Storage credentials
The first thing to do if you want to connect to the Azure Blob Storage container of your environment is the credentials.
To find the connection details for your environment's Blob Storage, follow the steps below:
Go to your project on Umbraco Cloud.
Go to Configuration in the side menu.
Go to Connections.
Scroll down to Blob Storage Connection Details
Copy the credentials needed for connecting to Azure Blob Storage.
Connecting programmatically to Azure Blob Storage
Follow the steps below to get started connecting to Azure Blob Storage programmatically:
Clone down your Umbraco Cloud Project. You can find more information on how to clone a project in the Working Locally article.
Run your project.
Install
Azure.Storage.Blobs
package on your project. You can do it either via NuGet Package Manager on Visual Studio or install it via NuGet.Run the project to complete the installation of the package.
Add a new class called
BlobStorageService
which serves as a service that has a method to connect to Blob Storage:
using Azure.Storage.Blobs;
namespace UmbracoProject
{
public class BlobStorageService
{
public BlobContainerClient GetContainerClient(string connectionString, string containerName)
{
BlobServiceClient blobServiceClient = new BlobServiceClient(connectionString);
BlobContainerClient containerClient = blobServiceClient.GetBlobContainerClient(containerName);
return containerClient;
}
}
}
Add a new class called
BlobStorageComposer
to inject the service:
using Umbraco.Cms.Core.Composing;
namespace UmbracoProject;
public class BlobStorageComposer : IComposer
{
public void Compose(IUmbracoBuilder builder)
{
builder.Services.AddScoped<BlobStorageService>();
}
}
Add a new class called
BlobStorageController
which serves as the Surface Controller:
using Azure.Storage.Blobs;
using Microsoft.AspNetCore.Mvc;
using Umbraco.Cms.Core.Cache;
using Umbraco.Cms.Core.Logging;
using Umbraco.Cms.Core.Routing;
using Umbraco.Cms.Core.Services;
using Umbraco.Cms.Core.Web;
using Umbraco.Cms.Infrastructure.Persistence;
using Umbraco.Cms.Web.Website.Controllers;
namespace UmbracoProject;
public class BlobStorageController : SurfaceController
{
private readonly BlobStorageService _blobStorageService;
public BlobStorageController(
IUmbracoContextAccessor umbracoContextAccessor,
IUmbracoDatabaseFactory databaseFactory,
ServiceContext services,
AppCaches appCaches,
IProfilingLogger profilingLogger,
IPublishedUrlProvider publishedUrlProvider,
BlobStorageService blobStorageService)
: base(umbracoContextAccessor, databaseFactory, services, appCaches, profilingLogger, publishedUrlProvider)
{
_blobStorageService = blobStorageService;
}
// access the endpoint in backoffice via /umbraco/surface/BlobStorage/BlobUpdate
public async Task<IActionResult> BlobUpdate()
{
string SASUrl = "Replace this with the Shared access signature URL (SAS) from Umbraco Cloud settings";
string containerName = "Replace this with the Container Name from the Umbraco Cloud settings";
string connectionString = $"BlobEndpoint={SASUrl}";
BlobContainerClient containerClient = _blobStorageService.GetContainerClient(connectionString, containerName);
string localPath = "data";
Directory.CreateDirectory(localPath);
string fileName = Guid.NewGuid().ToString() + ".txt";
string localFilePath = Path.Combine(localPath, fileName);
try
{
// Write some content to the file
await using (StreamWriter writer = new StreamWriter(localFilePath))
{
await writer.WriteLineAsync("Hello, World! This file is created programmatically!");
}
}
catch (Exception)
{
// ignored
}
// Get a reference to a blob
string blobName = "FolderProgramatically/" + Guid.NewGuid().ToString() + ".txt"; //the blobName can be anything
BlobClient blobClient = containerClient.GetBlobClient(blobName);
Console.WriteLine("Uploading to Blob storage as blob:\n\t {0}\n", blobClient.Uri);
// Upload data from the local file
await blobClient.UploadAsync(localFilePath, true);
return Content("Check your Blob Storage to see your new file!");
}
}
The controller is used to create a directory named FolderProgramatically
and a .txt
file in Azure Blob Storage.
In the above code, update the SASUrl
and containerName
values with your own from the Umbraco Cloud Settings. To find these values, refer to the instructions in the Connect to Azure Storage Explorer to upload files manually article.
You can also secure the values in Secrets Management in the project Settings on Umbraco Cloud so you do not store them in code. For more information, see the Secrets Management article.
Run the project.
Visit the
{{yourProjectURL}}/umbraco/surface/BlobStorage/BlobUpdate
endpoint in the backoffice of your project to manually trigger the creation of the file to the Blob Storage.Connect to your Blob Storage and there you will find the folder and file that has been created programmatically:

Now you have connected to your Blob Storage programmatically you can extend it to fit your needs in terms of what you need to upload to the blob container.
References
For more information on how to work with Azure Blob Storage, see the following articles from Microsoft:
Last updated
Was this helpful?