为 Storybook for React 创建开放的 80 端口

Question

我的 Storybook 安装的原始端口是端口 8080 和 6006，请参阅文档在此处输入链接描述，并想将 JSON 文件更改为指向端口 80

这是我的 Storybook 安装的 package.json 文件部分：

现在我已经分配了一个域名，因为端口 80 托管在公共 ip 下，问题是一段时间后该端口关闭，我们看不到 Storybook，因为端口再次关闭。 如何配置以使端口保持打开状态？ 我使用 Jelastic 作为网络托管环境： https ://jelastic.com/

我目前的配置如下：

运行安装了 Ubuntu 18.04 的 VPS

其他依赖：

• 新产品管理
• 纱
• 节点
• 创建 React 应用程序： https : //reactjs.org/docs/create-a-new-react-app.html
• React 故事书： https : //storybook.js.org/docs/react/get-started/introduction
• 彩色： https : //www.chromat.com/

Answer 1

Storybook 的网络服务器并不打算暴露在互联网上，它仅用于本地开发。 您可以使用yarn build-storybook创建 Storybook 的静态构建并将其上传到任何托管服务提供商。 但是，由于您使用的是 Chromatic，因此您不必这样做，因为它为您提供了开箱即用的免费托管服务。 有关详细信息，请参阅https://www.chromatic.com/docs/document#direct-access-to-your-storybook 。