angular-azure-blob-service
A simple module for communication with Azure Blob Storage from angular apps. Works with @angular 4.3+
Installation
npm install angular-azure-blob-service
For older versions of @angular (<4.3) :
npm install angular-azure-blob-service@0.6.0
Azure Configuration
TODO
App Configuration
In your app.module.ts
; @
In your component
const Config: UploadParams = sas: 'my sas' storageAccount: 'my dev storage account' containerName: 'my container name';
Upload the document
{ if thiscurrentFile !== null const baseUrl = thisblob; thisconfig = baseUrl: baseUrl sasToken: Configsas blockSize: 1024 * 64 // OPTIONAL, default value is 1024 * 32 file: thiscurrentFile { console; } { console; } { thispercent = percent; } ; thisblob; }
CORS
In order to enable CORS, you should go to your Azure Portal and open the Storage Account. Once there, go to CORS and click "Add" to add a CORS RULE.
- Allowed origins : your URLs, separated by commas, including ports and http:// or https:// if necessary
- Allowed methods : your choice, you can for instance select all 7
- Allowed headers : x-ms-blob-type,Content-Type,x-ms-blob-content-type,x-ms-meta-target,x-ms-meta-source,x-ms-meta-data*
- Exposed headers : x-ms-meta-*
- Max age : your choice, for instance 200
you can find more info here
Todo :
- write the docs (how to configure cors, how to get the sas token)
- write tests