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

2023-11-23 11:59

本文主要是介绍基于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/profileexport 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 替换相关域名信息

在这里插入图片描述

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

这篇关于基于Laravel开发在线点播系统:MeEdu平台搭建的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/417806

相关文章

Windows系统下如何查找JDK的安装路径

《Windows系统下如何查找JDK的安装路径》:本文主要介绍Windows系统下如何查找JDK的安装路径,文中介绍了三种方法,分别是通过命令行检查、使用verbose选项查找jre目录、以及查看... 目录一、确认是否安装了JDK二、查找路径三、另外一种方式如果很久之前安装了JDK,或者在别人的电脑上,想

基于Python开发PDF转PNG的可视化工具

《基于Python开发PDF转PNG的可视化工具》在数字文档处理领域,PDF到图像格式的转换是常见需求,本文介绍如何利用Python的PyMuPDF库和Tkinter框架开发一个带图形界面的PDF转P... 目录一、引言二、功能特性三、技术架构1. 技术栈组成2. 系统架构javascript设计3.效果图

使用DeepSeek搭建个人知识库(在笔记本电脑上)

《使用DeepSeek搭建个人知识库(在笔记本电脑上)》本文介绍了如何在笔记本电脑上使用DeepSeek和开源工具搭建个人知识库,通过安装DeepSeek和RAGFlow,并使用CherryStudi... 目录部署环境软件清单安装DeepSeek安装Cherry Studio安装RAGFlow设置知识库总

Linux搭建Mysql主从同步的教程

《Linux搭建Mysql主从同步的教程》:本文主要介绍Linux搭建Mysql主从同步的教程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录linux搭建mysql主从同步1.启动mysql服务2.修改Mysql主库配置文件/etc/my.cnf3.重启主库my

国内环境搭建私有知识问答库踩坑记录(ollama+deepseek+ragflow)

《国内环境搭建私有知识问答库踩坑记录(ollama+deepseek+ragflow)》本文给大家利用deepseek模型搭建私有知识问答库的详细步骤和遇到的问题及解决办法,感兴趣的朋友一起看看吧... 目录1. 第1步大家在安装完ollama后,需要到系统环境变量中添加两个变量2. 第3步 “在cmd中

Linux系统之authconfig命令的使用解读

《Linux系统之authconfig命令的使用解读》authconfig是一个用于配置Linux系统身份验证和账户管理设置的命令行工具,主要用于RedHat系列的Linux发行版,它提供了一系列选项... 目录linux authconfig命令的使用基本语法常用选项示例总结Linux authconfi

基于Python开发PDF转Doc格式小程序

《基于Python开发PDF转Doc格式小程序》这篇文章主要为大家详细介绍了如何基于Python开发PDF转Doc格式小程序,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 用python实现PDF转Doc格式小程序以下是一个使用Python实现PDF转DOC格式的GUI程序,采用T

使用Python开发一个图像标注与OCR识别工具

《使用Python开发一个图像标注与OCR识别工具》:本文主要介绍一个使用Python开发的工具,允许用户在图像上进行矩形标注,使用OCR对标注区域进行文本识别,并将结果保存为Excel文件,感兴... 目录项目简介1. 图像加载与显示2. 矩形标注3. OCR识别4. 标注的保存与加载5. 裁剪与重置图像

Nginx配置系统服务&设置环境变量方式

《Nginx配置系统服务&设置环境变量方式》本文介绍了如何将Nginx配置为系统服务并设置环境变量,以便更方便地对Nginx进行操作,通过配置系统服务,可以使用系统命令来启动、停止或重新加载Nginx... 目录1.Nginx操作问题2.配置系统服android务3.设置环境变量总结1.Nginx操作问题

Android开发中gradle下载缓慢的问题级解决方法

《Android开发中gradle下载缓慢的问题级解决方法》本文介绍了解决Android开发中Gradle下载缓慢问题的几种方法,本文给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧... 目录一、网络环境优化二、Gradle版本与配置优化三、其他优化措施针对android开发中Gradle下载缓慢的问