微软 azure 文件上传 api 创建 javascript

Question

https://learn.microsoft.com/en-us/azure/developer/javascript/tutorial/browser-file-upload-azure-storage-blob

我使用了这个示例 repo，并按照本网站给出的分步程序进行操作。 我被困在第 9 点。 任何人都可以通过向我提供第 9 步之后的每个步骤的屏幕截图来帮助我。 （azure 资源管理器在哪里以及进入源代码管理后要做什么 [在此处输入图片描述]( https://i.stack.imgur.com/n9afP.png )

直到第 8 点它工作正常但我无法理解 8 点之后该做什么

Answer 1

我在我的环境中尝试并得到以下结果：

步骤是将Deploy static web app to Azure 。 在 visual studio 中，您需要通过左侧面板单击 Azure 符号使用 azure 订阅登录，您可以通过登录添加到订阅中。

登录后单击资源+符号并创建 static web 应用程序。

要创建，请输入您的 static 应用程序名称、资源组、SKU、默认项目结构-反应、应用程序代码的位置-/appname、构建输出的路径-构建、新资源的位置-您需要的位置。 创建后，您将像在文档中一样在底部收到通知。

第十步是将我们的 azure 存储秘密添加到 github 秘密：

https://github.com/YOUR-GITHUB-ACCOUNT/js-e2e-browser-file-upload-storage-blob/settings/secrets/actions

通过使用名称和秘密创建新的存储库秘密来添加这两个秘密及其值。

在 visual studio code .github/workflows工作流中设置秘密后，添加两个环境变量。

 env: # Add environment variables here
            REACT_APP_STORAGESASTOKEN: ${{secrets.REACT_APP_STORAGESASTOKEN}}
            REACT_APP_STORAGERESOURCENAME: ${{secrets.REACT_APP_STORAGERESOURCENAME}}

通过单击状态栏中的同步更改符号，您可以推送到您的 GitHub 分支。

现在您可以通过单击浏览站点在 web 个站点中进行部署。

您现在可以上传图像并使用 static web 网站。

参考： JavaScript：将图像上传到 Blob 存储 - Azure | 微软学习