首页 文章 精选 留言 我的

精选列表

搜索[腾讯极客挑战赛],共10001篇文章
优秀的个人博客,低调大师

Docker 三剑客之Docker Compose详解

随着开发者对Docker了解的深入,使用其进行分布式部署变得复杂。开发者需要在开发,测试以及生产环境中的可移植应用,这些应用需要在不同的平台提供商之间迁移,比如在不同的云平台或者私有数据中心部署,同时,应用应该是可组合的,一个应用可以分解为多个服务。 Docker公司在2014年12月发布了三款用于解决多容器分布式软件可移植部署的问题。 Docker Machine为本地,私有数据中心及公有云平台提供Docker引擎,实现从零到Docker的一键部署。 Docker Compose是一个编排多容器分布式部署的工具,提供命令集管理容器化应用的完整开发周期,包括服务构建,启动和停止。 Docker Swarm为Docker容器提供了原生的集群,它将多个Docker引擎的资源汇聚在一起,并提供Docker标准的API,使Docker可以轻松扩展到多台主机。 Compose是用来编排和管理多容器应用的工具,使用它,你可以通过定义一个YAML文件来定义你的应用的所有服务,然后通过一条命令,你就可以创建并启动所有的服务。 使用Compose仅需要三步: - 使用Dockerfile定义你的应用依赖的镜像; - 使用docker-compose.yml定义你的应用(APP)具有的服务; - 通过docker-compose up命令创建并运行应用; Compose的特性 将单个主机隔离成多个环境;Compose使用项目名称(project name)将不同应用的环境隔离开,项目名称可以用来: 在开发机上,将应用环境复制多份; 防止使用了相同名称服务的应用之间互相干扰; 默认情况下,项目名称是项目文件夹根目录的名称,你可以使用-p标识或COMPOSE_PROJECT_NAME改变默认的名称。 保护卷中的数据; Compose保护服务使用的所有卷(vloumes),当运行docker-compose run命令时,如果Compose发现存在之前运行过的容器,它会把旧容器中的数据卷拷贝到新的容器中,这保证了你在卷中创建的任何数据都不丢失。 只重新创建改变过的容器; Compose会缓存用于创建容器的配置信息,当你重启服务时,如果服务没有被更改,Compose就会重用已经存在的容器,这无疑加快了修改应用的速度; Compose 文件是一个YAML文件,用于定义services、netword和volumes。 Compose 文件的默认路径为./docker-compose.yml(后缀为.yml和.yaml都可以)。 一个service配置将会应用到容器的启动中,很像将命令行参数传递给docker run。 同样,network和volume定义类似于docker network create和docker volume create。与Docker运行一样,默认情况下尊重Dockerfile中指定的选项(例如CMD,EXPOSE,VOLUME,ENV) - 您不需要在docker-compose.yml中再次指定它们。 docker-Compose 配置命令参考https://deepzz.com/post/docker-compose-file.html docker-Compose 实际例子参考http://blog.csdn.net/vchy_zhao/article/details/70238413 本文转自yzy121403725 51CTO博客,原文链接:http://blog.51cto.com/lookingdream/2065387,如需转载请自行联系原作者

优秀的个人博客,低调大师

海量数据时代,存储“氦”客,应对企业存储之需

移动互联、云计算的发展,产生的数据种类和数量也越来越复杂和众多。比如为了实现医疗的移动互联服务,需要越来越清晰的像素,比如VR的发展需要更具有空间感的数据,这些需求都是对数据产生了巨大的变化,核心就是数据的海量增长。那么数据的最基本的需求存储介质来说,大容量的硬盘成为趋势。 今天超大容量硬盘是提升企业应用程序价值的一个重要的关键因素,西部数据集团(旗下品牌HGST)通过不断推出容量优化型企业级硬盘,引领行业技术的发展并让产品推广面世。 而基于氦气技术的大容量硬盘成为企业级存储的主要选择之一。HGST Ultrastar氦气密封式系列硬盘成为氦气硬盘的领军产品。 HGST多年前就不断突破存储技术,实现创新的氦气密封式硬盘的技术突破。氦气密封式硬盘是以氦气代替空气,氦气的密度是空气的 1/7,能够有效降低碟片转动时的阻力,从而减少气动剪切消耗的机械功率,从而降低硬盘马达消耗的电能。同时,通过将空气湍流最小化,减少碟片抖动,从而让磁碟能够更紧密地排列,为实现更高容量奠定基础。 氦气密封式技术目前已发展至第三代技术,经过现场验证可随时使用于任何企业级容量应用程序或环境中。密封式设计密封式设计使灰尘和杂质无法进入硬盘内部,这使氦气密封式硬盘具有传统空气硬盘无法企及的可靠性,平均无故障时间(MTFB)可达到 250万小时,以及五年质保,这项技术必将成为公有和私有云部署向前发展的基石。 更为创新的是Ultrastar He系列硬盘推出“即插即用”的解决方案,与8TB传统空气硬盘相比提升了超过25%的容量,同时减少56%的每TB功耗。功耗在业界最低,帮助数据中心架构师满足环保目标和要求。 不久前西部数据集团就宣布,自四年前首次发布HelioSeal平台以来,氦气密封式硬盘出货量已超过一千万台。市场取得巨大成就的同时,HelioSeal平台不断将容量与总拥有成本(TCO)的优势推向更高的极限,成为业界存储密度最高的硬盘,更加适用于大规模向外扩展的工作环境。 西部数据集团持续推出创新且可靠的存储解决方案,协助客户解决数据中心所遇到的各种挑战。相信HelioSeal与未来的磁录技术能够形成互相补充,其不断创新的大容量硬盘,进一步企业级应用和超大规模负载进行设计,满足企业保留大量运营数据和历史数据的容量需求。 历经三代,HelioSeal平台已经创造出目前市面上最高密度的硬盘,提供最高的硬盘可靠性,满足云存储和企业负载等对于可用性与可靠性具有极高要求的环境。 可以看到西部数据集团致力于解决今天数据爆炸式增长下数据可以安全环保快速的访问。而氦气硬盘的推出加速了西部数据集团实现该里程碑的速度,实现在整个云端及现场部署环境下对于数据的广泛的需求。超大数据环境架构正在进行快速的创新,西数希望致力于让数据流动更好的帮助公司进行更准确的决策,最终实现企业驾驭数据力量,实现数据价值最终服务于社会。 结语: 关注大容量硬盘的都知道,氦气大容量硬盘能够提供稳定可靠的海量数据存储,那么您是否想了解今天大容量硬盘的需求是一个什么状况?氦气盘的技术特点有哪些优势?未来的发展是一个什么状况?原文发布时间为:2016年11月29日本文作者:任新勃本文来自云栖社区合作伙伴至顶网,了解相关信息可以关注至顶网。

优秀的个人博客,低调大师

极简产品目录与询盘工具的机会

有家爱尔兰的小微企业一直在用Shopify搭建产品展示页。网站运转良好,图文排版专业,也确实带来了稳定的询盘和订单。但整个交易链条里,购物车和结算系统完全是闲置的。买家浏览产品细节,点击询价表单,店主收到需求后离线发报价单,双方在线下沟通付款。这家店每年为Shopify支付超过三百欧元的订阅费,如果想为新业务多开几个站点,这笔支出就会成倍增加。

优秀的个人博客,低调大师

JS夸页面通信极简方案&纯前端实现文件下载

由于笔者之前维护了几个比较老的项目是用jquery全家桶开发的,其中有些需求是需要跨页面交互和父子页面通信,故借此总结一下。另一块是前端实现文件下载功能,虽然方法很多,为了不用重复造轮子,在此还是总结一波,毕竟多页面下的应用场景还是很多的。 文章摘要 实现页面之间通信的方法 实现父子页面和子页面与子页面之间通信的方法 前端实现文件下载功能 由于本文介绍的主要还是基于javascript,不涉及任何框架方面的问题(如果想研究vue,react,angular方面的技术问题,可以移步我的其他文章),所以让我们用原生javascript来解决我们上面提到的问题吧。 正文 1. 实现页面之间通信的方法 虽然我们使用postmessage也可以实现页面通信,但这里我们主要使用window.opener这个API,MDN对它的解释如下: The Window interface's opener property returns a reference to the window that opened the window using open(). 意思就是window提供的opener接口返回一个打开当前页面的页面的一个引用,换句话说,如果A页面打开B,那么B页面的opener将返回A。通过这种方式,我们可以在A页面定义全局的方法挂载在window上,那么B页面就可以通过opener拿到A页面的方法从而控制A页面的行为。 目前主流的浏览器对这个API支持的都比较好,所以我们在大部分场景下可以考虑使用这个API。 为了更方便的理解他的应用场景,我们这里实现一个小功能:我们定义两个页面,A,B,当A页面打开B页面的时候,用B页面改变A页面的背景色。代码如下: // A页面<body> <h1>父页面A</h1> <a href="./b.html" target="_blank">打开b页面</a> <script> function changeColor(color) { document.body.style.background = color }</script></body>// B页面<body> <h1>父页面B</h1> <script> window.opener.changeColor('blue')</script></body> 首先我们在A页面里定义一个全局方法,当点击a标签跳转到新开的B页面时,B页面就是通过opener,调用A定义的changeColor,并传入参数给A页面,从而改变A页面的背景色。效果如下: 2.实现父子页面和子页面与子页面之间通信的方法 父子页面这里主要针对iframe而言,即iframe和父页面以及iframe页面之间的通信。比如下图: 我们想实现父页面A操控子页面A,B,并且让子页面和父页面交互,这里我们主要使用 iframe的 contentWindow parent.window 通过contentWindow,我们可以拿到iframe内部的方法和dom元素,进而可以操控iframe页面 首先我们来看看父页面操控子页面的场景:父页面A调用子页面的方法传递一条数据,并并显示在子页面中: // 父页面window.onload = function() { let iframe1 = $id('a1').contentWindow; // 控制子页面dom iframe1.document.body.style.background = "#000" iframe1.loadData({a: '1'})}function $id(id) { return document.getElementById(id)}// 子页面function loadData(data) { document.body.append(`父页面的数据数据${data.a}`)} 由上可知,父页面通过contentWindow拿到iframe的window对象从而向其传递数据并调用其方法。 同样,子页面也可以操控父页面: // 父页面function $id(id) { return document.getElementById(id)}// 子页面parent.window.$id('bridge').innerHTML = '子页面操控父页面dom'复制代码 从代码可以看到,我们使用parent.window拿到父页面的window,然后调用父页面提供的$id方法来操作父页面dom。 接下来我们来解决子页面和子页面通信的问题,其实方法在上面已经提到了,我们可以把父页面作为一个桥梁,子页面A通过parent.window拿到父页面的window,进而可以获取另一个子页面B的dom,这样我们就可以让子页面A操作子页面B了,反之也是一样的。 // 子页面Alet iframeBWin = parent.window.$id('a2').contentWindowiframeBWin.onload = function() { iframeBWin.document.getElementById('show').innerHTML = "来自子页面A的问候"}复制代码 由上面代码我们可以知道,我们通过parent.window来拿到子页面B进而实现和子页面B通信的目的,通过这种方式,我们可以实现很多有意思的东西。 注意,我们所讨论的这些方法都是基于同域下的,其实实现跨域的方法也有很多,比如使用中间iframe实现桥接,通过设置window.domain将window提高到顶层等等,不过实现起来还是有些坑的,不过大部分场景都能满足。 4.前端实现文件下载功能 对于下载文件来说,大部分场景都是后端来实现,前端只需求请求接口就好了,但是有时候这种方式反而会占用多余的资源和带宽,如果需要下载的是用户自己生成的内容或者内容已经返回到客户端了,这时候能不经过服务端而直接生成下载任务,能节省不少的资源和时间开销。 一般来说前端实现的思路就是通过动态创建a标签,设置其download属性,最后删除a就好了,对于不是图片的文件一般都可以下载,但是如果是图片,有些浏览器会自动打开图片,所以我们需要手动把它转化为data:URLs或blob:URLs,基于这个原理,我们可以用fileReader,也可以用fetch-URL.createObjectURL,这里经过大量测试我采用后者: function download(url, filename) { return fetch(url).then(res => res.blob().then(blob => { let a = document.createElement('a'); let url = window.URL.createObjectURL(blob); a.href = url; a.download = filename; a.click(); window.URL.revokeObjectURL(url); }))} 该方法传入一个文件的地址和希望使用的文件名,这样,我们就能优雅的使用它来实现下载了。 ❤️爱心三连击 1.看到这里了就点个在看支持下吧,你的「点赞,在看」是我创作的动力。 2.关注公众号趣谈前端,进程序员优质学习交流群, 字节, 阿里大佬和你一起学习成长! 3.也可添加微信【Mr_xuxiaoxi】获取大厂内推机会。 本文分享自微信公众号 - 趣谈前端(beautifulFront)。如有侵权,请联系 support@oschina.cn 删除。本文参与“OSC源创计划”,欢迎正在阅读的你也加入,一起分享。

优秀的个人博客,低调大师

鲁班 H5 1.8.0 发布,提供极简的部署方式

【鲁班H5】前后端都开源的h5快速制作平台,类似于开源版本的易企秀、人人秀,可以通过拖拽的形式,快速生成H5 🎉🎉 鲁班H5 v1.8.0 发布了: 主要更新:大幅度简化部署流程,简化后的部署流程为: 在服务器上执行如下代码即可 git clone https://github.com/ly525/luban-h5.git cd luban-h5 ./luban-h5.sh init # 安装依赖,构建前后端 ./luban-h5.sh start # 启动项目即可 ./luban-h5.sh help # 查看更多 如何访问: 配置防火墙安全组,添加 1337 端口,通过 http://服务器IP:1337 访问即可访问 http://服务器IP:1337/admin 为鲁班的管理后台 更多请参见: https://ly525.github.io/luban-h5/zh/getting-started/deployment.html 欢迎吐槽、体验、反馈您的建议和意见😄 相关链接 鲁班 H5 的详细介绍:点击查看 鲁班 H5 的下载地址:点击下载 鲁班 H5 的GitHub地址:GitHub

优秀的个人博客,低调大师

超实用的 Nginx 极简教程,覆盖了常用场景

概述 什么是 Nginx? Nginx (engine x)是一款轻量级的 Web 服务器 、反向代理服务器及电子邮件(IMAP/POP3)代理服务器。 什么是反向代理? 反向代理(Reverse Proxy)方式是指以代理服务器来接受 internet 上的连接请求,然后将请求转发给内部网络上的服务器,并将从服务器上得到的结果返回给 internet 上请求连接的客户端,此时代理服务器对外就表现为一个反向代理服务器。 安装与使用 安装 详细安装方法请参考:Nginx 安装 使用 nginx 的使用比较简单,就是几条命令。 常用到的命令如下: nginx -s stop 快速关闭Nginx,可能不保存相关信息,并迅速终止web服务。 nginx -s quit 平稳关闭Nginx,保存相关信息,有安排的结束web服务。 nginx -s reload 因改变了Nginx相关配置,需要重新加载配置而重载。 nginx -s reopen 重新打开日志文件。 nginx -c filename 为 Nginx 指定一个配置文件,来代替缺省的。 nginx -t 不运行,而仅仅测试配置文件。nginx 将检查配置文件的语法的正确性,并尝试打开配置文件中所引用到的文件。 nginx -v 显示 nginx 的版本。 nginx -V 显示 nginx 的版本,编译器版本和配置参数。 如果不想每次都敲命令,可以在 nginx 安装目录下新添一个启动批处理文件startup.bat,双击即可运行。内容如下: @echo off rem 如果启动前已经启动nginx并记录下pid文件,会kill指定进程 nginx.exe -s stop rem 测试配置文件语法正确性 nginx.exe -t -c conf/nginx.conf rem 显示版本信息 nginx.exe -v rem 按照指定配置去启动nginx nginx.exe -c conf/nginx.conf 如果是运行在 Linux 下,写一个 shell 脚本,大同小异。 nginx 配置实战 我始终认为,各种开发工具的配置还是结合实战来讲述,会让人更易理解。 http 反向代理配置 我们先实现一个小目标:不考虑复杂的配置,仅仅是完成一个 http 反向代理。 nginx.conf 配置文件如下:注:conf / nginx.conf 是 nginx 的默认配置文件。你也可以使用 nginx -c 指定你的配置文件 #运行用户 #user somebody; #启动进程,通常设置成和cpu的数量相等 worker_processes 1; #全局错误日志 error_log D:/Tools/nginx-1.10.1/logs/error.log; error_log D:/Tools/nginx-1.10.1/logs/notice.log notice; error_log D:/Tools/nginx-1.10.1/logs/info.log info; #PID文件,记录当前启动的nginx的进程ID pid D:/Tools/nginx-1.10.1/logs/nginx.pid; #工作模式及连接数上限 events { worker_connections 1024; #单个后台worker process进程的最大并发链接数 } #设定http服务器,利用它的反向代理功能提供负载均衡支持 http { #设定mime类型(邮件支持类型),类型由mime.types文件定义 include D:/Tools/nginx-1.10.1/conf/mime.types; default_type application/octet-stream; #设定日志 log_format main '[$remote_addr] - [$remote_user] [$time_local] "$request" ' '$status $body_bytes_sent "$http_referer" ' '"$http_user_agent" "$http_x_forwarded_for"'; access_log D:/Tools/nginx-1.10.1/logs/access.log main; rewrite_log on; #sendfile 指令指定 nginx 是否调用 sendfile 函数(zero copy 方式)来输出文件,对于普通应用, #必须设为 on,如果用来进行下载等应用磁盘IO重负载应用,可设置为 off,以平衡磁盘与网络I/O处理速度,降低系统的uptime. sendfile on; #tcp_nopush on; #连接超时时间 keepalive_timeout 120; tcp_nodelay on; #gzip压缩开关 #gzip on; #设定实际的服务器列表 upstream zp_server1{ server 127.0.0.1:8089; } #HTTP服务器 server { #监听80端口,80端口是知名端口号,用于HTTP协议 listen 80; #定义使用www.xx.com访问 server_name www.helloworld.com; #首页 index index.html #指向webapp的目录 root D:\01_Workspace\Project\github\zp\SpringNotes\spring-security\spring-shiro\src\main\webapp; #编码格式 charset utf-8; #代理配置参数 proxy_connect_timeout 180; proxy_send_timeout 180; proxy_read_timeout 180; proxy_set_header Host $host; proxy_set_header X-Forwarder-For $remote_addr; #反向代理的路径(和upstream绑定),location 后面设置映射的路径 location / { proxy_pass http://zp_server1; } #静态文件,nginx自己处理 location ~ ^/(images|javascript|js|css|flash|media|static)/ { root D:\01_Workspace\Project\github\zp\SpringNotes\spring-security\spring-shiro\src\main\webapp\views; #过期30天,静态文件不怎么更新,过期可以设大一点,如果频繁更新,则可以设置得小一点。 expires 30d; } #设定查看Nginx状态的地址 location /NginxStatus { stub_status on; access_log on; auth_basic "NginxStatus"; auth_basic_user_file conf/htpasswd; } #禁止访问 .htxxx 文件 location ~ /\.ht { deny all; } #错误处理页面(可选择性配置) #error_page 404 /404.html; #error_page 500 502 503 504 /50x.html; #location = /50x.html { # root html; #} } } 好了,让我们来试试吧: 启动 webapp,注意启动绑定的端口要和 nginx 中的upstream设置的端口保持一致。 更改 host:在 C:\Windows\System32\drivers\etc 目录下的 host 文件中添加一条 DNS 记录 127.0.0.1 www.helloworld.com 启动前文中 startup.bat 的命令 在浏览器中访问www.helloworld.com,不出意外,已经可以访问了。 负载均衡配置 上一个例子中,代理仅仅指向一个服务器。 但是,网站在实际运营过程中,多半都是有多台服务器运行着同样的 app,这时需要使用负载均衡来分流。 nginx 也可以实现简单的负载均衡功能。 假设这样一个应用场景:将应用部署在 192.168.1.11:80、192.168.1.12:80、192.168.1.13:80 三台 linux 环境的服务器上。网站域名叫www.helloworld.com,公网IP 为 192.168.1.11。在公网 IP 所在的服务器上部署 nginx,对所有请求做负载均衡处理。 nginx.conf 配置如下: http { #设定mime类型,类型由mime.type文件定义 include /etc/nginx/mime.types; default_type application/octet-stream; #设定日志格式 access_log /var/log/nginx/access.log; #设定负载均衡的服务器列表 upstream load_balance_server { #weigth参数表示权值,权值越高被分配到的几率越大 server 192.168.1.11:80 weight=5; server 192.168.1.12:80 weight=1; server 192.168.1.13:80 weight=6; } #HTTP服务器 server { #侦听80端口 listen 80; #定义使用www.xx.com访问 server_name www.helloworld.com; #对所有请求进行负载均衡请求 location / { root /root; #定义服务器的默认网站根目录位置 index index.html index.htm; #定义首页索引文件的名称 proxy_pass http://load_balance_server ;#请求转向load_balance_server 定义的服务器列表 #以下是一些反向代理的配置(可选择性配置) #proxy_redirect off; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; #后端的Web服务器可以通过X-Forwarded-For获取用户真实IP proxy_set_header X-Forwarded-For $remote_addr; proxy_connect_timeout 90; #nginx跟后端服务器连接超时时间(代理连接超时) proxy_send_timeout 90; #后端服务器数据回传时间(代理发送超时) proxy_read_timeout 90; #连接成功后,后端服务器响应时间(代理接收超时) proxy_buffer_size 4k; #设置代理服务器(nginx)保存用户头信息的缓冲区大小 proxy_buffers 4 32k; #proxy_buffers缓冲区,网页平均在32k以下的话,这样设置 proxy_busy_buffers_size 64k; #高负荷下缓冲大小(proxy_buffers*2) proxy_temp_file_write_size 64k; #设定缓存文件夹大小,大于这个值,将从upstream服务器传 client_max_body_size 10m; #允许客户端请求的最大单文件字节数 client_body_buffer_size 128k; #缓冲区代理缓冲用户端请求的最大字节数 } } } 网站有多个 webapp 的配置 当一个网站功能越来越丰富时,往往需要将一些功能相对独立的模块剥离出来,独立维护。这样的话,通常,会有多个 webapp。 举个例子:假如www.helloworld.com站点有好几个 webapp,finance(金融)、product(产品)、admin(用户中心)。访问这些应用的方式通过上下文(context)来进行区分: www.helloworld.com/finance/ www.helloworld.com/product/ www.helloworld.com/admin/ 我们知道,http 的默认端口号是 80,如果在一台服务器上同时启动这 3 个 webapp 应用,都用 80 端口,肯定是不成的。所以,这三个应用需要分别绑定不同的端口号。 那么,问题来了,用户在实际访问www.helloworld.com站点时,访问不同 webapp,总不会还带着对应的端口号去访问吧。所以,你再次需要用到反向代理来做处理。 配置也不难,来看看怎么做吧: http { #此处省略一些基本配置 upstream product_server{ server www.helloworld.com:8081; } upstream admin_server{ server www.helloworld.com:8082; } upstream finance_server{ server www.helloworld.com:8083; } server { #此处省略一些基本配置 #默认指向product的server location / { proxy_pass http://product_server; } location /product/{ proxy_pass http://product_server; } location /admin/ { proxy_pass http://admin_server; } location /finance/ { proxy_pass http://finance_server; } } } https 反向代理配置 一些对安全性要求比较高的站点,可能会使用 HTTPS(一种使用 ssl 通信标准的安全 HTTP 协议)。 这里不科普 HTTP 协议和 SSL 标准。但是,使用 nginx 配置 https 需要知道几点: HTTPS 的固定端口号是 443,不同于 HTTP 的 80 端口 SSL 标准需要引入安全证书,所以在 nginx.conf 中你需要指定证书和它对应的 key 其他和 http 反向代理基本一样,只是在Server部分配置有些不同。 #HTTP服务器 server { #监听443端口。443为知名端口号,主要用于HTTPS协议 listen 443 ssl; #定义使用www.xx.com访问 server_name www.helloworld.com; #ssl证书文件位置(常见证书文件格式为:crt/pem) ssl_certificate cert.pem; #ssl证书key位置 ssl_certificate_key cert.key; #ssl配置参数(选择性配置) ssl_session_cache shared:SSL:1m; ssl_session_timeout 5m; #数字签名,此处使用MD5 ssl_ciphers HIGH:!aNULL:!MD5; ssl_prefer_server_ciphers on; location / { root /root; index index.html index.htm; } } 静态站点配置 有时候,我们需要配置静态站点(即 html 文件和一堆静态资源)。 举例来说:如果所有的静态资源都放在了/app/dist目录下,我们只需要在nginx.conf中指定首页以及这个站点的 host 即可。 配置如下: worker_processes 1; events { worker_connections 1024; } http { include mime.types; default_type application/octet-stream; sendfile on; keepalive_timeout 65; gzip on; gzip_types text/plain application/x-javascript text/css application/xml text/javascript application/javascript image/jpeg image/gif image/png; gzip_vary on; server { listen 80; server_name static.zp.cn; location / { root /app/dist; index index.html; #转发任何请求到 index.html } } } 然后,添加 HOST: 127.0.0.1 static.zp.cn 此时,在本地浏览器访问 static.zp.cn ,就可以访问静态站点了。 搭建文件服务器 有时候,团队需要归档一些数据或资料,那么文件服务器必不可少。使用 Nginx 可以非常快速便捷的搭建一个简易的文件服务。 Nginx 中的配置要点: 将 autoindex 开启可以显示目录,默认不开启。 将 autoindex_exact_size 开启可以显示文件的大小。 将 autoindex_localtime 开启可以显示文件的修改时间。 root 用来设置开放为文件服务的根路径。 charset 设置为charset utf-8,gbk;,可以避免中文乱码问题(windows 服务器下设置后,依然乱码,本人暂时没有找到解决方法)。 一个最简化的配置如下: autoindex on;# 显示目录 autoindex_exact_size on;# 显示文件大小 autoindex_localtime on;# 显示文件时间 server { charset utf-8,gbk; # windows 服务器下设置后,依然乱码,暂时无解 listen 9050 default_server; listen [::]:9050 default_server; server_name _; root /share/fs; } 跨域解决方案 web 领域开发中,经常采用前后端分离模式。这种模式下,前端和后端分别是独立的 web 应用程序,例如:后端是 Java 程序,前端是 React 或 Vue 应用。 各自独立的 web app 在互相访问时,势必存在跨域问题。解决跨域问题一般有两种思路: CORS 在后端服务器设置 HTTP 响应头,把你需要运行访问的域名加入加入Access-Control-Allow-Origin中。 jsonp 把后端根据请求,构造 json 数据,并返回,前端用 jsonp 跨域。 这两种思路,本文不展开讨论。 需要说明的是,nginx 根据第一种思路,也提供了一种解决跨域的解决方案。 举例:www.helloworld.com网站是由一个前端 app ,一个后端 app 组成的。前端端口号为 9000, 后端端口号为 8080。 前端和后端如果使用 http 进行交互时,请求会被拒绝,因为存在跨域问题。来看看,nginx 是怎么解决的吧: 首先,在 enable-cors.conf 文件中设置 cors : # allow origin list set $ACAO '*'; # set single origin if ($http_origin ~* (www.helloworld.com)$) { set $ACAO $http_origin; } if ($cors = "trueget") { add_header 'Access-Control-Allow-Origin' "$http_origin"; add_header 'Access-Control-Allow-Credentials' 'true'; add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS'; add_header 'Access-Control-Allow-Headers' 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type'; } if ($request_method = 'OPTIONS') { set $cors "${cors}options"; } if ($request_method = 'GET') { set $cors "${cors}get"; } if ($request_method = 'POST') { set $cors "${cors}post"; } 接下来,在你的服务器中include enable-cors.conf来引入跨域配置: # ---------------------------------------------------- # 此文件为项目 nginx 配置片段 # 可以直接在 nginx config 中 include(推荐) # 或者 copy 到现有 nginx 中,自行配置 # www.helloworld.com 域名需配合 dns hosts 进行配置 # 其中,api 开启了 cors,需配合本目录下另一份配置文件 # ---------------------------------------------------- upstream front_server{ server www.helloworld.com:9000; } upstream api_server{ server www.helloworld.com:8080; } server { listen 80; server_name www.helloworld.com; location ~ ^/api/ { include enable-cors.conf; proxy_pass http://api_server; rewrite "^/api/(.*)$" /$1 break; } location ~ ^/ { proxy_pass http://front_server; } } 到此,就完成了。 免费Java资料领取,涵盖了Java、Redis、MongoDB、MySQL、Zookeeper、Spring Cloud、Dubbo/Kafka、Hadoop、Hbase、Flink等高并发分布式、大数据、机器学习等技术。 传送门:https://mp.weixin.qq.com/s/JzddfH-7yNudmkjT0IRL8Q

资源下载

更多资源
Mario

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长,特征是大鼻子、头戴帽子、身穿背带裤,还留着胡子。与他的双胞胎兄弟路易基一起,长年担任任天堂的招牌角色。

腾讯云软件源

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题,腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构,目前腾讯云软件源站支持公网访问和内网访问。

Spring

Spring

Spring框架(Spring Framework)是由Rod Johnson于2002年提出的开源Java企业级应用框架,旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念,提供核心容器、应用上下文、数据访问集成等模块,支持整合Hibernate、Struts等第三方框架,其适用范围不仅限于服务器端开发,绝大多数Java应用均可从中受益。

WebStorm

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。

用户登录
用户注册