02课程发布模块之部署Nginx

部署Nginx

部署网关

通过Nginx访问后台网关，然后由网关再将请求转发到具体的微服务,网关会把请求转发到具体的服务

upstream gatewayserver{
	server 127.0.0.1:63010 weight=10;
} 

# 网站首页对应的虚拟机
server {
    listen       80;
    server_name  www.51xuecheng.cn localhost tjxt-user-t.itheima.net;
    // .....................

	location /api/ {A
		proxy_pass http://gatewayserver/;
	} 
}

修改前端文件的网关地址
在这里插入图片描述

部署教学机构管理页面

upstream uidevserver{
   server 127.0.0.1:8601 weight=10;
}
# 教学机构页面对应的虚拟机
server {
    listen       80;
    server_name  teacher.51xuecheng.cn;
    #charset koi8-r;
    ssi on;
    ssi_silent_errors on;
    #access_log  logs/host.access.log  main;
    #location / {
        #   alias   D:/itcast2022/xc_edu3.0/code_1/dist/;
        #   index  index.html index.htm;
        #}
    location / {
        proxy_pass   http://uidevserver;
    }

    location /api/ {
        proxy_pass http://gatewayserver/;
    } 
}

在这里插入图片描述

部署网站首页

因为页面需要加载一些css、js、图片等静态资源所以需要借助Nginx访问静态页面，同时对于一些动态资源的请求也需要由Nginx代理访问防止跨域

在这里插入图片描述

第一步: 修改本机(Windows)C:\Windows\System32\drivers\etc目录下的hosts文件,Centos7操作系统的hosts文件在/etc目录下

  • 前后端联调时将前端中原本指向后台网关的地址更改为Nginx的地址
# 输入域名时需要找域名对应的服务器的IP地址,此时会先从host文件中找,如果没有配置请求dns服务器去找
127.0.0.1 www.51xuecheng.cn 51xuecheng.cn ucenter.51xuecheng.cn teacher.51xuecheng.cn file.51xuecheng.cn

第二步: 在nginx.conf文件中指定前端工程xc-ui-pc-static-portal所在的路径,修改完配置文件后需要执行命令重新加载Nginx的配置文件

# 重新加载Nginx的配置文件
nginx.exe -s reload

# 网站首页对应的虚拟机
server {
        listen       80;
        server_name  www.51xuecheng.cn localhost;
        #rewrite ^(.*) https://$server_name$1 permanent;
        #charset koi8-r;
        # 引入页头页尾
        ssi on;
        ssi_silent_errors on;
        #access_log  logs/host.access.log  main;
        location / {
        	# 绝对路径
            alias   D:/itcast2022/xc_edu3.0/code_1/xc-ui-pc-static-portal/;
            index  index.html index.htm;
        }
        # 静态资源，目录以/结尾
        location /static/img/ {  
                alias  D:/itcast2022/xc_edu3.0/code_1/xc-ui-pc-static-portal/img/;
        } 
        location /static/css/ {  
                alias   D:/itcast2022/xc_edu3.0/code_1/xc-ui-pc-static-portal/css/;
        } 
        location /static/js/ {  
                alias   D:/itcast2022/xc_edu3.0/code_1/xc-ui-pc-static-portal/js/;
        } 
        location /static/plugins/ {  
                alias   D:/itcast2022/xc_edu3.0/code_1/xc-ui-pc-static-portal/plugins/;
                add_header Access-Control-Allow-Origin http://ucenter.51xuecheng.cn;  
                add_header Access-Control-Allow-Credentials true;  
                add_header Access-Control-Allow-Methods GET;
        } 
        location /plugins/ {  
                alias   D:/itcast2022/xc_edu3.0/code_1/xc-ui-pc-static-portal/plugins/;
        } 

        #error_page  404              /404.html;
        # redirect server error pages to the static page /50x.html
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }

        # proxy the PHP scripts to Apache listening on 127.0.0.1:80
        #location ~ \.php$ {
        #    proxy_pass   http://127.0.0.1;
        #}

        # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
        #
        #location ~ \.php$ {
        #    root           html;
        #    fastcgi_pass   127.0.0.1:9000;
        #    fastcgi_index  index.php;
        #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
        #    include        fastcgi_params;
        #}

        # deny access to .htaccess files, if Apache's document root
        # concurs with nginx's one
        #
        #location ~ /\.ht {
        #    deny  all;
        #}
    }

第三步: 启动Nginx并访问http://www.51xuecheng.cn查看首页
在这里插入图片描述

部署课程详情页面

访问http://www.51xuecheng.cn/course/course_template.html查看课程详情页面,该页面是静态页面还没有使用freemarker提供的标签

  • Nginx监听到静态资源请求/course/course_template.html时就会去xc-ui-pc-static-portal\course\课程目录下找对应的文件

在这里插入图片描述

部署文件服务器

在进行课程预览时需要展示在MinIO文件系统存储的课程图片和视频，这里我们可以统一由Nginx代理，然后通过文件服务域名统一访问

在这里插入图片描述

第一步: 修改本机(Windows)C:\Windows\System32\drivers\etc目录下的hosts文件增加文件服务的域名解析

127.0.0.1 file.51xuecheng.cn

第二步: 在nginx.conf配置文件中配置要代理的文件服务器的地址，配置完毕后重新加载nginx配置文件

  # 文件服务
  upstream fileserver{
    server 127.0.0.1:9000 weight=10;
  } 
  # 增加一个文件服务的虚拟主机,同样监听80端口
   server {
        listen       80;
        server_name  file.51xuecheng.cn;
        #charset koi8-r;
        ssi on;
        ssi_silent_errors on;
        #access_log  logs/host.access.log  main;
        location /video {
            proxy_pass   http://fileserver;
        }

        location /mediafiles {
            proxy_pass   http://fileserver;
        }
   }

第三步: 访问http://file.51xuecheng.cn/mediafiles/图片在Minio的存储地址展示在Minio文件系统中存储的图片

在这里插入图片描述

部署播放视频页面

在课程详情页面中点击马上学习或课程目录下的小节的名称可以打开对应的视频播放页面learning.html

在这里插入图片描述

第一步: 首先在nginx.conf配置文件中配置视频播放页面的地址，配置完毕后重新加载nginx配置文件

# 网站首页对应的虚拟机
server {
    listen       80;
    server_name  www.51xuecheng.cn localhost;
    //....

    location /course/preview/learning.html {
        alias D:/itcast2022/xc_edu3.0/code_1/xc-ui-pc-static-portal/course/learning.html;
    } 
    location /course/search.html {  
        root   D:/itcast2022/xc_edu3.0/code_1/xc-ui-pc-static-portal;
    } 
    location /course/learning.html {  
        root   D:/itcast2022/xc_edu3.0/code_1/xc-ui-pc-static-portal;
    } 
}

第二步: 在learning.html视频播放页面的videoObject对象的定义处配置viedo属性指定为我们在Minio文件系统中存储的视频地址

data: {
    videServer:'http://file.localhost',
    courseId:'',
    teachplanId:'',
    teachplans:[],
    videoObject : {
        container: '#vdplay', //容器的ID或className
        variable: 'player',//播放函数名称
        poster:'/static/img/asset-video.png',//封面图片
        //loaded: 'loadedHandler', //当播放器加载后执行的函数
        video:'http://file.51xuecheng.cn/video/a/9/a92da96ebcf28dfe194a1e2c393dd860/a92da96ebcf28dfe194a1e2c393dd860.mp4'
        // video: [//视频地址列表形式
        // 	['http://file.xuecheng-plus.com/video/3/a/3a5a861d1c745d05166132c47b44f9e4/3a5a861d1c745d05166132c47b44f9e4.mp4', 'video/mp4', '中文标清', 0]
        // ]
    },
    player : null,
    preview:false

}

第三步: 重启Nginx访问localhost/course/preview/learning.html?id=82观察视频是否可以正常播放，此页面还会请求后台接口获取课程计划暂时不处理

在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mfbz.cn/a/484633.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

Java 沉淀-2

Java 沉淀-2

一维数组 初始化： 动态初始化：数组声明且为数组元素分配空间与赋值操作分开进行 静态初始化：在定义数组的同时就为数组元素分配空间并赋值 数组元素类型 二维数组 数组中的数组 初始化 注意特殊学法情况：int[]x,y[]: x是一维数…
阅读更多...
数据库范式拆分实战

数据库范式拆分实战

函数依赖 如果给定一个X，能唯一确定一个Y，就称X确定Y，或者说Y依赖于X，例如Y X*X函数。 X -> Y（X确定Y，Y依赖于X） 部分函数依赖 A可确定C，（A，B&#xff09…
阅读更多...
[金三银四] 操作系统上下文切换系列

[金三银四] 操作系统上下文切换系列

图源： https://zhuanlan.zhihu.com/p/540717796 文章目录 2.11 cpu 的上下文切换2.12 协程的上下文切换2.13 线程的上下文切换2.14 进程的上下文切换2.15 中断上下文切换2.16 什么时候会发生进程的上下文切换2.17 什么时候会发生线程的上下文切换2.18 什么时候会发生…
阅读更多...
程序汪保姆教程在linux上部署运行一套SpringBoot内容管理系统

程序汪保姆教程在linux上部署运行一套SpringBoot内容管理系统

❝ 程序汪已经分享了很多开源项目了，发现一个痛点很多人拿到开源项目了不会部署运行，光看代码很多人看不下去的（程序汪也是这样），程序汪建议拿到开源项目了，一定要想办法把项目运行起来跑跑，然后…
阅读更多...
树的遍历方式DFS和BFS

树的遍历方式DFS和BFS

DFS(depth first search) 深度优先遍历 从图中一个未访问的顶点V开始，沿着一条路一直走到底，然后从这条路尽头的节点回退到上一个节点，再从另一条路走到底…不断递归重复这个过程，直到所有的顶点都遍历完成。前序遍历&#xff0c…
阅读更多...
【Postman】工具使用介绍

【Postman】工具使用介绍

一、postman工具介绍 1.什么是postman postman是谷歌开发的一款网页调试和接口测试工具，能够发送任何请求类型的http请求，支持GET/POST/PUT/DELETE等方法。postman简单易用，可以直接填写URL，header，body就可以发送一…
阅读更多...
OpenHarmony开发自测试执行框架

OpenHarmony开发自测试执行框架

OpenHarmony为开发者提供了一套全面的开发自测试框架OHA-developer_test，开发者可根据测试需求开发相关测试用例，开发阶段提前发现缺陷，大幅提高代码质量。 本文从基础环境构建，用例开发，编译以及执行等方面介绍OpenH…
阅读更多...
双向链表

双向链表

目录 单向链表 双向链表 特点 缺点 双向链表的封装 单向链表 只能从头遍历到尾或者从尾遍历到头(一般从头到尾)。也就是链表相连的过程是单向的. 实现的原理是上一个链表中有一个指向下一个的引用 单向链表有一个比较明显的缺点: 我们可以轻松的到达下一个节点,但是回到…
阅读更多...
Docker 入门使用说明

Docker 入门使用说明

Docker 入门使用说明 Docker 安装 Docker 官网：Docker Docker 安装说明：Docker 安装说明 这里由于 Docker 在实时更新，所以每次安装 Docker 用来导入 key 的链接可能会有变化，这里就参考官方的安装方法即可 Docker 常用命令说…
阅读更多...
OSCP靶场--Clue

OSCP靶场--Clue

OSCP靶场–Clue 考点(文件读取读取配置中的密码rce认证后利用sudo 提权) 1.nmap扫描 ┌──(root㉿kali)-[~/Desktop] └─# nmap -sV -sC -p- 192.168.163.240 --min-rate 2500 Starting Nmap 7.92 ( https://nmap.org ) at 2024-03-14 08:44 EDT Nmap scan report for 192…
阅读更多...
网络通信VLAN学习篇

网络通信VLAN学习篇

拓扑图 如上图，pc3，pc5同一网络，pc4，pc6同一网络，vlan的划分就是虚拟局域网，局域网的理解就是同一vlan下的设备可以相互通信，不同vlan不可以通信（通过三层交换机可以实现通信的&…
阅读更多...
缓存穿透、缓存击穿、缓存雪崩及其解决方法

缓存穿透、缓存击穿、缓存雪崩及其解决方法

缓存穿透、缓存击穿、缓存雪崩是redis的三大问题。 在介绍这三大问题之前，我们需要先了解Redis作为一个缓存中间件，在项目中是如何工作的。首先看一下在没有缓存中间件的时候的系统数据访问的架构图： 客户端发起一个查询请求的时候&#xff…
阅读更多...
面试算法-98-随机链表的复制

面试算法-98-随机链表的复制

题目 给你一个长度为 n 的链表，每个节点包含一个额外增加的随机指针 random ，该指针可以指向链表中的任何节点或空节点。 构造这个链表的 深拷贝。 深拷贝应该正好由 n 个 全新 节点组成，其中每个新节点的值都设为其对应的原节点的值。新节…
阅读更多...
深入理解 Docker 镜像

深入理解 Docker 镜像

1. Docker 镜像的底层原理 1.1 分层的镜像 以我们的pull 命令为例，在下载的过程中我们可以看到docker的镜像好像是一层一层的在下载。 1.2 UnionFS(联合文件系统) 联合文件系统是一种分层、轻量级并且高性能的文件系统，它支持对文件系统的修改作为一次…
阅读更多...
马斯克AI大模型Grok开源了！

马斯克AI大模型Grok开源了！

2024年3月18日，马斯克的AI创企xAI兑现承诺，正式发布了此前备受期待大模型Grok-1。 代码和模型权重已上线GitHub: https://github.com/xai-org/grok-1 截止目前，Grok已经在GitHub上获得了35.2k颗Star，还在不断上升中。 Grok官方博…
阅读更多...
202446读书笔记|《夜风颂》——生命的内核是过往和希望 有情在朝暮 长聚长相思

202446读书笔记|《夜风颂》——生命的内核是过往和希望 有情在朝暮 长聚长相思

202446读书笔记|《夜风颂》——生命的内核是过往和希望 有情在朝暮 长聚长相思 序现代诗古体诗 《夜风颂》作者王锴，前段时间加入书架的书，前边有几首现代诗挺惊艳，蛮喜欢的，后边古体诗稍逊色些。值得一读的一本小诗集。 序 海鸥之…
阅读更多...
蓝桥杯(2):python基础算法【上】

蓝桥杯(2):python基础算法【上】

时间复杂度、枚举、模拟、递归、进制转换、前缀和、差分、离散化 1 时间复杂度 重要是看循环，一共运行了几次 1.1 简单代码看循环 #时间复杂度1 n int(input()) for i in range(1,n1):for j in range(0,i):pass ###时间复杂度：123....nn(1n)/2 所以…
阅读更多...
Ambari——编译——解决替换yarn 版本后 系mvn 打包找不到yarn 文件问题

Ambari——编译——解决替换yarn 版本后 系mvn 打包找不到yarn 文件问题

您的支持是我继续创作与分享的动力源泉!!! 您的支持是我继续创作与分享的动力源泉!!! 您的支持是我继续创作与分享的动力源泉!!! 报错原因： [ERROR] Failed to execute goal com.github.eirslett:frontend-maven-plugin:1.4:yarn (yarn install) on project amb…
阅读更多...
python综合实战案例-数据分析

python综合实战案例-数据分析

Python是进行数据分析的好工具，今天就是借助一个案例给大家进行数据分析讲解。 本例设计一个log.txt⽂件，该文件记录了某个项⽬中某个 api 的调⽤情况，采样时间为每分钟⼀次，包括调⽤次数、响应时间等信息，⼤约18万条数…
阅读更多...
基于Java中的SSM框架实现快餐店线上点餐系统项目【项目源码+论文说明】计算机毕业设计

基于Java中的SSM框架实现快餐店线上点餐系统项目【项目源码+论文说明】计算机毕业设计

基于Java中的SSM框架实现快餐店线上点餐系统演示 摘要 随着计算机互联网的高速发展。餐饮业的发展也加入了电子商务团队。各种网上点餐系统纷纷涌现，不仅增加了商户的销售量和营业额，而且为买家提供了极大的方便，足不出户，就能订…
阅读更多...
最新文章

Copyright @ 2022~2023

友情链接： 我的编程经验分享 一条长河网 尧图网站开发 尧图建网站