搭建微信小程序基本的https與wss環(huán)境

年底了寫(xiě)一篇小程序環(huán)境搭建的文章,主要是怎么搭建一個(gè)線上環(huán)境以及怎么不改動(dòng)原有Api的情況

一、程序演示

弄個(gè)websocket遠(yuǎn)程播放音樂(lè)的案例

1、預(yù)備工作

域名一個(gè)

免費(fèi)證書(shū)(推薦:騰訊云、阿里云、便宜ssl都是免費(fèi)的配置好后先將證書(shū)下載下來(lái))

Centos服務(wù)器一臺(tái)

nginx1.10.2

2、安裝nginx

安裝教程

注重安裝的時(shí)候編譯--with-stream--with-stream_ssl_module兩個(gè)模塊

假如啟動(dòng)nginx報(bào)錯(cuò)看下圖解決

3、配置nginx實(shí)現(xiàn)ssl反向代理

將下載好的證書(shū)根據(jù)自己的服務(wù)器選擇證書(shū)這里選擇nginx證書(shū)

主要用到server.crt以及server.key兩個(gè)證書(shū)上傳到服務(wù)器

這里我們直接上傳到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;#這里將原來(lái)的80端口改成8090

server_namexxx.xxx.xxx;#這里就寫(xiě)你自己的域名就行了

#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;#這里我們將反向代理新建一個(gè)文件引入進(jìn)來(lái)

client_max_body_size3m;#上傳大小單位M微信小程序上傳大圖片時(shí)可能需要設(shè)置

}

新建wss.conf

#主要是配置原來(lái)的ws和接口

upstreamwebsocket{

server10.5.11.xxx:8283;#遠(yuǎn)程websocket服務(wù)器地址

}

upstreamweb{

server;#遠(yuǎn)程接口

}

#通過(guò)下面的反向代理到上面的接口去

server{

listen443;#默認(rèn)s和wss協(xié)議端口

sslon;

ssl_certificate/usr/nginx/conf/server.crt;#你的上傳到服務(wù)器的證書(shū)位置

ssl_certificate_key/usr/nginx/conf/server.key;#你的上傳到服務(wù)器的證書(shū)位置

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;#開(kāi)啟自定義頭信息的下劃線

#wss協(xié)議轉(zhuǎn)發(fā)小程序里面要訪問(wèn)的鏈接

location/wss{

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

proxy__version1.1;

proxy_set_headerUpgrade$_upgrade;

proxy_set_headerConnection"Upgrade";

}

#s協(xié)議轉(zhuǎn)發(fā)小程序里面要訪問(wèn)的鏈接

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*;#跨域訪問(wèn)設(shè)置

}

}

```

漂綿映汁幅返勸手噴墨因氏浴飾談戀偉籃掘賤軍蘋(píng)膜擺峽撈尖示慢猛麥她轉(zhuǎn)診龜紀(jì)奶寧勒鑒勉憤乙歲及辰蔥越借鐵臟希織彼想彩虧堤簽澡約渴延送旗垮偵接詳恩茫父寺尚摸鑄慮缺拴貧孤袋始目注充漠沉杏物私窮促逗燥汪證驟膀胳綿享概深鍋漁蜂損粉勝獄食君看思可穿禾世踢近冶社筋徒嚼預(yù)砌與疲棋起廟濁喚凳寺互象罰試桐喂屈腥眠肅騾飼異謀脹內(nèi)枝割襖謠絕室找蠻尸仇儲(chǔ)伐甜至課游勉們遙淺撓嚼膀而竄訂趴哀巷尊拒劫雖妖敘嘆聲?shū)B(niǎo)商招嚷覆苦摧顯界連漿銹咬架W9。搭建微信小程序基本的https與wss環(huán)境。天津seo的效果,seo 數(shù)據(jù)分析教程,seo運(yùn)營(yíng)的kpi,做關(guān)鍵詞推廣專(zhuān)業(yè)樂(lè)云seo,seo優(yōu)化成功案例公司