Azure App服务或存储服务与静态服务如何上传？

Question

我正在寻找任何关于如何使用Blob存储或App服务静态Web功能（在BUILD上宣布）来托管二进制文件上传的例子，该文件将进入服务所在的存储帐户。

谢谢。

Answer 1

我将引导你通过一个Node.js的例子，你可以上传，下载blob等......

了解Azure Blob存储

首先要了解Blob存储提供了三种类型的资源。

• 存储账户
• 储存账户中的一个容器
• 容器中的一个小球

下图显示了这些资源之间的关系。

前提条件

• 具有活跃订阅的 Azure 帐户。免费创建一个账户.
• 一个 Azure 存储帐户。创建存储帐户.
• Node.js.

设置

让我们准备一个项目来与Azure Blob存储客户端库v12 for JavaScript合作。

为项目创建一个新目录。例如

• 创建一个项目文件夹 mkdir blob-quickstart-v12

• 进入创建的文件夹 cd blob-quickstart-v12

• 运转 npm init 创建一个 "package.json "文件，并确保它看起来像这样。

{
    "name": "blob-quickstart-v12",
    "version": "1.0.0",
    "description": "Use the @azure/storage-blob SDK version 12 to interact with Azure Blob storage",
    "main": "blob-quickstart-v12.js",
    "scripts": {
        "start": "node blob-quickstart-v12.js"
    },
    "author": "Your Name",
    "license": "MIT",
    "dependencies": {
        "@azure/storage-blob": "^12.0.0",
        "@types/dotenv": "^4.0.3",
        "dotenv": "^6.0.0"
    }
}

• 安装软件包的依赖性 npm install

• 创建一个名为 "blob-quickstart-v12.js "的新文件，并复制粘贴以下代码。

const { BlobServiceClient } = require('@azure/storage-blob');
const uuidv1 = require('uuid/v1');

async function main() {
    console.log('azure blob storage v12 - javaScript quickstart sample');
    // Quick start code goes here
}

main().then(() => console.log('Done')).catch((ex) => console.log(ex.message));

从Azure门户中复制你的证书

您的应用程序必须经过授权才能向 Azure 存储提出请求。我们应将您的存储帐户凭证作为连接字符串添加到应用程序中。

1. 登录到 Azure门户.

2. 找到您的存储帐户。

3. 在 "设置 "部分，选择访问密钥。在这里，您可以查看您的账户访问密钥和每个密钥的完整连接字符串。

4. 复制key1下的连接字符串值并保留它。

连接字符串

• 将此添加到 main 功能。文件 "blob-quickstart-v12.js"。

const AZURE_STORAGE_CONNECTION_STRING = '<paste-your-connection-string-here>';

创建一个容器

让我们创建一个新的容器。下面的代码将UUID值附加到容器名称中，以确保它是唯一的。

重要：容器名称必须小写！！！！！！！！！！！！！！！！！）。

将这段代码添加到 main 功能。

// Create the BlobServiceClient object which will be used to create a container client
const blobServiceClient = await BlobServiceClient.fromConnectionString(AZURE_STORAGE_CONNECTION_STRING);

// Create a unique name for the container
const containerName = 'mycontainer' + uuidv1();

console.log('creating container: ', containerName);

// Get a reference to a container
const containerClient = await blobServiceClient.getContainerClient(containerName);

// Create the container
const createContainerResponse = await containerClient.create();
console.log("container was created successfully. requestId: ", createContainerResponse.requestId);

把blobs上传到一个容器里

下面的代码片段将一个字符串上传到一个blob中，从创建的容器部分。

将这段代码添加到主函数的结尾。

// Create a unique name for the blob
const blobName = 'myfile' + uuidv1() + '.txt';

// Get a block blob client
const blockBlobClient = containerClient.getBlockBlobClient(blobName);

console.log('uploading to azure storage as blob: ', blobName);

// Upload data to the blob
const data = 'Hello, World!';
const uploadBlobResponse = await blockBlobClient.upload(data, data.length);
console.log("blob was uploaded successfully. requestId: ", uploadBlobResponse.requestId);

下载blob

通过调用下载方法下载之前创建的blob。该示例代码包含一个名为 streamToString，用于将一个Node.js可读流读成一个字符串。

将这段代码添加到主函数的最后。

// Get blob content from position 0 to the end
// In Node.js, get downloaded data by accessing downloadBlockBlobResponse.readableStreamBody
// In browsers, get downloaded data by accessing downloadBlockBlobResponse.blobBody
const downloadBlockBlobResponse = await blockBlobClient.download(0);
console.log('downloaded blob content...');
console.log(await streamToString(downloadBlockBlobResponse.readableStreamBody));

在主函数之后添加这个辅助函数。

// A helper function used to read a Node.js readable stream into a string
async function streamToString(readableStream) {
  return new Promise((resolve, reject) => {
    const chunks = [];
    readableStream.on("data", (data) => {
      chunks.push(data.toString());
    });
    readableStream.on("end", () => {
      resolve(chunks.join(""));
    });
    readableStream.on("error", reject);
  });
}

运行这段代码

从控制台提示符，导航到包含 "blob-quickstart-v12.js "文件的根目录，然后执行。

node blob-quickstart-v12.js

应用程序的输出类似于下面的例子。

azure blob storage v12 - javaScript quickstart sample

creating container:  mycontainer-4a0780c0-fb72-11e9-b7b9-b387d3c488da

uploading to azure storage as blob: myfileb4a3128d0-fb72-11e9-b7b9-b387d3c488da.txt

downloaded blob content: Hello, World!

引用： 微软