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

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

在这里插入图片描述

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

缺少命令环境，如npm命令，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.安装Composercurl -sS https://getcomposer.org/installer | phpmv composer.phar /usr/local/bin/composer# 4.从compose安装源码cd /www/wwwroot/demo.comcomposer create-project qsnh/meedu=dev-mastercp -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目录权限为777chmod -R0777 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 supervisorwget -N -P /etc/ --no-check-certificatehttps://coding.net/u/cvc/p/supervisor/git/raw/master/supervisord.conf# 2.新增配置代码：

#以下为一整条命令，先修改为自己的域名，再一起复制到SSH运行echo "[program:meedu]process_name=%(program_name)s_%(process_num)02dcommand=php /www/wwwroot/your_domain/artisan queue:work --sleep=3 --tries=3autostart=trueautorestart=trueuser=rootnumprocs=4redirect_stderr=truestdout_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.localchmod +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-clicd meedu-backendnpm install# 3.打包：hey build

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

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

缺少命令环境，如npm命令，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/profileexport NODE_HOME=/root/node-v12.16.1-linux-x64export 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-limitnpm install -g cross-envnpm 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）：