源码自行构建

可以通过UI源码自行构建.

  1. $ git clone https://github.com/jetlinks/jetlinks-ui-antd.git

修改后台接口地址:
后台接口配置文件地址:config/proxy.ts:

  1. /**
  2. * 在生产环境 代理是无法生效的,所以这里没有生产环境的配置
  3. */
  4. export default {
  5. dev: {
  6. '/jetlinks': {
  7. target: '后台地址',
  8. changeOrigin: true,
  9. pathRewrite: { '^/jetlinks': '' },
  10. },
  11. },
  12. test: {
  13. '/jetlinks': {
  14. target: '后台地址',
  15. changeOrigin: true,
  16. pathRewrite: { '^/jetlinks': '' },
  17. },
  18. },
  19. pre: {
  20. '/jetlinks': {
  21. target: '后台地址',
  22. changeOrigin: true,
  23. pathRewrite: { '^/jetlinks': '' },
  24. },
  25. },
  26. };

启动:

  1. $ cd jetlinks-ui-antd
  2. $ npm install
  3. $ npm start # visit http://localhost:8000

本地开发项目建议使用如下命令启动项目

  1. $ npm run start:dev //支持:dev、test、pre环境

项目多处采用了 SSE 接口交互,开发需要使用 dev 环境变量(生产环境使用 nginx 代理了 EventSource 接口)。
::: tip 注意:
本地开发环境要求

  • nodeJs v12.14
  • npm v6.13
  • Chrome v80.0
    :::

    docker启动

    使用docker启动UI: ``` $ docker run -it —rm -p 9000:80 -e “API_BASE_PATH=http://host.docker.internal:8848/“ registry.cn-shenzhen.aliyuncs.com/jetlinks/jetlinks-ui-antd
  1. ::: tip 注意:<br />
  2. 环境变量`API_BASE_PATH`为后台API根地址. docker容器内进行自动代理. 请根据自己的系统环境配置环境变量: `API_BASE_PATH`<br />
  3. :::
  4. ## docker-compose 启动
  5. 在[使用docker快速启动所有环境](./docker-start.md#%E5%90%AF%E5%8A%A8)中包含了ui的启动,配置如下:

ui: image: registry.cn-shenzhen.aliyuncs.com/jetlinks/jetlinks-ui-antd:1.3.0 container_name: jetlinks-ce-ui ports:

  1. - 9000:80
  2. environment:
  3. - "API_BASE_PATH=http://jetlinks:8848/" #API根路径,此处docker-compose已链接到jetlinks服务,只需修改对应服务端口
  4. volumes:
  5. - "jetlinks-volume:/usr/share/nginx/html/upload"
  6. links:
  7. - jetlinks:jetlinks

``` ::: tip 注意:
本地源码构建后ui的端口为8000,docker或者docker-compose启动的需自行映射端口,本文档默认为9000端口。
:::