Azure Blob Storage+

Azure Storage JavaScript client library

Codeian.idv.tw

• Microsoft MVP Visual Studio and

Development Technologies (2012 ~ 目前)

• TechDays Taiwan 2014 / 2015 講師

• K.NET 社群講師兼共同創辦人

https://www.facebook.com/k.net.io/

Agenda

Azure Blob Storage

Azure Storage JavaScript Client Library

Azure CDN 加速你的網站

Azure Storage Explorer

Azure Blob Storage

儲存非結構化物件資料

透過 HTTP 或 HTTPS 存取

適合做為Web網路文件或檔案的儲存體

每個資料都有自已的URL

Azure Blob Storage

Azure Blob Storage

帳戶 容器 Blob

唯一命名空間 任何類型和大小的檔案類似於資料夾目錄

容器名稱必須是英數字小寫

不能建立子容器

https://codeian.blob.core.windows.net/userfiles/abc.pdf

Azure Blob Storage

mydata/abc.txt

mydata/img/xyz.jpg

利用 Blob Name 規劃子目錄架構

Azure Blob Storage

Azure Storage Explorer

http://storageexplorer.com/

Azure Storage Explorer

Azure Storage JavaScript Client Library

The JavaScript Client Library for Azure Storage enables many web development scenarios using storage serviceslike Blob, Table, Queue, and File, and is compatiblewith modern browsers.

https://github.com/Azure/azure-storage-node#azure-storage-javascript-client-library-for-browsers

Azure Storage JavaScript Client Library

azure-storage.common.jscommon part for other 4 JavaScript files

azure-storage.table.jsAzure Storage table service operation logic

azure-storage.blob.jsAzure Storage blob service operation logic

azure-storage.queue.jsAzure Storage queue service operation logic

azure-storage.file.jsAzure Storage file service operation logic

Azure Storage JavaScript Client Library

Setting CORS rules for Azure-Storage account blob

global variable **AzureStorage** is the start point

var blobService = AzureStorage.createBlobServiceWithSas

Setting CORS rules

Azure Storage JavaScript Client Library

<script src="JS/azure-storage.common.js"></script><script src="JS/azure-storage.blob.js"></script>

Blob Operations

Azure CDN 加速你的網站

內容傳遞網路Content delivery network

Azure CDN 加速你的網站

Azure CDN 加速你的網站

Azure CDN 加速你的網站

Summary

儲存任何類型的文字或二進位資料,可

透過 HTTP 或 HTTPS 存取

Eg: Web site 靜態檔案、共享檔案

Azure Blob Storage

支援前端開發的 Azure Storage JS Library，直接由

前端JavaScript程式操控Azure Storage

Azure Storage JavaScript Client Library

透過儲存於Azure Blob Storage的Web靜

態檔案，搭配Azure CDN服務 , 加速你

的 Web

Azure CDN

本地端管理操控 Azure Storage Tool

Azure Storage Explorer

Q&A

THANKYOU

Ref

• https://github.com/Azure/azure-storage-node#azure-storage-javascript-client-library-for-browsers

• https://github.com/Azure/azure-storage-node/blob/master/browser/README.md

• https://azure.microsoft.com/zh-tw/services/storage/blobs/