nginx 做 websocket 代理

首先,在 nginx.conf 的 http{ } 段添加:

map $http_upgrade $connection_upgrade {
    default upgrade;
    '' close;
}

然后,在 server{ } 段添加:

location /wss/  {
    proxy_pass http://127.0.0.1:9501/;
    proxy_http_version 1.1;    
    proxy_connect_timeout 4s;
    proxy_read_timeout 60s;
    proxy_send_timeout 60s;
    proxy_set_header Upgrade $http_upgrade;    
    proxy_set_header Connection "Upgrade";    
    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}

 

分类至 杂项
0条评论

如何在图片中加入压缩文件

简单来说就是利用copy命令。
copy /b src.jpg + src.rar dest.jpg
其中,src.jpg与dest.jpg显示的图像是一样的,当你将dest.jpg的后缀修改为rar,dest.rar解压的内容与src.rar的内容一致。

原理:
图片格式,例如jpg,bmp都是文件头设置好文件的类型以及文件长度,所以其后面的冗余不会被读出。 rar格式很特别,它运行时是先寻找rar文件的起始位置(因此可以排除开头的冗余),然后读取其后的所有data作为文件体。 所以图片在前,rar在后,则他们可以独立的读取出来。

分类至 杂项
0条评论

移动端调试vConsole

平时web开发时,在手机上,如果是要看控制台信息,都需要alert弹窗,这样很不友好.还会阻拦进程。

通过vConsole.js 重写console方法,实现了类似于微信小程序的移动端调试效果。

具体使用方法也很简单

<script src="http://wechatfe.github.io/vconsole/lib/vconsole.min.js?v=3.2.0"></script>
<script>
    // init vConsole
    var vConsole = new VConsole();
    console.log('Hello world');
</script>

vConsole 项目地址:https://www.npmjs.com/package/vconsole 

分类至 杂项
0条评论

【干货】Chrome插件(扩展)开发全攻略

我花了将近一个多月的时间断断续续写下这篇博文,并精心写下完整demo,写博客的辛苦大家懂的,所以转载务必保留出处。本文所有涉及到的大部分代码均在这个demo里面:https://github.com/sxei/chrome-plugin-demo ,大家可以直接下载下来运行。

另外,本文图片较多,且图片服务器带宽有限,右下角的目录滚动监听必须等到图片全部加载完毕之后才会触发,所以请耐心等待加载完毕。

分类至 杂项
0条评论

关于HTTP协议,一篇就够了

HTTP协议是Hyper Text Transfer Protocol(超文本传输协议)的缩写,是用于从万维网(WWW:World Wide Web )服务器传输超文本到本地浏览器的传送协议。

HTTP是一个基于TCP/IP通信协议来传递数据(HTML 文件, 图片文件, 查询结果等)。

HTTP是一个属于应用层的面向对象的协议,由于其简捷、快速的方式,适用于分布式超媒体信息系统。它于1990年提出,经过几年的使用与发展,得到不断地完善和扩展。目前在WWW中使用的是HTTP/1.0的第六版,HTTP/1.1的规范化工作正在进行之中,而且HTTP-NG(Next Generation of HTTP)的建议已经提出。

HTTP协议工作于客户端-服务端架构为上。浏览器作为HTTP客户端通过URL向HTTP服务端即WEB服务器发送所有请求。Web服务器根据接收到的请求后,向客户端发送响应信息。

分类至 杂项
0条评论

NetBeans IDE 配置 Less

1、安装Less
第一种方法:先安装node.js,然后使用npm命令安装less:npm install -g less
具体参考Less.js的官网:http://lesscss.org/
第二种方法:直接下载第三方集成安装包(自带node.js):https://github.com/duncansmart/less.js-windows/releases
2、路径配置
打开 NetBeans IDE 的菜单“工具--选项”,配置Less路径
3、参数配置
打开项目属性窗口,配置监视输入输出路径都为“.”(先删除默认项再点击添加),配置编译参数“--include-path=./”
4、其他参数
如果希望编译后的css文件体积最小化(自动去掉空白字符),加入参数 -x 即可,即配置编译参数“--include-path=./ -x”。更多参数请参考命令 lessc -h 获取。

分类至 杂项
0条评论

数字证书原理

文中首先解释了加密解密的一些基础知识和概念,然后通过一个加密通信过程的例子说明了加密算法的作用,以及数字证书的出现所起的作用。接着对数字证书做一个详细的解释,并讨论一下windows中数字证书的管理,最后演示使用makecert生成数字证书。如果发现文中有错误的地方,或者有什么地方说得不够清楚,欢迎指出!
1、基础知识
2、一个加密通信过程的演化
3、证书的构成和原理
4、在windows中对数字证书进行管理

分类至 杂项
0条评论