node.js - 在 Azure 应用服务中运行 Storybook(不是静态 Storybook)

Question

我在本地运行 Storybook 没有问题。我可以使用 npm runstorybook 命令启动它。但是，当我尝试在 Azure 应用服务中托管 Storybook 时，运行 npm run Storybook 后无法加载，并出现以下错误:

You do not have permission to view this directory or page.

我尝试将故事书构建到静态文件中并将应用服务默认文档设置为index.html，但我们需要使用在静态构建中不起作用的storyStoreV7选项。如果静态文件与 StoryStoreV7 一起使用，我将不会使用应用程序服务，而只构建静态文件:https://github.com/storybookjs/storybook/issues/16967

由于 Storybook 与运行 server.js 的 Node 应用程序相比没有传统的起始页(据我所知)，并且我想使用我的 Azure 应用服务 Node 应用程序中的 Node 模块运行完整的 Storybook，那么如何我可以加载它吗？

当我在 Storybook 中运行 npm runstorybook 命令时，它的行为就像正在启动应用程序一样，但同样，https://mystorybook.azurewebsites.net 处没有任何显示。除前面提到的错误外的 URL。

Answer 1

更新! 在 Storybook 7 中，要在 Azure 应用服务上发布 Storybook，不需要 package.json 或服务器脚本。使用与 Storybook 6 发布相同的方法，但 web.config 文件还必须列出它可能需要的其他文件的 MIME 类型，尤其是新的 .mjs 文件。例如:

<?xml version="1.0"?>
<configuration>
  <system.webServer>
    <staticContent>
      <mimeMap fileExtension=".json" mimeType="application/json" />
      <mimeMap fileExtension=".mjs" mimeType="text/javascript" />
      <mimeMap fileExtension=".woff2" mimeType="font/woff2" />
    </staticContent>
  </system.webServer>
</configuration>