当前位置: 首页 > news >正文

网站模版 百度云用来做区位分析的地图网站

网站模版 百度云,用来做区位分析的地图网站,亚马逊aws永久免费下载,民治做网站公司部署Nginx 部署网关 通过Nginx访问后台网关,然后由网关再将请求转发到具体的微服务,网关会把请求转发到具体的服务 upstream gatewayserver{server 127.0.0.1:63010 weight10; } # 网站首页对应的虚拟机 server {listen 80;server_name www.51xuecheng.cn…

部署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/ {Aproxy_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.htmlerror_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或classNamevariable: '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.yayakq.cn/news/841140/

相关文章:

  • 上海永灿网站建设怎么做盗版电影网站吗
  • 怎么做非法网站wordpress开发服务
  • 青海建设厅网站尚少岩自己做网站需要做啥
  • 自已如何做网站购物网站开发用什么软件
  • 烟台企业网站怎么优化培训手机软件开发
  • 向总部建设网站申请书阜新网站建设单位
  • 网站平台搭建技术wordpress 扫描
  • 广州网站制作公司多少钱最新一周新闻
  • wap 网站北京建设工程主管部门网站
  • 枣庄专业做网站南宁建站
  • 上海阿里巴巴网站建设建e室内设计网专业的室内设计
  • 淮南制作网站免费制作app平台
  • 长沙移动网站建设哪家好行情软件app网站大全下载
  • 做外围网站代理合法不静态网站管理系统
  • 陕西百威建设监理有限司网站腾讯企业邮箱注册入口官网
  • 龙华网站(建设龙华信科)怎么在网站上做视频
  • 学做软件的网站梧州seo快速排名
  • 深圳的网站建设公司那家好微信小程序应用市场
  • 有哪些做的好的自学网站怎么用自己电脑做服务器搭建网站
  • 怎么做网站调查表网站项目名称
  • 本地做的网站如何映射出去长沙软件开发公司
  • 两学一做 投稿网站asp.net 网站的编译
  • 新闻类网站怎么做购物网站建设模板下载
  • 建设银行泰州江洲路支行网站网站建设seoppt
  • 户外旅游网站模板佛山h5模板建站
  • 构建网站需要会什么成交型网站建设价格
  • 网站建设与维护 技能做网站阿里云买哪个服务器好点
  • 怎么做网站关键词库排名中铁建设集团有限公司梅洪亮
  • 政务网站的建设嘉兴有能做网站优化
  • 课题网站建设培训简讯小程序变成网页链接