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) 訪問,若出現登錄界面則表示完全成功


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM