Nginx+SSL+Node.js運(yùn)行環(huán)境配置教程
Nginx是一款高性能的HTTP服務(wù)器,同時(shí)也是一款高效的反向代理服務(wù)器。不像傳統(tǒng)的服務(wù)器,Nginx是基于事件驅(qū)動(dòng)的異步架構(gòu),內(nèi)存占用少但是性能很好。如果你的Web應(yīng)用是基于Node.js的,那么建議你考慮使用Nginx來做反向代理,因?yàn)镹ginx可以非常高效地提供靜態(tài)文件服務(wù)。本文的主要內(nèi)容是在不同的操作系統(tǒng)下配置Nginx和SSL,并且搭建一個(gè)Node.js運(yùn)行環(huán)境。
安裝Nginx
假設(shè)你已經(jīng)在服務(wù)器上安裝了Node.js,下面我們來安裝Nginx。
在Mac系統(tǒng)上安裝Nginx
利用chown命令來獲取訪問/usr/local文件夾的權(quán)限,命令代碼如下:
sudo chown -R ‘username here' /usr/local
接下來的兩行命令就可以安裝Nginx了:
brew link pcre
brew install nginx
Nginx安裝完畢后,你可以用下面的命令來啟動(dòng)Nginx
sudo nginx
最后你可以在目錄/usr/local/etc/nginx/nginx.conf下看到Nginx的配置文件。
在Ubuntu上安裝Nginx
如果你使用Ubuntu,那么可以用以下方式安裝Nginx:
sudo apt-get update
sudo apt-get install nginx
Nginx安裝完成后便可自動(dòng)啟動(dòng)。
在Windows下安裝Nginx
windows版本的nginx可以在這里下載,接下來將安裝包解壓放到指定目錄下,在cmd命令工具下運(yùn)行以下代碼:
unzip nginx-1.3.13.zip
cd nginx-1.3.13
start nginx
同樣,start nginx命令會讓nginx啟動(dòng)完成。
現(xiàn)在我們已經(jīng)安裝完Ngnix,接下來該配置服務(wù)器了。
配置Node.js服務(wù)器
首先我們來創(chuàng)建一個(gè)簡單的Node.js服務(wù)器,你可以在這里下載Express版本的Node.js。下載源代碼后,將其解壓至demoApp文件夾下,并且輸入以下命令讓服務(wù)器在3000端口上啟動(dòng)。
npm install
node bin/www
1
<h2 id=”configuring-nginx”>Configuring Nginx</h2>
<p>Now let's open up Nginx config file. As I am on Mac, I can just use nano to start editing the file:</p>
1
nano /usr/local/etc/nginx/nginx.conf
如果需要,你也可以直接到文件夾下用你最喜歡的文本編輯器打開config文件,你可以在文件中找到server 配置節(jié)點(diǎn),類似下面的代碼:
server {
listen 8080;
server_name localhost;
….
more config goes here
}
接下來我們將對server 節(jié)點(diǎn)作一些符合自己需求的配置,我們需要把網(wǎng)站中的靜態(tài)文件請求交給Nginx處理,其他的文件請求則交給Node.js后端服務(wù)器。我們將用下面的代碼替換上面的server 配置節(jié)點(diǎn):
server {
listen 8080;
server_name localhost;
location / {
proxy_pass http://localhost:3000;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection ‘upgrade';
proxy_set_header Host $host;
proxy_cache_bypass $http_upgrade;
}
location /public {
root /usr/local/var/www;
}
}
這樣我們就讓Nginx在http://localhost:8080. 上監(jiān)聽了。location / 配置節(jié)點(diǎn)將告訴Nginx接收任意的請求,location 配置節(jié)點(diǎn)中我們用proxy_pass 指定了Node.js的后端服務(wù)器為http://localhost:3000 。
現(xiàn)在我們要用另外一個(gè)配置節(jié)點(diǎn)location /public 來告訴Nginx處理靜態(tài)文件請求,其中內(nèi)部的location 節(jié)點(diǎn)設(shè)置了根目錄為/usr/local/var/www. 當(dāng)然你也可以換成其他的目錄。如此一來,當(dāng)有類似這樣的請求http://localhost:8080/public/somepath/file.html ,Nginx都會從/usr/local/var/www/public/somepath/file.html讀取靜態(tài)文件。
修改完配置文件后,你需要用下面的代碼來重啟Nginx:
Mac:
sudo nginx -s stop && sudo nginx
Ubuntu:
sudo service nginx restart
或者
sudo /etc/init.d/nginx restart
Windows:
nginx -s reload
接下來我們來用Nginx來代替Node.js提供CSS樣式文件,Node.js模板用的是/public/stylesheets/style.css 下面的文件。在/usr/local/var/www/public/stylesheets 文件夾下創(chuàng)建一個(gè)名為style.css 的文件,Nginx將會正確地解析到它。比如你可以在CSS文件中寫入以下代碼:
body {
padding: 50px;
font: 14px “Lucida Grande”, Helvetica, Arial, sans-serif;
}
a {
color: #00B7FF;
}
然后你可以登錄到http://localhost:8080 下來看自己的web應(yīng)用,你會發(fā)現(xiàn)盡管是訪問Nginx服務(wù)器,但是請求都是通過真實(shí)的Node.js后端服務(wù)器處理的,只有CSS靜態(tài)文件由Nginx處理。
創(chuàng)建SSL
網(wǎng)站產(chǎn)品做多了,你會發(fā)現(xiàn)需要?jiǎng)?chuàng)建SSL來保護(hù)敏感的信息??赡苣愕谝环磻?yīng)會想到從證書頒發(fā)機(jī)構(gòu)申請網(wǎng)站證書,但是你也可以創(chuàng)建簽名證書。唯一的問題就是瀏覽器端會提示“該證書不可信”的警告信息,但是作為本地測試,這也就足夠了。這里有一篇教程講解了如何自己創(chuàng)建簽名SSL證書,可以看看。
當(dāng)你有了自己的證書,你就可以在Nginx上安裝SSL了,修改后的配置文件,代碼如下:
server {
listen 8080;
listen 443 ssl;
server_name localhost;
ssl_certificate /etc/nginx/ssl/server.crt
ssl_certificate_key /etc/nginx/ssl/server.key
location / {
proxy_pass http://localhost:3000;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection ‘upgrade';
proxy_set_header Host $host;
proxy_cache_bypass $http_upgrade;
}
location /public {
root /usr/local/var/www;
}
}
完成了!這樣當(dāng)你訪問https://localhost:8080 的時(shí)候SSL就可以開始工作了。這里我們默認(rèn)將證書保存在/etc/nginx/ssl/server.crt 目錄下。將私鑰保存在/etc/nginx/ssl/server.key 目錄下,你也可以改變保存的目錄。
總結(jié)
本文中我們學(xué)到了如何用Nginx為Node.js做反向代理,并且配置SSL。由Nginx在前端處理靜態(tài)文件請求,這可以為Node.js后端服務(wù)器大大減輕壓力。自己嘗試一下吧,有什么問題可以在評論中交流。
- Node.JS段點(diǎn)續(xù)傳:Nginx配置文件分段下載功能的實(shí)現(xiàn)方法
- Nginx做NodeJS應(yīng)用負(fù)載均衡配置實(shí)例
- 為Node.js程序配置使用Nginx服務(wù)器的簡明教程
- Node.js站點(diǎn)使用Nginx作反向代理時(shí)配置GZip壓縮的教程
- 使用Node.js配合Nginx實(shí)現(xiàn)高負(fù)載網(wǎng)絡(luò)
- 為高負(fù)載網(wǎng)絡(luò)優(yōu)化Nginx和Node.js的方法
- 用Nginx反向代理Node.js的方法
- 利用nginx + node在阿里云部署https的步驟詳解
- 利用Nginx實(shí)現(xiàn)反向代理Node.js的方法詳解
- node解析修改nginx配置文件操作實(shí)例分析
相關(guān)文章
nginx關(guān)閉favicon.ico、robots.txt日志記錄配置
這篇文章主要介紹了nginx關(guān)閉favicon.ico、robots.txt日志記錄配置,同時(shí)提供了不允許訪問某些隱藏文件的配置方法,需要的朋友可以參考下2014-05-05nginx worker進(jìn)程循環(huán)的實(shí)現(xiàn)
這篇文章主要介紹了nginx worker進(jìn)程循環(huán)的實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-02-02nginx外網(wǎng)訪問內(nèi)網(wǎng)站點(diǎn)配置操作
這篇文章主要介紹了nginx外網(wǎng)訪問內(nèi)網(wǎng)站點(diǎn)配置操作,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08