Azure Storage JavaScript knjižnica

by Rok Bermež 13. March 2017 10:06

JavaScript knjižnica za Azure Storage omogoča številne scenarije za razvoj spletnih aplikacij, ki uporabljajo storitev shranjevanja kot so Blob (datoteke), tabele (NoSql) ali pa čakalne vrste, in je združljiva z vsemi sodobnimi brskalniki.

Naj bo to spletna igralna izkušnja, kjer se shranjujejo informacije o stanju v tabeli (table service), nalaganje fotografij z datotečnih storitev (Blob storage) v mobilni aplikaciji ali pa kar celotna spletna aplikacija podprta z dinamičnimi podatki shranjeni v Azure Storage, nam uradna javascript knjižnica prihrani ogromno časa.

Sestavljena je tako da je njen odtis čim manjši, tako se programski API za določeno storitev nahaja v ločeni javascript datoteki JavaScript. Primer, razvijalec, ki potrebuje dostop do Blob skladišč mora bključiti zgolj:

<script type=”javascript/text src=”azure-storage.common.js”/>

<script type=”javascript/text” src=”azure-storage.blob.js”/>

Knjižnica podpira vse funkcije za shranjevanje, ki so na voljo v zadnji različici REST API 2016-05-31 in je zgrajena z pomočjo Browserify storitve z uporabo Azure Storage Client Library za Node.js. Tako lahko uporabite vse funkcionalnosti iz Node.js knjižnice ter njeno referenčno API dokumentacijo.

Toplo se priporočama uporaba SRS žetonov za avtentikacijo z Azure Storage storitvijo, saj bodo v nasprotnem primeru poverilnice uporabnika na voljo v brskalniku, kar pa najbrž ni nekaj kar bi si želeli. SAS žeton, z omejenim dostopom in časom uporabe, se tako pridobi z pomočjo backend avtentikacije uporabnika ob prijavi in tako odpravi potrebo po preverjanje pristnosti z uporabo glavnega ključa vašega 'storage' računa. Primer za implementacijo takšnega SAS backenda lahko najdete na GitHubu (https://github.com/Azure-Samples/functions-node-sas-token).

Ko enkrat imate spletno aplikacijo, ki lahko ustvarjajo SAS žetone omejenega obsega je vse ostalo precej enostavno! Prenesite k sebi JavaScript javascript knjižnico (https://github.com/Azure/azure-storage-node/#azure-storage-javascript-client-library-for-browsers ) in jo vključite v kodo.

Tukaj je preprost primer, ki v Blob shrani dano besedilo:

1. Vključimo potrebne dela knjižnice

<script type=”javascript/text” src=”azure-storage.common.js”/>

<script type=”javascript/text” src=”azure-storage.blob.js”/>

2. Dodamo nekaj HTML elementov

<input type="text" id="text" name="text" value="Hey ho!" />
<button id="uploadButton" onclick="uploadBlobFromText()">Dodaj</button>

3. Nato pa implementirajmo javascript funkcijo z imenom uploadBlobFromText, ki bo sprožila prenos podatkov v skladišče

<script>
function uploadBlobFromText() {
     // vaš SAS žeton
     var sasKey ="....";
     var blobUri = "http://<accountname>.blob.core.windows.net";
     var blobService = AzureStorage.createBlobServiceWithSas(blobUri, sasKey).withFilter(new AzureStorage.ExponentialRetryPolicyFilter());
     var text = document.getElementById('text');
     var btn = document.getElementById("uploadButton");
     blobService.createBlockBlobFromText('mycontainer', 'myblob', text.value,  function(error, result, response){
         if (error) {
             alert('Ups….');
             console.log(error);
         } else {
             alert('Yeeey ratalo!');
         }
     });
}
</script>

Seveda ta scenarij, kjer dobivate podatke iz tekstovnega polja ni najbolj pogost, zato pa si lahko pogledate več bolj praktičnih primerov na naslednjih naslovih:

•    JavaScript Sample for Blob
•    JavaScript Sample for Queue
•    JavaScript Sample for Table
•    JavaScript Sample for File

Obilico veselja pri uporabi najbolj uporabljane Azure storitve še s pomočjo javascripta J.

Tags:

Azure

Add comment

Calendar

<<  March 2017  >>
MonTueWedThuFriSatSun
272812345
6789101112
13141516171819
20212223242526
272829303112
3456789

View posts in large calendar

Page List

Month List