README

此仓库包含Netgen Content Browser的用户界面。

要求

克隆仓库后，使用以下命令安装依赖项

$ yarn install

在第一次构建项目之前，您需要将.env.dist文件复制到.env。此文件指定了开发和运行测试的基本配置。

应用程序默认使用由包含的Express服务器提供的模拟API，您需要在启动Webpack开发服务器之前启动它

# Starts the Express server
$ yarn express

# Starts the Webpack development server
$ yarn start

现在您可以通过http://localhost:8181访问应用程序。Webpack监视文件的变化并自动刷新应用程序。

如果您想使用来自您后端CMS的实际数据来开发内容浏览器，您需要将.env文件中的SITE_URL参数更改为将所有API请求代理到您的站点。

在这种情况下，您不需要启动Express服务器。只需运行以下命令

# Starts the Webpack development server
$ yarn start

要构建生产资产，请运行以下命令

$ yarn build

这将构建应用程序并将所有生成的资产放入bundle/Resources/public文件夹。

为此仓库的端到端测试，使用Cypress。测试主要针对测试数据编写，因此需要在运行测试之前启动Express服务器。要持续在Google Chrome中运行测试，请使用以下命令启动Cypress

$ yarn cypress

这会打开一个窗口，您可以点击browser_test.js，这将打开自己的Google Chrome窗口并运行测试。每当应用程序更新时（每次文件更改时），都会自动运行测试。

独立运行时，测试使用应用程序的生产构建

$ yarn ci

这会启动Express服务器并在无头浏览器中运行测试。