如何从存储在 Azure blob 存储中的 json 文件中获取数据

Question

我是 React 和 azure 的新手，我想在 azure blob 存储上存储一个 json 文件，并将该 json 文件的数据放入 React js

我不知道从哪里开始，有人可以帮我吗

Answer 1

要在 Azure blob 存储中存储 Json 文件， 请尝试以下操作：

• 使用以下 cmdlet 创建容器

azcopy make 'https://<storage-account-name>.<blob or dfs>.core.windows.net/<container-name>'

• 要上传文件，请使用以下 cmdlet

azcopy copy '<local-file-path>' 'https://<storage-account-name>.<blob or dfs>.core.windows.net/<container-name>/<blob-name>'

您还可以在文件路径或文件名的任意位置使用通配符 (*) 上传文件，如 C:\my*\*.txt。

• 要上传特定文件，请使用以下 cmdlet

azcopy copy '<local-directory-path>' 'https://<storage-account-name>.<blob or dfs>.core.windows.net/<container-name>' --include-path <semicolon-separated-file-list>

更详细的请参考下方links:

Upload files to Azure Blob storage by using AzCopy v10 | Microsoft Docs。 .

要将 Json 文件的数据导入 React js， 请尝试以下操作：

• 通过 Azure 门户为您的资源启用 CORS。
• 尝试使用以下示例片段访问 blob：

export function getJsonData<T = any>(url: string): Promise<T> {
return fetch(url, {
headers: {
'Content-Type': 'application/json',
'Accept': 'application/json'
}
})
.then(response => {
return response.json();
})
.catch(error => {
return Promise.reject(error);
});}

详情请参考下方link:

reactjs - Get json file data which stored in Azure blob storage in React - Stack Overflow.