微信小程序 Nginx環(huán)境配置詳細(xì)介紹
微信小程序Server環(huán)境配置詳解
主要內(nèi)容:
1. SSL免費(fèi)證書(shū)申請(qǐng)步驟
2. Nginx HTTPS 配置
3. TLS 1.2 升級(jí)過(guò)程
微信小程序要求使用 https
發(fā)送請(qǐng)求,那么Web服務(wù)器就要配置成支持 https
,需要先申請(qǐng)SSL證書(shū)
小程序也要求 TLS
(傳輸層安全協(xié)議)的版本至少為 1.2
,在配置好 https
之后,如果 TLS
的版本較低,就涉及到升級(jí)問(wèn)題
所以 Server端環(huán)境配置的主要步驟:
- 申請(qǐng) SSL 證書(shū)
- 配置web服務(wù)器支持https(我使用的是nginx)
- 升級(jí)到 TLS 1.2
SSL證書(shū)申請(qǐng)
https
需要使用SSL證書(shū),這個(gè)證書(shū)的價(jià)格為每年三五千到一萬(wàn)多,對(duì)于小團(tuán)隊(duì)或者是想熟悉一下小程序的用戶(hù)來(lái)說(shuō),這個(gè)價(jià)格還是比較高的,這種情況可以選擇免費(fèi)證書(shū),另外,也可以考慮一下云服務(wù),例如 野狗、LeanCloud 這些成熟的服務(wù)平臺(tái),都支持 https,如果這些平臺(tái)能滿(mǎn)足自己的業(yè)務(wù)需求,就省掉了很多麻煩
免費(fèi)證書(shū):阿里云上的 賽門(mén)鐵克 免費(fèi)型DV SSL
申請(qǐng)過(guò)程
wanwang.aliyun.com
登錄控制臺(tái),點(diǎn)擊左側(cè)菜單中的 安全 -> 證書(shū)服務(wù)
,這個(gè)頁(yè)面中右上角有 購(gòu)買(mǎi)證書(shū)
按鈕,點(diǎn)擊進(jìn)入購(gòu)買(mǎi)頁(yè),選擇免費(fèi)型DV SSL
,購(gòu)買(mǎi)
訂單金額為0元,只是走一遍購(gòu)買(mǎi)流程,完成后回到證書(shū)服務(wù)
頁(yè)面,可以在列表中看到一個(gè)證書(shū)
首先進(jìn)行 “補(bǔ)全” 操作,填寫(xiě)自己的域名和基本信息
之后 “補(bǔ)全” 連接會(huì)變?yōu)?“進(jìn)度”,點(diǎn)擊后根據(jù)提示操作,主要是驗(yàn)證自己的服務(wù)器,我選的是文件驗(yàn)證,下載一個(gè)文件上傳到自己服務(wù)器,等待驗(yàn)證
驗(yàn)證沒(méi)問(wèn)題后,大概10分鐘左右就可以下載SSL證書(shū)了
Nginx HTTPS 配置
證書(shū)上傳到nginx目錄下,例如
/usr/local/nginx/cert
修改 conf/nginx.conf
配置 HTTPS server 塊兒,添加SSL配置
# HTTPS server # server { listen 443 ssl; server_name localhost; ...... ssl on; ssl_certificate /usr/local/nginx/cert/213994146300992.pem; ssl_certificate_key /usr/local/nginx/cert/213994146300992.key; ssl_session_timeout 5m; ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4; ssl_protocols TLSv1 TLSv1.1 TLSv1.2; ssl_prefer_server_ciphers on; location / { root html; index index.html index.htm; } ...... }
重新加載配置文件,瀏覽器中使用 https
方式訪(fǎng)問(wèn)自己的域名,看是否可以正常訪(fǎng)問(wèn)
升級(jí)到 TLS 1.2
查看 TLS 版本
訪(fǎng)問(wèn) https url 后,地址欄前面會(huì)有一個(gè)綠色小鎖圖標(biāo),點(diǎn)擊它可以查看到 TLS 版本信息
如果沒(méi)有達(dá)到 1.2
就需要升級(jí)
下面的操作環(huán)境為 centos linux
1)查看 openssl 版本
https://www.openssl.org/source/
1.0.2
以下的版本就要升級(jí),之前的版本官方都已經(jīng)停止維護(hù)
2)升級(jí) openssl
到官網(wǎng)下載新版
https://www.openssl.org/source/
例如下載到 /usr/local
升級(jí)
cd /usr/local tar zxvf openssl-1.0.2j.tar.gz cd openssl-1.0.2j ./config --prefix=/usr/local/openssl make && make install mv /usr/bin/openssl \ /usr/bin/openssl.OFF mv /usr/include/openssl \ /usr/include/openssl.OFF ln -s \ /usr/local/openssl/bin/openssl \ /usr/bin/openssl ln -s \ /usr/local/openssl/include/openssl \ /usr/include/openssl echo "/usr/local/openssl/lib"\ >>/etc/ld.so.conf ldconfig -v
驗(yàn)證
openssl version -a
3)重新編譯 nginx
升級(jí)OpenSSL
之后,nginx需要重新編譯,否則TLS還是舊版本的
下面是基本安裝,如您需求更多,請(qǐng)自行調(diào)整
用到的軟件
- openssl
- 前面已經(jīng)安裝完了
- pcre
pcre安裝:
下載地址 http://www.pcre.org/ 例如下載到 /usr/local cd /usr/local tar -zxv -f pcre-8.39.tar.gz cd pcre-8.39 ./configure --prefix=/usr/local/pcre/ make && make install
zlib安裝
下載地址 http://www.zlib.net/ 例如下載到 /usr/local cd /usr/local tar -zxv -f zlib-1.2.10.tar.gz cd zlib-1.2.10 ./configure --prefix=/usr/local/zlib/ make && make install
編譯nginx:
tar zxvf nginx-1.10.3.tar.gz cd nginx-1.10.3 ./configure --prefix=/data/nginx --with-http_ssl_module --with-openssl=/usr/local/openssl
tar -zxvf nginx-1.10.2.tar.gz cd nginx-1.10.2 ./configure \ --user=用戶(hù) \ --group=組 \ --prefix=/usr/local/nginx \ --with-http_ssl_module \ --with-openssl=/usr/local/openssl-1.0.2j \ --with-pcre=/usr/local/pcre-8.39 \ --with-zlib=/usr/local/zlib-1.2.10 \ --with-http_stub_status_module \ --with-threads make && make install
編譯完成后,記得把修改配置文件,添加好 SSL 的相關(guān)信息
然后啟動(dòng)nginx,訪(fǎng)問(wèn) https url 再次驗(yàn)證 TSL 版本
Nginx編譯安裝時(shí)遇到的問(wèn)題:
報(bào)錯(cuò)信息如下:
/bin/sh: line 2: ./config: No such file or directory make[1]: *** [/usr/local/ssl/.openssl/include/openssl/ssl.h] Error 127 make[1]: Leaving directory `/usr/local/src/nginx-1.10.2‘ make: *** [build] Error 2
需要說(shuō)明的是,我這里編譯所使用的Nginx源碼是1.10.2的。根據(jù)報(bào)錯(cuò)信息我們知道,出錯(cuò)是因?yàn)镹ginx在編譯時(shí)并不能在/usr/local/ssl/.openssl/ 這個(gè)目錄找到對(duì)應(yīng)的文件,其實(shí)我們打開(kāi)/usr/local/ssl/這個(gè)目錄可以發(fā)現(xiàn)這個(gè)目錄下是沒(méi)有.openssl目錄的,因此我們修改Nginx編譯時(shí)對(duì)openssl的路徑選擇就可以解決這個(gè)問(wèn)題了
解決方案:
打開(kāi)nginx源文件下的/root/nginx-1.10.2/auto/lib/openssl/conf文件
找到這么一段代碼:
CORE_INCS="$CORE_INCS $OPENSSL/.openssl/include" CORE_DEPS="$CORE_DEPS $OPENSSL/.openssl/include/openssl/ssl.h" CORE_LIBS="$CORE_LIBS $OPENSSL/.openssl/lib/libssl.a" CORE_LIBS="$CORE_LIBS $OPENSSL/.openssl/lib/libcrypto.a" CORE_LIBS="$CORE_LIBS $NGX_LIBDL"
修改成以下代碼:
CORE_INCS="$CORE_INCS $OPENSSL/.openssl/include" CORE_DEPS="$CORE_DEPS $OPENSSL/include/openssl/ssl.h" CORE_LIBS="$CORE_LIBS $OPENSSL/lib/libssl.a" CORE_LIBS="$CORE_LIBS $OPENSSL/lib/libcrypto.a" CORE_LIBS="$CORE_LIBS $NGX_LIBDL"
然后再進(jìn)行Nginx的編譯安裝即可
感謝閱讀,希望能幫助到大家,謝謝大家對(duì)本站的支持!
- 微信小程序購(gòu)物商城系統(tǒng)開(kāi)發(fā)系列-目錄結(jié)構(gòu)介紹
- 微信小程序 wx.request合法域名配置詳解
- 微信公眾號(hào)菜單配置微信小程序?qū)嵗斀?/a>
- 微信小程序 教程之小程序配置
- 微信小程序Server端環(huán)境配置詳解(SSL, Nginx HTTPS,TLS 1.2 升級(jí))
- 微信小程序(二)Window 配置詳細(xì)介紹
- 微信小程序 配置文件詳細(xì)介紹
- 微信小程序?qū)W習(xí)(4)-系統(tǒng)配置app.json詳解
- node.js微信小程序配置消息推送的實(shí)現(xiàn)
- 微信小程序?qū)W習(xí)筆記之目錄結(jié)構(gòu)、基本配置圖文詳解
相關(guān)文章
使用HTTP?Referer實(shí)現(xiàn)圖片防盜圖文示例詳解
這篇文章主要為大家介紹了使用HTTP?Referer實(shí)現(xiàn)圖片防盜圖文示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08前端加密cryptojs與JSEncrypt使實(shí)例詳解
這篇文章主要為大家介紹了前端加密cryptojs與JSEncrypt使實(shí)例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-08-08微信小程序網(wǎng)絡(luò)請(qǐng)求wx.request詳解及實(shí)例
這篇文章主要介紹了微信小程序網(wǎng)絡(luò)請(qǐng)求wx.request詳解及實(shí)例的相關(guān)資料,需要的朋友可以參考下2017-05-05JavaScript loader原理簡(jiǎn)單總結(jié)示例解析
這篇文章主要為大家介紹了JavaScript loader原理簡(jiǎn)單總結(jié)示例解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08javascript實(shí)現(xiàn)超炫的向上滑行菜單實(shí)例
這篇文章主要介紹了javascript實(shí)現(xiàn)超炫的向上滑行菜單實(shí)現(xiàn)方法,以一個(gè)完整實(shí)例形式分析了javascript針對(duì)頁(yè)面元素的遍歷與樣式操作相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08JS前端面試手寫(xiě)apply和bind實(shí)例
這篇文章主要為大家介紹了JS前端面試手寫(xiě)apply和bind實(shí)例的輕松實(shí)現(xiàn)詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-12-12