萬象園網(wǎng)站建設(shè)與開發(fā)阿里云com域名注冊
前言
本來最開始用的idea打開wsl中的appsmith,卡得一批。最后沒辦法,用自己的電腦裝成ubuntu server,然后vscode的遠(yuǎn)程開發(fā)對appsmith源碼進(jìn)行編輯。如果自己電腦內(nèi)存16個G或者更大可能打開wsl中的估計會還好,我公司電腦只有8g所以比較卡,所以我讓我5年前的電腦物盡其用了
window 安裝vscode
- vscode官網(wǎng)
- wsl ubuntu或者ubuntu配置ssh遠(yuǎn)程登錄
- vscode打開ubuntu中文件夾
- vscode安裝docker插件、ubuntu安裝docker,如果最后不打包鏡像的話可以不裝
- 最后如圖
項目添加前綴
給后端接口添加前綴
雖然這么做有點low,但是暫時還沒發(fā)現(xiàn)啥問題,如圖vscode的git改動記錄,主要是加了個lowcode前綴,文件位置自己看
-
這里我也不知道是干啥的
-
后端登錄成功重定向到前端時
-
接口填加前綴
-
還是接口重定向時返回給前端的地址
-
最后看后端改動了哪幾個文件
后端啟動,可以直接啟動
啟動文件如圖。vscode直接啟動需要安裝java插件的,可以自己網(wǎng)上搜下。啟動需要配置環(huán)境變量,我不知道如何在vscode java啟動時配置所以直接在/etc/profile中配置了環(huán)境變量
然后啟動應(yīng)該是可以啟動的,只是得先能啟動吧,參考教程
后端build推送鏡像
進(jìn)入app/server目錄
執(zhí)行mvn clean compile
執(zhí)行 ./build.sh -DskipTests
然后可以發(fā)現(xiàn)有個這個文件夾了
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是單節(jié)點啟動
前端改造
添加本地代理
由于官方文檔前端訪問接口是通過nginx代理到后端的,有點麻煩,所以需要改下,給前端加個代理而不用單獨部署nginx,參考文檔
啟動改動
有點多了,就自己改吧,有問題可以私聊。不一一截圖了。另外還加了個中國的mapchart,另外fusioncharts真的“秀”
啟動
添加代理后,進(jìn)入app/client執(zhí)行yarn start即可
鏡像打包
和后臺打包一樣,只是啟動的時候指定docker環(huán)境變量標(biāo)識后臺的接口地址比如APPSMITH_SERVER_PROXY_PASS=http://appsmith.vens-test:8080
最后
rancher部署效果如圖,另外我的鏡像也是公開的也可以直接用。最后還是有些訪問會404,等遇到了在改