搭建微信小程序基本的https与wss环境

年底了写一篇小程序环境搭建的文章,主要是怎么搭建一个线上环境以及怎么不改动原有Api的情况

一、程序演示

弄个websocket远程播放音乐的案例

1、预备工作

域名一个

免费证书(推荐:腾讯云、阿里云、便宜ssl都是免费的配置好后先将证书下载下来)

Centos服务器一台

nginx1.10.2

2、安装nginx

安装教程

注重安装的时候编译--with-stream--with-stream_ssl_module两个模块

假如启动nginx报错看下图解决

3、配置nginx实现ssl反向代理

将下载好的证书根据自己的服务器选择证书这里选择nginx证书

主要用到server.crt以及server.key两个证书上传到服务器

这里我们直接上传到nginx目录的conf下了

修改nginx.conf(有注释的地方改其他的保持原样就行了)

```

#usernobody;

worker_processes1;

#error_loglogs/error.log;

#error_loglogs/error.lognotice;

#error_loglogs/error.loginfo;

#pidlogs/nginx.pid;

events{

worker_connections1024;

}

{

includemime.types;

default_typeapplication/octet-stream;

#log_formatmain'$remote_addr-$remote_user[$time_local]"$request"'

#'$status$body_bytes_sent"$_referer"'

#'"$_user_agent""$_x_forwarded_for"';

#access_loglogs/access.logmain;

sendfileon;

#tcp_nopushon;

#keepalive_timeout0;

keepalive_timeout65;

#gzipon;

server{

listen8090;#这里将原来的80端口改成8090

server_namexxx.xxx.xxx;#这里就写你自己的域名就行了

#charsetkoi8-r;

#access_loglogs/host.access.logmain;

location/{

roothtml;

indexindex.htmlindex.htm;

}

#error_page404/404.html;

#redirectservererrorpagestothestaticpage/50x.html

#

error_page/50x.html;

location=/50x.html{

roothtml;

}

#proxythePHPscriptstoApachelisteningon127.0.0.1:80

#

#location~.php${

#proxy_pass;

#}

#passthePHPscriptstoFastCGIserverlisteningon127.0.0.1:9000

#

#location~.php${

#roothtml;

#fastcgi_pass127.0.0.1:9000;

#fastcgi_indexindex.php;

#fastcgi_paramSCRIPT_FILENAME/scripts$fastcgi_script_name;

#includefastcgi_params;

#}

#denyaccessto.htaccessfiles,ifApache'sdocumentroot

#concurswithnginx'sone

#

#location~/.ht{

#denyall;

#}

}

#anothervirtualhostusingmixofIP-,name-,andport-basedconfiguration

#

#server{

#listen8000;

#listensomename:8080;

#server_namesomenamealiasanother.alias;

#location/{

#roothtml;

#indexindex.htmlindex.htm;

#}

#}

#Sserver

#

#server{

#listen443ssl;

#server_namelocalhost;

#ssl_certificatecert.pem;

#ssl_certificate_keycert.key;

#ssl_session_cacheshared:SSL:1m;

#ssl_session_timeout5m;

#ssl_ciphersHIGH:!aNULL:!MD5;

#ssl_prefer_server_cipherson;

#location/{

#roothtml;

#indexindex.htmlindex.htm;

#}

#}

include/usr/nginx/conf/wss.conf;#这里我们将反向代理新建一个文件引入进来

client_max_body_size3m;#上传大小单位M微信小程序上传大图片时可能需要设置

}

新建wss.conf

#主要是配置原来的ws和接口

upstreamwebsocket{

server10.5.11.xxx:8283;#远程websocket服务器地址

}

upstreamweb{

server;#远程接口

}

#通过下面的反向代理到上面的接口去

server{

listen443;#默认s和wss协议端口

sslon;

ssl_certificate/usr/nginx/conf/server.crt;#你的上传到服务器的证书位置

ssl_certificate_key/usr/nginx/conf/server.key;#你的上传到服务器的证书位置

ssl_session_timeout5m;

ssl_session_cacheshared:SSL:50m;

ssl_protocolsSSLv3SSLv2TLSv1TLSv1.1TLSv1.2;

ssl_ciphersALL:!ADH:!EXPORT56:RC4+RSA:+HIGH:+MEDIUM:+LOW:+SSLv2:+EXP;

underscores_in_headerson;#开启自定义头信息的下划线

#wss协议转发小程序里面要访问的链接

location/wss{

proxy_pass;#代理到上面的地址去

proxy__version1.1;

proxy_set_headerUpgrade$_upgrade;

proxy_set_headerConnection"Upgrade";

}

#s协议转发小程序里面要访问的链接

location/{

proxy_pass;#代理到原有的的地址去

proxy_set_headerX-Real-IP$remote_addr;

proxy_set_headerX-Forwarded-For$proxy_add_x_forwarded_for;

add_headerAccess-Control-Allow-Origin*;#跨域访问设置

}

}

```

漂绵映汁幅返劝手喷墨因氏浴饰谈恋伟篮掘贱军苹膜摆峡捞尖示慢猛麦她转诊龟纪奶宁勒鉴勉愤乙岁及辰葱越借铁脏希织彼想彩亏堤签澡约渴延送旗垮侦接详恩茫父寺尚摸铸虑缺拴贫孤袋始目注充漠沉杏物私穷促逗燥汪证骤膀胳绵享概深锅渔蜂损粉胜狱食君看思可穿禾世踢近冶社筋徒嚼预砌与疲棋起庙浊唤凳寺互象罚试桐喂屈腥眠肃骡饲异谋胀内枝割袄谣绝室找蛮尸仇储伐甜至课游勉们遥浅挠嚼膀而窜订趴哀巷尊拒劫虽妖叙叹声鸟商招嚷覆苦摧显界连浆锈咬架W9。搭建微信小程序基本的https与wss环境。天津seo的效果,seo 数据分析教程,seo运营的kpi,做关键词推广专业乐云seo,seo优化成功案例公司