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

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


在这里插入图片描述


在这里插入图片描述


在这里插入图片描述


在这里插入图片描述


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

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

环境要求:
  1. PHP >= 7.2
  2. MySql >= 5.6
  3. Composer
  4. 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 的后台了。

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

  1. 缺少命令环境,如npm命令,node.js环境缺失等
  2. 前后台分离的新版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

在这里插入图片描述
在这里插入图片描述


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

在这里插入图片描述


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

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

在这里插入图片描述
然后修改移动端和pc端前端:

移动端:/wwwroot/domain/resources/views/frontend/components/mobile.blade.php

在这里插入图片描述

pc端:/wwwroot/domain/resources/views/layouts/common/footer.blade.php 修改 register-box

在这里插入图片描述


课程封面图片 320240
首页幻灯片:1200
400


迁移站点后如何变更配置:
  1. 修改.env 文件
  2. 进入 public 目录执行 rm storage
  3. 重新创建上传目录软链接(从第6步开始)
  4. /wwwroot/domain/storage 下的 meedu_config.json 替换相关域名信息

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

©️2020 CSDN 皮肤主题: 代码科技 设计师: Amelia_0503 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值