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