文档章节

微信小程序下nginx代理wss,实现兼容原本服务协议ws,Java版本

jack__0023
 jack__0023
发布于 2017/07/27 11:47
字数 775
阅读 510
收藏 22

开始前说明

微信小程序如果使用webSocket协议的话,那么按照官网上的要求是必须使用了wss协议,使用了一个框架,但不支持wss,所以后面用nginx代理解决了这个问题,接下来上代码####

软件列表

  1. 我使用的是 nginx-1.12.1,附上下载地址http://nginx.org/,

详细的nginx教程可以看一下这位的博客 http://www.cnblogs.com/edward2013/p/5506588.html

  1. 需要有SSL证书的域名一个

  2. 我使用的是tomcat7JDK7

  3. 服务器一个(有公网IP的那种,别问我为什么强调这个。。。)

熟悉这些的直接ctrl+f搜索关键字 '全文最主要',看着一步就好了

好了开始搞事情

  1. 首先先在服务器上部署你的项目,并且测试运行起来(保证外网访问的到,通过公网IP访问) 在tomcat7上运行项目,我去掉项目名,直接是ROOT文件夹 像这样 输入图片说明 输入图片说明
  2. 在服务器上部署nginx,然后修改配置,然后测试跑起来 配置这样修改,listen是监听的端口不一定要80,如果冲突可以是别的端口 输入图片说明

然后运行起来(我是用域名绑定了公网IP,然后测试的),如图效果,证明OK

输入图片说明

###3.(熟悉的直接看着一步就好)这一步nginx配置是全文最主要的了### 输入图片说明

可能需要的是这一步的代码,没有优化的nginx


#user  nobody;
worker_processes  1;

#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

#pid        logs/nginx.pid;


events {
    worker_connections  1024;
}


http {
    include       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  logs/access.log  main;

    sendfile        on;
    #tcp_nopush     on;

    #keepalive_timeout  0;
    keepalive_timeout  65;

    #gzip  on;
    #nginx代理wss测试
    map $http_upgrade $connection_upgrade {  
    	default upgrade;  
    	'' close;  
    }

    upstream websocket {
	server 公网IP:9321;
    }

    server {
        listen       443 ssl;
        server_name  SSL域名;
	
	ssl on;
	# SSL 验证配置
	ssl_certificate 证书.crt;#这里的证书的别加上"",好像加上会变成绝对路径,我是直接方法nginx下的conf里面的
	ssl_certificate_key 证书.key;
	# 默认值
	ssl_ciphers HIGH:!aNULL:!MD5;
	ssl_session_timeout 10m; 
	ssl_protocols TLSv1.2 TLSv1.1 TLSv1; 
	ssl_prefer_server_ciphers on; 
	ssl_session_cache shared:SSL:10m;


        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root   html;
            index  index.html index.htm;
	    proxy_pass http://websocket;#代理到上面的地址去 
	    proxy_http_version 1.1; 
	    proxy_set_header Upgrade $http_upgrade; #这个上面有配置的你可以看一下
	    proxy_set_header Connection “Upgrade”; 
        }

        #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;
        #}
    }


    # another virtual host using mix of IP-, name-, and port-based configuration
    #
    #server {
    #    listen       8000;
    #    listen       somename:8080;
    #    server_name  somename  alias  another.alias;

    #    location / {
    #        root   html;
    #        index  index.html index.htm;
    #    }
    #}


    # HTTPS server
    #
    #server {
    #    listen       443 ssl;
    #    server_name  localhost;

    #    ssl_certificate      cert.pem;
    #    ssl_certificate_key  cert.key;

    #    ssl_session_cache    shared:SSL:1m;
    #    ssl_session_timeout  5m;

    #    ssl_ciphers  HIGH:!aNULL:!MD5;
    #    ssl_prefer_server_ciphers  on;

    #    location / {
    #        root   html;
    #        index  index.html index.htm;
    #    }
    #}

}

###运行,我搞定了###

输入图片说明 输入图片说明

写的不好请多指教,只供参考而已

如果想看nginx下怎么保持webSocket长连接不被中断,可以看一下我这篇

地址: 点击跳转

© 著作权归作者所有

共有 人打赏支持
jack__0023
粉丝 12
博文 15
码字总数 11440
作品 0
深圳
程序员
私信 提问
nginx简单配置同时支持微信小程序https/wss协议

微信小程序需要使用https与wss能才进行连接,虽然开发模式下可以使用http与ws,但发布的时候还是需要安全协议,网上的各种配置是超多超复杂的,这里已经对nginx指定版本进行最简单的配置,可用...

dounine
03/16
0
0
配置Nginx支持WSS(WebSocket)

原文出处:http://colabug.com/229850.html 简单了解一下 WebSocket 现在,很多网站为了实现推送技术,所用的技术都是轮询。轮询是在特定的的时间间隔(如每1秒),由浏览器对服务器发出HTT...

kuSorZ
01/08
0
0
nginx反向代理webSocket配置

最近在做项目的时候用到了webSocket协议,而且是在微信小程序中用到了webSocket,微信小程序中使用wss协议的时候不能设置端口,只能使用默认的443端口。我擦,我的https已经监听了443端口,web...

紫葡萄0
10/21
0
0
微信小程序端 html2wxml 转换接口 - html2wxml4j

项目介绍 微信小程序端 html2wxml 转换接口 Java版 基于JFinal+Jsoup 实现功能 目前仅实现解析Html并转换成JSON,将生成的JSON通过接口访问返回给微信小程序端, 微信小程序端使用html2wxml...

山东-小木
08/06
0
0
搞定了微信小程序富文本渲染解决方案-后端渲染方案Html2Wxml2J

先介绍一下最近遇到的问题: 最近小程序项目中有文章详情页需要渲染富文本,微信小程序官方提供的<rich-text>是个弱鸡,很多标签不支持,用起来也麻烦,性能也不咋地。 吐槽完了,我们决定寻...

山东-小木
11/18
0
3

没有更多内容

加载失败,请刷新页面

加载更多

Spak—— sparkCore源码解析之RangePartitioner源码

   分区过程概览 RangePartitioner分区执行原理: 计算总体的数据抽样大小sampleSize,计算规则是:至少每个分区抽取20个数据或者最多1M的数据量。 根据sampleSize和分区数量计算每个分区的...

freeli
16分钟前
1
0
从内部自用到对外服务,配置管理的演进和设计优化实践

本文整理自阿里巴巴中间件技术专家彦林在中国开源年会上的分享,通过此文,您将了解到: 微服务给配置管理所带来的变化 配置管理演进过程中的设计思考 配置管理开源后的新探索 配置中心控制台...

阿里云官方博客
17分钟前
0
0
MySQL用户管理,常用MySQL语句、MySQL数据库备份恢复

12月6日任务 13.4 mysql用户管理 13.5 常用sql语句 13.6 mysql数据库备份恢复 13.4 mysql用户管理 grant all on *.* to 'user1' identified by 'passwd'; grant SELECT,UPDATE,INSERT on db......

zgxlinux
18分钟前
1
0
Spring异常之Druid – unregister mbean error

Spring异常之Druid – unregister mbean error 2017年04月19日 12:13:42 Dr.Zhu 阅读数:6688 版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/zt_fucker/arti...

linjin200
24分钟前
1
0
微信小程序webview问题

今天在改小程序的时候在使用webview的时候切换webview的地址行为,出现了诡异的情况。 默认querystring里会有多个?符号,使用的时候被微信给截取了,导致程序找不到改页面。 而且querystri...

钟元OSS
27分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部