Redash 二开 - 前端环境搭建

一.前言#

Redash 运行步骤略微有点复杂，项目除了几个页面是后端渲染外，其余都是前端渲染（Ant Design & React）。目前第一步打算先通过 Docker 将后端跑起来作为 API Server（Docker 启动很Easy），然后本地启动前端项目，保证前端项目的正常运行，然后可以先进行一些比如UI汉化等工作，同时研究后端的本地启动。

根据 官方文档 指导，前端可独立启动

二.准备环境#

1.首先需要安装 Python3 下载地址 （安装依赖过程中需要本地编译）

安装后需要检查，在 cmd 确保输入 py 或 python 能正确运行python

2.需要安装 nodejs 下载地址

三.安装依赖#

1.安装 npm 全局依赖

npm i -g @babel/cli
npm i -g @babel/core

2.安装项目依赖

npm install

若出现 node-gyp 编译错误可不管

3.修改 API Server 地址

打开webpack.config.js 文件，修改 redashBackend 的值为：http://<你的Docker启动的Redash地址>

4.启动

npm run start

看到此提示才表示成功：

若出现模块缺失的日志，则需要使用 npm 命令来安装缺失的模块

四.运行&检查#

根据命令行输出的地址信息（一般是 http://localhost:8080） 访问，若出现登录界面则表示完全成功