window vscode编辑appsmith源码

前言

本来最开始用的idea打开wsl中的appsmith，卡得一批。最后没办法，用自己的电脑装成ubuntu server，然后vscode的远程开发对appsmith源码进行编辑。如果自己电脑内存16个G或者更大可能打开wsl中的估计会还好，我公司电脑只有8g所以比较卡，所以我让我5年前的电脑物尽其用了

window 安装vscode

1. vscode官网
2. wsl ubuntu或者ubuntu配置ssh远程登录
3. vscode打开ubuntu中文件夹
4. vscode安装docker插件、ubuntu安装docker，如果最后不打包镜像的话可以不装
5. 最后如图
   

项目添加前缀

给后端接口添加前缀

虽然这么做有点low，但是暂时还没发现啥问题，如图vscode的git改动记录，主要是加了个lowcode前缀，文件位置自己看

1. 这里我也不知道是干啥的
   

2. 后端登录成功重定向到前端时
   

3. 接口填加前缀

4. 还是接口重定向时返回给前端的地址
   

5. 最后看后端改动了哪几个文件
   

后端启动，可以直接启动

启动文件如图。vscode直接启动需要安装java插件的，可以自己网上搜下。启动需要配置环境变量，我不知道如何在vscode java启动时配置所以直接在/etc/profile中配置了环境变量

然后启动应该是可以启动的，只是得先能启动吧，参考教程

后端build推送镜像

进入app/server目录
执行mvn clean compile
执行 ./build.sh -DskipTests
然后可以发现有个这个文件夹了

vscode打包镜像（前提是安装vscode的docker插件，ubuntu安装docker）

然后推送到自己的私有仓库即可

docker启动

docker run -d -p 8080:8080 -e "APPSMITH_MONGODB_URI=mongodb://你ip:27017/appsmith?replicaSet=appsmith-replica-set" -e "APPSMITH_REDIS_URL=redis://你ip:6379" -e "APPSMITH_MAIL_ENABLED=false" -e "APPSMITH_ENCRYPTION_PASSWORD=abcd" -e "APPSMITH_ENCRYPTION_PASSWORD=abcd" -e "APPSMITH_ENCRYPTION_SALT=abcd" -e "APPSMITH_ENCRYPTION_SALT=abcd" -e "APPSMITH_CODEC_SIZE=10" -e "APPSMITH_CLOUD_SERVICES_BASE_URL=https://release-cs.appsmith.com"  --name server registry.cn-chengdu.aliyuncs.com/qinjie/appsmith-server:1.0

启动成功即可，如果报错的话记得看看什么错，有些mongo连不上，可能是副本集名称不一致或者mongo是单节点启动

前端改造

添加本地代理

由于官方文档前端访问接口是通过nginx代理到后端的，有点麻烦，所以需要改下，给前端加个代理而不用单独部署nginx，参考文档

启动改动

有点多了，就自己改吧，有问题可以私聊。不一一截图了。另外还加了个中国的mapchart，另外fusioncharts真的“秀”

启动

添加代理后，进入app/client执行yarn start即可

镜像打包

和后台打包一样，只是启动的时候指定docker环境变量标识后台的接口地址比如APPSMITH_SERVER_PROXY_PASS=http://appsmith.vens-test:8080

最后

rancher部署效果如图，另外我的镜像也是公开的也可以直接用。最后还是有些访问会404，等遇到了在改