基于Laravel开发在线点播系统：MeEdu平台搭建

随着知识付费领域的兴起，尤其是知识付费领域的龙头“得到”的成功，知识付费领域俨然成为了新的风口。经过这几年的发展，知识付费领域的基础建设有了很大的进步，后台有粉丝指出随着版本的更迭，原先的一些指南已经不再具有参考价值，希望我能出一期MeEdu前后台完整的搭建文章，因此今天抽出时间和大家一起来学习如何基于Laravel，搭建在线点播系统。
在这里插入图片描述

在这里插入图片描述

文章将重点对搭建过程中出现最常见的几个问题予以说明：

缺少命令环境，如nmp命令，node.js环境缺失等
前后台分离的新版MeEdu平台后台前端搭建过程中内存溢出问题

环境要求：

PHP >= 7.2
MySql >= 5.6
Composer
PHP扩展：Fileinfo

这里我们以 centos-7-x86 64 + nginx + PHP7.2 + MySql5.6 为例搭建。

一、前台配置

# 1.安装宝塔
yum install -y wget && wget -O install.sh http://download.bt.cn/install/install.sh && sh install.sh

# 2.配置宝塔
(a) 安装Fileinfo扩展  # 如果Fileinfo拓展安装失败，就是内存太小，添加swap
(b) 禁用函数: proc_open、symlink、putenv、pcntl_signal、passthru
(c) 创建站点 

# 3.安装Composer
curl -sS https://getcomposer.org/installer | php
mv composer.phar /usr/local/bin/composer

# 4.从compose安装源码
cd /www/wwwroot/demo.com
composer create-project qsnh/meedu=dev-master
cp -rf meedu/. .

# 5.#编辑环境变量：修改.env文件

#数据库信息
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=edu
DB_USERNAME=edu
DB_PASSWORD=edu
#其它信息
APP_ENV=local(这里如果正式运行，请修改为：production)
APP_DEBUG=true(如果安装没问题，建议改为false)
APP_URL=http://localhost(这里修改你自己的域名地址)

# 6.创建上传目录软链接
php artisan storage:link

# 7.设置storage目录权限为777
chmod -R  0777 storage

# 8.安装数据表
php artisan migrate

# 9.初始化系统权限
php artisan install role

# 10.初始化管理员，按照提示输入管理员的账号和密码
php artisan install administrator

# 11.初始化后台菜单
php artisan install backend_menu

# 12.生成安装锁
php artisan install:lock

# 13.修改网站运行目录public ,取消防跨站攻击

# 14.添加网站伪静态如下：

location / {  
    try_files $uri $uri/ /index.php$is_args$query_string;  
}

二、前台进阶配置

（1）增加定时任务

#点击宝塔面板左侧计划任务，设置为每1分钟执行一次，执行内容为：
php /www/wwwroot/domain/artisan schedule:run >> /dev/null 2>&1   #修改为自己的域名

在这里插入图片描述
（2）配置队列监听

# 1.安装Supervisor：
pip install supervisor
wget -N -P /etc/ --no-check-certificate  https://coding.net/u/cvc/p/supervisor/git/raw/master/supervisord.conf

# 2.新增配置代码：

#以下为一整条命令，先修改为自己的域名，再一起复制到SSH运行
echo "[program:meedu]
process_name=%(program_name)s_%(process_num)02d
command=php /www/wwwroot/your_domain/artisan queue:work --sleep=3 --tries=3
autostart=true
autorestart=true
user=root
numprocs=4
redirect_stderr=true
stdout_logfile=/www/wwwroot/your_domain/storage/logs/supervisor.log" >> /etc/supervisord.conf

# 3.启动服务：
/usr/bin/supervisord -c /etc/supervisord.conf

# 4.CentOS 7 系统开机自启（将启动命令加入rc.local文件）：
echo "/usr/bin/supervisord -c /etc/supervisord.conf" >> /etc/rc.d/rc.local
chmod +x /etc/rc.d/rc.local

CentOS 6、Debian、Ubuntu系统可以参见此文

（3）如果需要开启微信小程序，需要执行命令：

php artisan passport:install

该命令是生成RSA加密密钥和小程序端的ID和Secret。注意将输出的id和secret填写到小程序配置文件中。

三、后台配置

# 1.下载meedu后台的前端项目到本地：
git clone https://github.com/Meedu/backend.git meedu-backend

# 2.安装依赖（其中一些 npm WARN 无需理会）：
npm install -g hey-cli
cd meedu-backend
npm install

# 3.打包：
hey build

打包完成之后将会在目录下面看到 dist 文件夹，接下来将该文件夹复制到 meedu 项目的 public 目录下面，重命名为：admin。然后就可以在浏览器输入：http://yourdomain/admin 来访问 MeEdu 的后台了。

这里重点对搭建过程中出现最常见的几个问题予以说明：

缺少命令环境，如nmp命令，node.js环境缺失等
前后台分离的新版MeEdu平台后台前端搭建过程中内存溢出问题

（1）缺少命令环境，如 npm command not found

原因是没有安装 node.js，安装最新版本的node.js

wget https://nodejs.org/dist/v12.16.1/node-v12.16.1-linux-x64.tar.xz　　
tar -xf node-v12.16.1-linux-x64.tar.xz

# 将node路径添加到环境变量
vi /etc/profile

export NODE_HOME=/root/node-v12.16.1-linux-x64
export PATH=$PATH:$NODE_HOME/bin 
export NODE_PATH=$NODE_HOME/lib/node_modules

# 刷新权限
source /etc/profile

#测试命令
node -v

在这里插入图片描述

（2）最后打包过程中（hey build）内存溢出，报错：JavaScript heap out of memory

在这里插入图片描述
我使用的是 512MB内存的服务器，在Node中通过JavaScript使用内存时只能使用部分内存（64位系统：1.4 GB，32位系统：0.7 GB），这个时候，如果前端项目非常的庞大，Webpack编译时就会占用很多的系统资源，如果超出了V8引擎对Node默认的内存限制大小时，就会产生内存泄露(JavaScript heap out of memory)的错误。

基于此，既然V8引擎有对Node进行默认的内存限制大小，那么在Node内存不足的时候，可以放宽内存大小的使用限制，在Node启动的时候，传递–max-old-space-size或–max-new-space-size来调整内存大小的使用限制。

# 1.安装 cross-env 和 increase-memory-limit
npm install -g cross-env
npm install -g increase-memory-limit

# 2.运行
increase-memory-limit

记住 cross-env 和 increase-memory-limit 版本号：

在这里插入图片描述

比如我这里cross-env和increase-memory-limit版本号分别是 ^7.0.2和 ^1.0.7，

# 3.在项目文件package.json中增加内容

"scripts": {
    "fix-memory-limit": "cross-env LIMIT=2048 increase-memory-limit"
  },
  "devDependencies": {
    "increase-memory-limit": "^1.0.7",
    "cross-env": "^7.0.2"
  }

# 4.npm 异步运行

npm run fix-memory-limit

在这里插入图片描述

# 5.再次打包即可
hey build

在这里插入图片描述

如何个性化定制：

进入后台（/admin）修改信息
/wwwroot/domain/public/images 修改图片
/wwwroot/domain/resources/views/layouts/common/footer.blade.php 21、57行“手机号”改成“账号”
/wwwroot/domain/resources/views/layouts/common/footer.blade.php 版权申明是否跨行
/wwwroot/domain/resources/views/frontend/index/index.blade.php 可选择性删除励志文字
/meedu-backend/src/components/login/index.vue（编译前）——6、7根据阶段不同选一即可
/wwwroot/domain/public/admin/static/js/18.72570da.js（编译后）修改后台login页面MeEdu申明和“邮箱”（改为“账号”）提示
/wwwroot//resources/views/layouts/common/header.blade.php 修改 MeEdu <title>
/wwwroot//resources/views/layouts/h5.blade.php 修改 MeEdu <title>
/wwwroot//resources/views/frontend/auth/login.blade.php “手机号”（改为“账号”）提示
/wwwroot//resources/views/frontend/components/mobile.blade.php “手机号”（改为“账号”）提示
/wwwroot//resources/views/h5/auth/login.blade.php “手机号”（改为“账号”）提示

在这里插入图片描述

如何去除手机号验证注册：

如果没有接口我们没有办法为用户发送验证码，换言之也就没有办法允许用户注册注册账号，显然这是不合理的。因此我们需要修改这一部分的内容。
在这里插入图片描述
解决方法是删除手机短信验证码验证（/wwwroot/domain/app/Http/Middleware/CheckSmsCodeMiddleware.php）：