厂商入驻
• 默认分类

就职于捷信消费金融有限公司，担任 DBA 工作。先后从事过 oracle 、mongo 、mysql 的 DBA ，以及大数据 ETL 的开发工作。对 NEWSQL 以及云原生分布式数据库具有浓厚的兴趣爱好。

官方主页：https://opensource.actionsky.com/sqle/
官方文档：Introduction · SQLE manual (actiontech.github.io)

（！！！事先声明：二次开发纯属于个人技术研究，不得进行任何商业盈利行为）

我们下面来搭建一下 SQLE 的二次开发环境：SQLE 采用了前后台分离式的开发模式。

后台采用：go 发布的 restful API

前台采用：nodeJS + react

我们先看第一部分：

后台采用：go 发布的 restful API

预先准备：go 语言的环境，版本为1.16

开发环境 linux 或者 mac os

这里需要强调的是 windows 下面代码是跑不通的：会遇到如下的错误

......vendorgithub.comopenarkgolibloglog.go:90:19: undefined: syslog.Writer
......vendorgithub.comopenarkgolibloglog.go:110:22: undefined: syslog.New
......vendorgithub.comopenarkgolibloglog.go:110:33: undefined: syslog.LOG_ERR

GO 官 的解释如下：大致的意思就是 windows 环境下没有具体实现这个 syslog package

This package is not implemented on Windows. As the syslog package is frozen, Windows users are encouraged to use a package outside of the standard library. For background, see https://golang.org/issue/1108.
This package is not implemented on Plan 9.
This package is not implemented on NaCl (Native Client).

这次我们的开发环境是选择搭建在 linux 的 server 上。

第一步，我们首先需要从 github 上下载完整的项目。（一般国内都需要科学上 ）

我这里直接下载到了 linux 的测试环境中

TEST mongo@wqdcsrv3066[16:03:03]:/data/jason $ git clone https://github.com/actiontech/sqle.git
Cloning into 'sqle'...
remote: Enumerating objects: 28097, done.
remote: Counting objects: 100% (2998/2998), done.
remote: Compressing objects: 100% (1124/1124), done.
Receiving objects:  45% (12786/28097), 34.29 MiB | 2.00 MiB/s

项目下载完毕后，我们需要在 linux 系统上开启 IDE 导入这个项目： 我这里用的是 GOland 。

由于 IDE 是图形化界面的，我们需要在本地 windows 上使用 VNC viewer 与 linux 的开发机器进行连接：

连接到 server 上之后， 执行命令启动 Goland 即可

下一步，我们需要导入之前下载的项目。

导入后，我们观察一下项目目录： 启动的 package main 包是在 路径 sqle/cmd/sqld/sqled.go 和 sqle/cmd/sqld/gen_secret_pass.go 这2个文件

由于项目启动需要开启 web 服务的端口并且连接到数据库，我们可以自己创建一个 sqled.yml 文件

server:
  sqle_config:
    server_port: 10000
    #auto_migrate_table: 'AUTO_MIGRATE_TABLE'
    #debug_log: 'DEBUG'
    log_path: '/data/sqle-main/logs'
    #plugin_path: '/data/sqle-main/plugins'
  db_config:
    mysql_cnf:
      mysql_host: '10.67.200.37'
      mysql_port: 3306
      mysql_user: 'app_sqle'
      mysql_password: '*******'
      mysql_schema: 'sqle'

我们需要在 MySQL 中创建相应的数据库以及账户：

[root@localhost][performance_schema]> select @@port;
+--------+
| @@port |
+--------+
|   3306 |
+--------+
1 row in set (0.00 sec)
[root@localhost][performance_schema]> CREATE DATABASE IF NOT EXISTS sqle default character set utf8mb4 collate utf8mb4_unicode_ci;
Query OK, 1 row affected (3.00 sec)
[root@localhost][performance_schema]> create user app_sqle@'%' identified with mysql_native_password by "***********";
Query OK, 0 rows affected (0.01 sec)
[root@localhost][performance_schema]> grant all on sqle.* to app_sqle@'%';
Query OK, 0 rows affected (0.00 sec

下一步 我们尝试启动一下这个项目：

启动的 package main 包是在路径 sqle/cmd/sqld/sqled.go 和 sqle/cmd/sqld/gen_secret_pass.go 这2个文件

需要指定我们的配置文件：–config /data/sqle-main/sqle/sqled.yml

我们尝试 go bulild 一下这个项目：

查看 console 输出：

我们最后用 postman 测试一下登录的 API：10.67.200.38:10000/v1/login

至此我们后台环境搭建完毕，下一步我们来搭建前台环境：

前台采用：nodeJS + react

Again, 由于 windows 系统对 nodejs 支持不是很好，建议采用 MAC OS 或者 Linux 系统进行开发。

我们这次采用是 windows 上安装 vs code 通过远程的方式在 Linux 上进行调试。

首先，我们先在 Linux OS 上安装 node js 的环境：

下载 nodejs ：http://nodejs.cn/download/

下载完成后，上传至 linux 服务器并且解压安装如下：

TEST mongo@wqdcsrv3066[15:24:08]:/data/jason/nodejs $ xz -d
node-v16.14.0-linux-x64.tar.xz
TEST mongo@wqdcsrv3066[15:25:38]:/data/jason/nodejs $ tar
-xvf  node-v16.14.0-linux-x64.tar
TEST mongo@wqdcsrv3066[15:27:11]:/data/jason/nodejs $ mv
node-v16.14.0-linux-x64 node
  
TEST mongo@wqdcsrv3066[15:28:19]:/data/jason/nodejs/node $
sudo ln -s /data/jason/nodejs/node/bin/node /usr/bin/node
TEST mongo@wqdcsrv3066[15:28:27]:/data/jason/nodejs/node $
sudo ln -s /data/jason/nodejs/node/bin/npm /usr/bin/npm
TEST mongo@wqdcsrv3066[15:29:03]:/data/jason/nodejs/node $
mkdir node_global
TEST mongo@wqdcsrv3066[15:29:10]:/data/jason/nodejs/node $
mkdir node_cache
TEST mongo@wqdcsrv3066[15:29:15]:/data/jason/nodejs/node $
npm config set prefix "node_global"
TEST mongo@wqdcsrv3066[15:29:21]:/data/jason/nodejs/node $
npm config set cache "node_cache"
TEST mongo@wqdcsrv3066[15:29:33]:/data/jason/nodejs/node $
node --version
v16.14.0

我们要需要安装 YARN 包，用来编译代码打 build 用：

TEST mongo@wqdcsrv3066[16:52:45]:/home/mongo $ npm install -g yarn
changed 1 package, and audited 2 packages in 2s
found 0 vulnerabilities

同时我们也需要为 YARN 这个命令配置软连接：

TEST mongo@wqdcsrv3066[17:14:00]:/home/mongo $ sudo ln -s /data/jason/nodejs/node/node_global/bin/yarn /usr/bin/yarn
TEST mongo@wqdcsrv3066[17:16:47]:/home/mongo $ yarn version
yarn version v1.22.17
...
...

至此，我们已经在 linux 上配置完了 nodeJS 的环境，接下来我们要从 github 上下载一下 SQLE 的 UI 库的代码：https://github.com/actiontech/sqle-ui

TEST mongo@wqdcsrv3066[21:38:21]:/data/jason $ git clone
https://github.com/actiontech/sqle-ui.git
Cloning into 'sqle-ui'...
remote: Enumerating objects: 4982, done.
remote: Counting objects: 100% (4982/4982), done.
remote: Compressing objects: 100% (1998/1998), done.
remote: Total 4982 (delta 2809), reused 4648 (delta 2505),
pack-reused 0
Receiving objects: 100% (4982/4982), 2.01 MiB | 89.00 KiB/s,
done.
Resolving deltas: 100% (2809/2809), done.

接下来，我们在 windows 上的 IDE vscode 中配置一下远程连接 linux 的设置

安装远程连接的插件 Remote Development

安装完成后会同样生成图标。

配置远程登录的 server 信息：

需要输入连接服务器的密码：

我们可以看到项目已经导入成功：

到目前为止，我们已经配置好了开发环境，下一步我们尝试编译和启动一下项目：

当然， 我们还需要修改一下后台服务的 API 发布的地址：我们找到文件 package.json

还有文件 craco.config.js

我们下一步，来下载项目需要的包：

TEST mongo@wqdcsrv3066[21:26:16]:/data/jason/sqle-ui-new/sqle-ui $ yarn install
yarn install v1.22.17
[1/5] Validating package.json...
[2/5] Resolving packages...
[3/5] Fetching packages...
[4/5] Linking dependencies...
warning " > @testing-library/user-event@12.8.3" has unmet peer dependency "@testing-library/dom@>=7.21.4".
warning "craco-less > less-loader@7.3.0" has unmet peer dependency "webpack@^4.0.0 || ^5.0.0".
warning " > monaco-editor-webpack-plugin@3.1.0" has unmet peer dependency "webpack@^4.5.0 || 5.x".
warning " > monaco-editor-webpack-plugin@3.1.0" has unmet peer dependency "monaco-editor@0.22.x || 0.23.x || 0.24.x".
warning " > react-monaco-editor@0.43.0" has incorrect peer dependency "@types/react@^17.x".
[5/5] Building fresh packages...
Done in 61.65s.

接着我们要编译一下代码：

$ node ./scripts/moveAntdCss.js && node ./scripts/getGitVersion.js

$ craco build

current mode: ce

Creating an optimized production build...

Browserslist: caniuse-lite is outdated. Please run:

npx browserslist@latest --update-db

Why you should do it regularly:

https://github.com/browserslist/browserslist#browsers-data-updating

Compiled successfully.

File sizes after gzip:

  588.6 KB   build/static/js/OrderDetail.4a59ec36.chunk.js

  580.25 KB  build/static/js/CreateOrder.8026b0aa.chunk.js

  532.43 KB  build/static/js/22.c21d2951.chunk.js

  61.76 KB   build/static/js/DataSource.829fc664.chunk.js

  59.74 KB   build/static/js/AuditPlan.9f3f1b23.chunk.js

  57.64 KB

                                                        


声明：本站部分文章内容及图片转载于互联 、内容不代表本站观点，如有内容涉及侵权，请您立即联系本站处理，非常感谢！
赞 (0)
0
上一篇 2022年2月21日
下一篇 2022年2月21日

相关推荐

首页
环保市场
招投标
会员中心