Redash 二开 - 前端环境搭建
时间:2022-07-26
本文章向大家介绍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) 访问,若出现登录界面则表示完全成功
- laravel访问路由在nginx服务器上无法处理
- How Tomcat Works, A Guide to Developing Your Own Java Servlet Container
- 【开发指南】如何为nexus 5编译固件
- 支持向量机(SVM)入门详解(续)与python实现
- 数据库
- 关于Bom头的一些坑
- 使用shell脚本查看数据库负载情况(81天)
- 无法连接远程mysql数据库解决方案
- 归档问题导致的数据库无法启动 (80天)
- ubuntu上安装php7.0+nginx+mysql
- spring mvc 时间日期转换(@DateTimeFormat 注解)
- php链式操作的实现
- 循序渐进调优ddl的案例 (79天)
- Timer类的schedule()方法
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Laravel使用Queue队列的技巧汇总
- Thinkphp5框架ajax接口实现方法分析
- android MediaRecorder实现录屏时带录音功能
- php根据地址获取百度地图经纬度的实例方法
- Android 代码一键实现银行卡绑定功能
- Android 通过cmake的方式接入opencv的方法步骤
- Yii框架响应组件用法实例分析
- Android开发学习实现简单计算器
- Android Studio finish()方法的使用与解决app点击“返回”(直接退出)
- Android 8.1隐藏状态栏图标的实例代码
- Android制作登录页面并且记住账号密码功能的实现代码
- Yii框架分页技术实例分析
- PHP命名空间与自动加载机制的基础介绍
- Flutter下Android Studio配置gradle的方法
- Flutter 实现整个App变为灰色的方法示例