/dnf-server-web-public

DNF 台服后台管理系统

Primary LanguageVue

dnf-server-web

先给大家推荐一个好玩的网站MyChatGPT（免梯子，国内直接用，不需要OpenAI账号）：https://chat.icoding.ink/

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

演示地址

http://8.140.189.172:9002/ 可下载游戏登录玩耍。

配套登陆器： https://github.com/onlyGuo/dnf-client-public.git

配套后台系统： https://github.com/onlyGuo/dnf-server-public.git Email：719348277@qq.com

界面预览

目前已完成主页注册、充值、后台管理（账号管理、角色管理、制卡、查卡）

门户主页

home

登陆器

login

账号注册页面

register

账号充值页面

recharge

制作充值卡

keys create

充值卡列表

kyes list

账号管理

account list

角色管理

role list

登陆器通知

login notice

部署步骤

推荐以docker方式部署到服务器中，且推荐此类方式。另外推荐一个基于官方openjdk修改的镜像，调整了时区，使其对应**时区： guoshengkai/openjdk:8。 以下讲解在物理机中的部署方式。

  1. 服务器安装JDK8
  2. 数据库创建用户，要求具有dof数据库的增删改查权限，也可以直接使用game用户但不建议。
  3. 数据库d_taiwan库下创建login_notice表，用于存放登陆器公告
create table login_notice
(
    id      INT(10) auto_increment
        primary key,
    content TEXT(65535) null comment '通知内容'
);

INSERT INTO d_taiwan.login_notice (id, content) VALUES (1, 'MS4g5paw54mI55qE55m76ZmG5Zmo5byA5Y+R5a6M5q+V77yM546w5bey5pSv5oyB6Ieq5Yqo5pu05pawCjIuIOWFrOWFseWFheWAvOmhtemdouW3suW8gOaUvu+8jOi0reS5sOWFheWAvOWNoeWSjENES+iBlOezu+WQhOS7o+eQhgozLiDlhoXkvqfljbPlsIbliKDmoaPov47mnaXlhazmtYs=');
  1. 数据库创建dnf_service库,用于存放后台管理系统相关业务,并导入以下SQL
create table dnf_service.recharge_key
(
    id          INT(10) auto_increment
        primary key,
    content     VARCHAR(50)  null comment '卡密本体',
    type        INT(10)      null comment '0 = 点券, 1 = 装备',
    face        INT(10)      null comment '点券数量或装备编号',
    face_name   VARCHAR(500) null,
    status      INT(10)      null comment '0=未使用，1=已使用',
    use_account VARCHAR(20)  null comment '使用账号',
    use_uid     INT(10)      null comment '使用账号ID',
    create_time DATETIME(19) null comment '创建时间',
    use_time    DATETIME(19) null comment '使用时间'
);
  1. 安装后台服务：https://github.com/onlyGuo/dnf-server-public.git
  2. 本地安装nodejs环境
  3. cd到本项目根目录下编译源码
npm install
npm run build
  1. 服务器创建站点，将本项目源码编译文件放到站点目录中，并配置反向代理防止本项目与后台交互产生跨域问题，以nginx为例。
server{
    listen       9002;        # 页面访问端口
    listen  [::]:9002;        # 页面访问端口
    server_name  localhost;
    
    # 站点目录， “/home/html/dnf”改为你自己的目录
    location / {
        root   /home/html/dnf;
        try_files $uri $uri/ /index.html;
    }

    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html;
    }

    # 后台服务代理，“http://172.18.0.3:9001;”改为你自己的服务路径和端口
    location ~/api/v1 {
        proxy_pass http://172.18.0.3:9001;
        proxy_set_header Host $host:$server_port;
    }
}
  1. 访问http://servername:9002即可。
  2. 补充一下，修改源码中的Home.vue改为自己的客户端下载地址，重新编译并上传。