文章目录
一、前言；
二、准备材料；
三、实现的过程和原理；
四、服务器配置；
三、小程序端连接效果；
一、前言；
从去年开始自学前端，到今年的服务器的学习，也算是自己的一大进步了！这几天开始搭建小程序的服务器，琢磨了三天的Nginx中间消息插件，期间也是不睡午觉！也许入门Nginx，和大家一样期间踩了很多坑！微信小程序也仅仅只有websocket协议的说明，但是已经不维护了！
希望你可以静心看看本篇文章，可以帮助你跳过搭建微信小程序的mqtt服务器的坑，不管你是用emq作为服务器，还是其他的服务器程序代码！
本文搭建好了之后，就可以在微信小程序上实现控制智能硬件，即为连接mqtt服務器。像现在最为流行的esp8266，esp32！废话不多说，Let us go !
二、准备材料；
【必要具备】一个备案成功的域名 + 配置的 SSL证书！ 证书可以是免费的，或者您是老板可以买个收费的！
【必要具备】一个服務器，可以是腾讯服务器，或者是阿里云服务器，而本文用的是阿里云服务器！因为双十一刚刚搞活动，一百多块买了一年服务器！呵呵！
【必要具备】关于微信小程序的源码，下篇就会开源免费赠送给大家！！
【其他】 SecureCRT远程命令连接工具！当然还有微信小程序开发工具，这些自己去下载吧！
三、实现的过程和原理；
Nginx环境搭建
mqtt服务器搭建
Nginx监听443端口，代理到mqtt服务器！
总所周知，小程序的架构是用基本前端代码实现的，就是wxml+wcss+js+json，而我们的在js上面实现Mqtt协议通讯，那么就离不开webSocket，微信对于webSocket的连接定义，我总结了一下：
① 连接的端口号必须是443，也就是https的访问端口；
② 连接时候，不能携带端口号，就是不能在URL中注明443端口！比如正确的写法是wss://www.xuhong.com，而不能是wss://www.xuhong.com：443！！切记！
关于Nginx的知识，我也是刚刚入门，如果大家想深入学，可以去慕课网有一门实战专门讲解Nginx这个强大的消息中间件！下面列下常见的命令和知识！
源码安装Nginx的 配置文件默认在 /usr/local/nginx/conf 里面的 nginx.conf文件！
./nginx - t : 表示检测 nginx.conf文件的语法是否有问题！
./nginx - s reload : 表示重新加载 nginx.conf文件！
./nginx - s quit : 表示强制或正常退出 Nginx 服务！
./nginx : 表示开启 Nginx 服务！
四、服务器配置；
下面是服务器配置的详细步骤，千万不要眨眼！！注意每个标题是个命令！
4.1 yum update
更新我们的 yum 源！
4.2 yum -y install gcc automake autoconf libtool make
安装 make工具 ，成功如下；
4.3 yum install gcc gcc-c++
安装g++ ，成功如下；
4.4 yum install pcre pcre-devel
安装pcre正则表达式，因为nginx的rewrite模块和http核心模块都是使用它 ，成功如下；
4.5 wget http://nginx.org/download/nginx-1.9.9.tar.gz
获取 nginx，成功如下；
4.6 tar -vzxf nginx-1.9.9.tar.gz
解压 nginx；
4.7 cd nginx-1.9.9.tar.gz && ./configure
先使配置文件nginx生效；
4.8 yum install zlib zlib-devel
zlib提供压缩算法，nginx很多地方都会用到；
4.9 yum install openssl openssl-devel
用到安全页面，所以需要 OpenSSL库；
4.10 wget https://codeload.github.com/openresty/headers-more-nginx-module/tar.gz/v0.33
据说这个可以适配某些JS的webSocket协议头的库，这里也下载吧；本博文不会用到，但是大家可能会用到！之后注意解压：tar -vzxf headers-more-nginx-module-0.33.tar.gz
4.11 ./configure --prefix=/usr/local/nginx --add-module=/root/nginx-1.9.9/headers-more-nginx-module-0.33 --with-http_stub_status_module --with-http_ssl_module
添加模块openSSL和headers-more-nginx-module-0.33；
4.12 make && make install
开始编译nginx代码；
4.13 cd /usr/local/nginx/sbin && ./nginx -V
编译nginx代码后会有/usr/local/nginx目录，我们查看当前编译后有哪些模块生效了；看到下面有2个模块执行成功了！
4.14 wget https://www.emqx.io/static/brokers/emqttd-centos7-v2.3.11.zip --no-check-certificate
无校验方式获取emq压缩包，如果不加--no-check-certificate可能是失败！
4.15 yum install unzip -y
新增zip的解压工具，用来解压emq的压缩包！
4.16 unzip emqttd-centos7-v2.3.11.zip
解压压缩包emq！
4.17 cd /root/emq/emqttd/bin && ./emqttd console
执行服务器emq！
4.18 cd /root/emq/emqttd/bin && ./emqttd start
守护进程开始emq！
4.19 cd /usr/local/nginx/conf && vim nginx.conf
修改nginx的配置文件！根据你的实际情况来定，添加如下代码！
其中www.domain.com是您的备案后域名， ssl_certificate和ssl_certificate_key对应的文件位置根据你的实际而定，注意这个是你配置域名的证书的信息！这个向证书生产方索取!!!
server {
listen 443;
server_name www.domain.com;
ssl on;
ssl_certificate /root/myCert/cert/cert.crt;
ssl_certificate_key /root/myCert/cert/cert.key;
ssl_session_timeout 5m;
ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:HIGH:!aNULL:!MD5:!RC4:!DHE;
ssl_prefer_server_ciphers on;
location / {
root html;
index index.html index.htm;
}
location = /mqtt {
# 8083就是我们的emq的websocket的端口号
proxy_pass http://www.domain.com:8083;
proxy_redirect off;
proxy_set_header Host www.domain.com:8083;
proxy_set_header Sec-WebSocket-Protocol mqtt;
# 这个是与你的 js客户端的库有关系，本博文的不需要，为了兼顾以后小伙伴，我这里注释了下！
#more_clear_headers Sec-WebSocket-Protocol;
# 这些都是 websocket必须要配置的
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
}
}
4.20 cd /usr/local/nginx/sbin&& ./nginx -t
查看配置文件语法有问题？
4.20 cd /usr/local/nginx/sbin&& ./nginx -s reload
重新加载配置文件！
附件完整的nginx配置文件:
worker_processes 1; events { worker_connections 1024; } http { include mime.types; default_type application/octet-stream; sendfile on; keepalive_timeout 65; server { listen 80; root /usr/share/nginx/html; error_page 404 /404.html; error_page 500 502 503 504 /50x.html; location / { } location /api { root html; index index.html index.htm; proxy_pass http://localhost:3000; } location /winecellarapi { root html; index index.html index.htm; proxy_pass http://localhost:3001; } location /download { root html; index index.html index.htm; proxy_pass http://localhost:8080/; } location = /40x.html { } location = /50x.html { } include /etc/nginx/default.d/*.conf; } server { listen 5683; server_name nbIot; root /var/www/nbIot/; index index.html index.htm; location / { proxy_pass http://localhost:5684; } } server { listen 443; server_name www.10000bee.com; ssl on; ssl_certificate /root/tools/cert/10000bee.com.crt; ssl_certificate_key /root/tools/cert/10000bee.com.key; ssl_session_timeout 5m; ssl_protocols TLSv1 TLSv1.1 TLSv1.2; ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:HIGH:!aNULL:!MD5:!RC4:!DHE; ssl_prefer_server_ciphers on; location / { root /usr/share/nginx/html; index index.html index.htm; } location = /mqtt { proxy_pass http://www.10000bee.com:8083; proxy_redirect off; proxy_set_header Host www.10000bee.com:8083; proxy_set_header Sec-WebSocket-Protocol mqtt; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection upgrade; } } server_tokens off; access_log off; server_names_hash_max_size 512; server_names_hash_bucket_size 128; client_header_buffer_size 32k; large_client_header_buffers 4 32k; gzip on; gzip_disable msie6; gzip_min_length 1k; gzip_comp_level 5; gzip_buffers 4 16k; gzip_http_version 1.1; gzip_proxied any; gzip_vary on; gzip_types text/plain text/css text/xml text/javascript text/x-component application/json application/javascript application/xml application/xhtml+xml application/xml+rss application/rss+xml application/atom+xml application/x-font-ttf application/x-web-app-manifest+json font/opentype image/svg+xml image/x-icon; fastcgi_buffer_size 64k; fastcgi_buffers 4 64k; fastcgi_busy_buffers_size 128k; fastcgi_temp_file_write_size 256k; include conf.d/*.conf; }