项目部署与定制指南

1. 资源下载

2. 服务器环境要求

  • 操作系统: CentOS 7.x 或更高版本
  • 数据库: MySQL 5.6
  • PHP环境: PHP 5.6
  • 数据库管理: phpMyAdmin 4.7
  • Web服务器: Nginx 1.15
  • 缓存服务: Redis 5.0
  • 进程管理: PM2 (用于Node.js)

3. 安装PM2管理器 (Node.js 聊天服务)

此服务用于用户间的实时聊天沟通,需开通 19967 端口。

步骤

  1. 安装Node.js: 推荐版本 14.15.0
  2. 更换npm镜像源 (推荐使用淘宝镜像以加速下载):
    npm config set registry http://registry.npm.taobao.org
  3. 全局安装PM2:
    npm install -g pm2
  4. 配置聊天服务:
    • Redis 密码修改为 123456
    • 修改 /LiveNewIM/config.js 文件中的 WEBADDRESS 为您的服务器IP地址。
    • 修改 /LiveNewIM/exposure.js 文件中的 var site 为您的服务器IP地址。
  5. 启动聊天服务:
    新建项目选择运行文件 /LiveNewIM/s1.js

4. Nginx 伪静态配置

在您的Nginx站点配置文件中,将以下规则放入 server 块内:

location / {
    if (!-e $request_filename){
        rewrite  ^/([0-9]+)$ /index.php?m=Show&a=index&roomnum=$1 last;
        rewrite  ^(.*)$  /index.php?s=$1 last;
        break;
    }
}

5. 数据库信息

  • 数据库名称: livenew
  • 账号: livenew
  • 密码: 2raZfkaPjdtatbN2

6. Web后台配置

可优化项 可选

修改个人中心的列表项:

/api/Appapi/Api/user.php

代码必改项 必须

  • 入口文件: 修改后台名称和主题颜色。
  • 功能图片:

    路径: /public/appapi/images/personal

    需替换的文件:

    • agent.png
    • auth.png
    • coin.png
    • detail.png
    • equipment.png
    • family2.png
    • family.png
    • level.png
    • set.png
    • shop.png
    • video.png
    • votes.png
  • 分类图片:

    可直接在后台修改,或替换数据库 cmf_live_class 表中 thumb 字段的图片路径。

  • 根目录图片:

    替换以下文件以自定义网站图标和默认图:

    • default.jpg
    • default_thumb.jpg
    • favicon.ico
    • ic_launcher.png
    • logo.png
  • 后台操作:

    进入 系统设置 -> 私密设置 -> 直播配置,将 聊天服务器带端口 修改为 您的服务器IP:19967

7. APP 定制与打包

打包信息

  • 打包证书密码: phonelive
  • 证书位置: app根目录/yunbao.jks

APP 必修改项 必须

  1. 修改接口地址:

    文件: \app\src\main\java\com\yunbao\phonelive\AppConfig.java

    位置: 第 37

  2. 修改App名称:

    文件: \app\src\main\res\values\strings.xml

    位置: 第 2

  3. 修改包名 (防止与其它应用冲突):
    1. 更改 \app\src\main\java\com 目录下的文件夹名称 (例如将 yunbao 改为您的公司名)。
    2. 在Android Studio中全局搜索并替换旧的包名 (例如 com.yunbao.phonelive) 为新的包名 (例如 com.yourcompany.phonelive)。

APP 图片替换 重要

路径: \app\src\main\res,根据不同分辨率目录 mipmap-* 替换全部图片。

  • mipmap-hdpi (72x72)
    • ic_launcher.png
  • mipmap-mdpi (48x48)
    • 视频按钮 (换成对应主题颜色): icon_main_start_live.png, icon_main_start_video.png
    • 签到图片: icon_bonus_0.png, icon_bonus_1.png, icon_bonus_2.png, icon_bonus_4.png, icon_bonus_5.png, icon_bonus_top.png
    • 主页图标: icon_main_home_0.png, icon_main_home_1.png, icon_main_list_0.png, icon_main_list_1.png, icon_main_me_0.png, icon_main_me_1.png, icon_main_near_0.png, icon_main_near_1.png, icon_main_start.png
    • 其他: bg_list.png, icon_main_class_all.png, icon_main_msg.png, icon_main_search.png, icon_main_live_type_0.png, icon_main_live_type_1.png, icon_main_live_type_2.png, icon_main_live_type_3.png, ic_launcher.png
  • mipmap-xhdpi (96x96)
    • ic_launcher.png
  • mipmap-xxhdpi (144x144)
    • ic_launcher.png
  • mipmap-xxxhdpi (192x192)
    • bg_login.png, screen.png, ic_launcher.png

APP 可选修改 (颜色与布局) 可选

  • 修改App全局颜色:

    文件: \app\src\main\res\values\colors.xml

  • 修改特定布局背景颜色 (通过修改 android:background 属性):
    • \app\src\main\res\layout\view_main_me.xml (个人中心上方)
      • 第 95 行: 用户名称
    • \app\src\main\res\layout\activity_main.xml (排行榜、下方导航栏)
    • \app\src\main\res\layout\view_main_home_top.xml (首页上方)
    • \app\src\main\res\layout\view_main_home_live.xml (首页)
      • 第 61 行: 直播列表背景
      • 第 45 行: “热门”标题背景
      • 第 38 行: 分类背景
      • 第 13 行: 分类上下两条缝的背景颜色
    • \app\src\main\res\layout\view_main_home.xml (分类颜色)
      • 第 36 行
    • \app\src\main\res\drawable\login_btn.xml (登录按钮颜色)
      • 修改 android:color

APP Bug修复记录 已修复

问题: 聊天室中无法显示文字消息。

修复方法:

文件: \app\src\main\java\com\yunbao\phonelive\adapter\LiveChatAdapter.java

在第 117, 121, 124 行附近,确保有如下代码来正确设置文本内容:

mTextView.setText(bean.getUserNiceName() + ':' + bean.getContent());