OpenIsle
OpenIsle
话题发帖我的消息关于🔥 活动
类别
好玩好玩 x 65
技术 & 开发调优技术 & 开发调优 x 40
运营反馈运营反馈 x 19
资源整合资源整合 x 15
资讯 & 快讯资讯 & 快讯 x 12
水深火热水深火热 x 4
CryptoCrypto x 4
tag
纯水纯水 x 73
软件开发软件开发 x 39
搬运 x 16
人工智能人工智能 x 15
ChatGPT x 10
开源共建 x 10
快问快答快问快答 x 7
macOS x 5
抽奖 x 5
思维 x 3
【开源共建】本站代码自部署方法(长期维护)
技术 & 开发调优
技术 & 开发调优
开源共建
软件开发
软件开发
avatar
nagisa 贡献者
8.4 23:57

随着开服1周左右,来了不少小伙伴;本帖会阐述如何部署本站前后端服务,for 有兴趣加入本站开发迭代的朋友,以及想要通过本站源代码,部署自己站点的朋友;

⚠️注意:仅想修改前端的朋友可不用部署后端服务

如何部署

Step1 先克隆仓库

git clone https://github.com/nagisa77/OpenIsle.git cd OpenIsle

Step2 后端部署

cd backend

以IDEA编辑器为例,IDEA打开backend文件夹。

  • 设置VM Option,最好运行在其他端口,非8080,这里设置8081
-Dserver.port=8081

CleanShot 2025-08-04 at 11 .35.49.png

  • 设置jdk版本为java 17

CleanShot 2025-08-04 at 11 .38.03@2x.png

  • 本机配置MySQL服务(网上很多教程,忽略)
  • 设置环境变量.env 文件 或.properties 文件(二选一)
  1. 环境变量文件生成
cp open-isle.env.example open-isle.env

修改环境变量,留下需要的,比如你要开发Google登录业务,就需要谷歌相关的变量,数据库是一定要的

CleanShot 2025-08-04 at 11 .41.36@2x.png

应用环境文件, 选择刚刚的open-isle.env

CleanShot 2025-08-04 at 11 .44.41.png

  1. 直接修改 .properities 文件

位置src/main/application.properties, 数据库需要修改标红处,其他按需修改

CleanShot 2025-08-04 at 11 .47.11@2x.png

处理完环境问题直接跑起来就能通了

CleanShot 2025-08-04 at 11 .49.01@2x.png

Step3 前端部署

前端可以依赖本机部署的后端,也可以直接调用线上的后端接口

cd ../frontend_nuxt/

copy环境.env文件

cp .env.example .env
  1. 依赖本机部署的后端:打开本文件夹,修改.env 修改为瞄准本机后端端口
NUXT_PUBLIC_API_BASE_URL=http://127.0.0.1:8081 ; NUXT_PUBLIC_API_BASE_URL=https://www.open-isle.com
  1. 依赖线上后台环境:.env不用做修改,维持
NUXT_PUBLIC_API_BASE_URL=http://127.0.0.1:8081 ; NUXT_PUBLIC_API_BASE_URL=https://www.open-isle.com
# 安装依赖 npm install --verbose # 运行前端服务 npm run dev

如此一来,浏览器访问 http://127.0.0.1:3000 即可访问前端页面

🔥 开源共建

欢迎大家一起加入项目。目前已开放多个issue,感兴趣的朋友可以认领参与 https://github.com/nagisa77/OpenIsle/issues

CleanShot 2025-08-04 at 11 .56.16@2x.png

❤️
🔥
👏
6
4
Sort by:
返回
8.4 23:57
1/1
8.4 23:57