整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
，大家好，我是希留。
近日正好在學習nodejs相關的內容，拉代碼放在本地環境開發都很熟悉了，但是要把開發好的項目部署上線就很少接觸了。所以就花了點時間學習了一下如何nodejs項目部署到服務器上。以下就是整個部署的操作步驟：
首先需要一臺服務器，目前市面上用得最多的云服務就是騰訊云和阿里云了。
正好騰訊云正在推廣輕量服務器，配置用來學習足夠了，關鍵還很便宜，我就買了騰訊云的服務器。所以這里以騰訊云為例。 （騰訊云輕量服務器正在搞活動，2核4G的3年只需222元，用來自己學習真香。）
申請完成，首次登錄建議重置一下密碼。
重置完成后，等待服務器自動重啟。 之后就可以使用ssh連接工具進行可視化操作的連接，我使用的是xshell工具， 連接成功。
接下來依次鍵入命令安裝幾個軟件：
yum install -y nodejs
yum install -y git
yum install -y nginx
node.js 安裝完成就可以使用 npm 安裝 pm2
npm install pm2 -g
pm2 是 node 進程管理工具，可以利用它來簡化node 應用管理的繁瑣任務，如性能監控、自動重啟、負載均衡等，而且使用非常簡單。pm2 功能很強大，入門卻非常簡單，常用的幾個命令是：
pm2 start app.js -n uni 啟動一個進程并把它命名為 uni
pm2 list/ls 列出所有進程信息
pm2 logs 顯示所有進程日志
pm2 stop all 停止所有進程
pm2 restart all 重啟所有進程
pm2 reload all 0秒停機重載進程 (用于 NETWORKED 進程)
pm2 stop 0 停止指定的進程
pm2 restart 0 重啟指定的進程
pm2 startup 產生 init 腳本 保持進程活著
pm2 delete 0 殺死指定的進程
pm2 delete all 殺死全部進程
pm2 monit 查看進程的資源消耗情況
pm2 start app.js -i max // -i 表示 number-instances 實例數量 max 表示 PM2將自動檢測可用CPU的數量 可以自己指定數量
pm2 start app.js -n uni --watch 在文件改變的時候會重新啟動程序
pm2 startup centos 設置pm2開機自啟
pm2 save 保存設置
了解更多可以查看 官方文檔（https://pm2.keymetrics.io/docs/usage/quick-start/）。
首先，需要拉取一份源碼放在服務器上，依次輸入以下命令
git clone https://github.com/front-end-class/uniapp-music-back-code.git
#之后需要更新可以輸入命令：git pull
# 進入文件夾
cd uniapp-music-back-code
# 安裝npm包
npm install
# 使用pm2啟動
pm2 start app.js -n uni
# 查看狀態
pm2 list
啟動成功之后，打開瀏覽器，通過公網ip（http://42.194.222.32:3000） 進行訪問。（由于我的項目的端口是3000，是未開放的端口，所以還需要在防火墻里配置一下端口）
眾所周知，小程序接口需要使用 https，我們可以利用騰訊云提供的免費 SSL 證書來配置 https，而申請免費的證書需要一個域名。
我因為沒有域名，就新注冊了一個。注冊完成之后就可以申請免費的SSL證書了。
點擊免費申請按鈕，選擇域名型的（DV）免費證書即可：
在證書申請通過后，進入SSL證書列表，將所申請的域名SSL證書下載到本地后，再上傳到域名所在服務器。
回到xshell連接工具，在 /etc/nginx/ 下創建文件夾 ssl 件夾 ssl
cd /etc/nginx/
mkdir ssl
將 crt 和 key 兩個文件(公鑰和私鑰)修改好名字上傳到 ssl 文件夾
修改 nginx 配置文件
vi /etc/nginx/nginx.conf
修改server配置
server{
listen 80; #表示監聽80端口
server_name xiliu.online www.xiliu.online;
location / { #將80端口強制轉為https
rewrite (.*) https://www.xiliu.online$1 permanent;
}
}
server{
listen 443 ssl; #表示監聽443端口即https
server_name xiliu.online www.xiliu.online;
ssl_certificate /etc/nginx/ssl/xiliu.online_bundle.crt; #證書公鑰文件路徑
ssl_certificate_key /etc/nginx/ssl/xiliu.online.key; #證書私鑰文件路徑
ssl_session_timeout 5m; #5分鐘session會話保持
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 / { #將80端口強制轉為https
root /home/nginx/uni-music; # H5 打包后項目放置目錄
# 固定寫法就可以了
index index.html index.htm;
try_files $uri $uri/ /index.html;
}
location /api/ {
proxy_pass http://127.0.0.1:3000/; # node后端接口服務
proxy_redirect off;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
}
}
保存并重啟 nginx
sudo service nginx restart
如果沒有報錯，就可以使用 https 訪問網站了。
至此，整個部署就完成了。感謝您的閱讀，如有不足之處，歡迎在評論區多多批評指正。
面的話
如果服務器只需要放置一個網站程序，解析網站到服務器的網站，網站程序監聽80端口就可以了。如果服務器有很多應用，借助nginx不僅可以實現端口的代理，還可以實現負載均衡。本文將詳細介紹前端及nodeJS項目在服務器配置時需要用到的nginx配置。
安裝
【卸載nginx】
在介紹如何安裝nginx之前，先要介紹如何卸載nginx。因為nginx不正確的安裝，導致無法正常運行，所以需要卸載nginx。
sudo apt-get remove nginx nginx-common # 卸載刪除除了配置文件以外的所有文件sudo apt-get purge nginx nginx-common # 卸載所有東東，包括刪除配置文件sudo apt-get autoremove # 在上面命令結束后執行，主要是卸載刪除Nginx的不再被使用的依賴包sudo apt-get remove nginx-full nginx-common #卸載刪除兩個主要的包
【安裝nginx】
首先，更新包列表
sudo apt-get update
然后，一定要在sudo下安裝nginx
sudo apt-get install nginx
主機配置
【端口配置】
listen 127.0.0.1:8000;listen *:8000;listen localhost:8000;# IPV6listen [::]:8000;# other paramslisten 443 default_serer ssl;listen 127.0.0.1 default_server accept_filter=dataready backlog=1024
【主機名配置】
server_name www.xiaohuochai.com xiaohuochai.comserver_name *.xiaohuochai.comserver_name ~^\.xiaohuochai\.com$
路徑配置
【location】
nginx使用location指令來實現URI匹配
location=/ { # 完全匹配=# 大小寫敏感 ~ # 忽略大小寫 ~*}location ^~ /images/ { # 前半部分匹配 ^~ # 可以使用正則，如： # location ~* \.(gif|jpg|png)$ { }}location / { # 如果以上都未匹配，會進入這里}【根目錄設置】
location / { root /home/test/;}【別名設置】
location /blog { alias /home/www/blog/;}location ~ ^/blog/(\d+)/([\w-]+)$ { # /blog/20180402/article-name # -> /blog/20180402-article-name.md alias /home/www/blog/-.md;}【首頁設置】
index /html/index.html /php/index.php;
【重定向頁面設置】
error_page 404 /404.html;error_page 502 503 /50x.html;error_page 404=200 /1x1.gif;
location / { error_page 404 @fallback;}location @fallback { # 將請求反向代理到上游服務器處理 proxy_pass http://localhost:9000;}【try_files 設置】
try_files $uri $uri.html $uri/index.html @other;location @other { # 嘗試尋找匹配 uri 的文件，失敗了就會轉到上游處理 proxy_pass http://localhost:9000;}location / { # 嘗試尋找匹配 uri 的文件，沒找到直接返回 502 try_files $uri $uri.html=502;}反向代理
代理分為正向和反向代理，正向代理代理的對象是客戶端，反向代理代理的對象是服務端。
反向代理（reserve proxy）方式是指用代理服務器來接受 Internet 上的連接請求，然后將請求轉發給內部網絡中的上游服務器，并將上游服務器上得到的結果返回給 Internet 上請求連接的客戶端，此時代理服務器對外的表現就是一個 Web 服務器。
【負載均衡設置】
upstream，定義一個上游服務器集群
upstream backend { # ip_hash; server s1.barretlee.com; server s2.barretlee.com;}server { location / { proxy_pass http://backend; }}【反向代理設置】
proxy_pass 將請求轉發到有處理能力的端上，默認不會轉發請求中的 Host 頭部
location /blog { prox_pass http://localhost:9000;
### 下面都是次要關注項 proxy_set_header Host $host; proxy_method POST; # 指定不轉發的頭部字段 proxy_hide_header Cache-Control; proxy_hide_header Other-Header; # 指定轉發的頭部字段 proxy_pass_header Server-IP; proxy_pass_header Server-Name; # 是否轉發包體 proxy_pass_request_body on | off; # 是否轉發頭部 proxy_pass_request_headers on | off; # 顯形/隱形 URI，上游發生重定向時，Nginx 是否同步更改 uri proxy_redirect on | off;}HTTPS配置
server{ listen 80; server_name api.xiaohuochai.cc; return 301 https://api.xiaohuochai.cc$request_uri;}server{ listen 443; server_name api.xiaohuochai.cc; ssl on; ssl_certificate /home/www/blog/crt/api.xiaohuochai.cc.crt; ssl_certificate_key /home/www/blog/crt/api.xiaohuochai.cc.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; if ($ssl_protocol="") { rewrite ^(.*)https://$host$1 permanent; }
}【HTTP2】
開啟HTTP2服務非常簡單，只需要在端口443后面添加http2即可。
server{ listen 443 http2;...}gzip配置
開啟網站的 gzip 壓縮功能，通常可以高達70%，也就是說，如果網頁有30K，壓縮之后就變成9K， 對于大部分網站，顯然可以明顯提高瀏覽速度。
gzip配置在nginx.conf文件中已經存在，只不過默認是注釋的狀態，只需將注釋符號去掉即可
## # Gzip Settings ## gzip on; gzip_disable "msie6"; gzip_vary on; gzip_proxied any; gzip_comp_level 6; gzip_buffers 16 8k; gzip_http_version 1.1; gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;
緩存配置
如果服務器中存在靜態資源，可設置本地強緩存。expires 7d表示在本地緩存7天
location / { expires 7d; ... }設置完成后，瀏覽器會自動添加expires和cache-control字段，而對于協商緩存Etag和Last-Modified，nginx默認開啟，無需配置。
CSP配置
跨域腳本攻擊 XSS 是最常見、危害最大的網頁安全漏洞。為了防止它們，要采取很多編程措施，非常麻煩。很多人提出，能不能根本上解決問題，瀏覽器自動禁止外部注入惡意腳本？這就是"網頁安全政策"（Content Security Policy，縮寫 CSP）的來歷。
CSP 的實質就是白名單制度，開發者明確告訴客戶端，哪些外部資源可以加載和執行，等同于提供白名單。它的實現和執行全部由瀏覽器完成，開發者只需提供配置
目前，CSP有如下指令
指令 指令值示例 說明default-src 'self' cnd.a.com 定義針對所有類型（js、image、css、web font，ajax 請求，iframe，多媒體等）資源的默認加載策略，某類型資源如果沒有單獨定義策略，就使用默認的。script-src 'self' js.a.com 定義針對 JavaScript 的加載策略。style-src 'self' css.a.com 定義針對樣式的加載策略。img-src 'self' img.a.com 定義針對圖片的加載策略。connect-src 'self' 針對 Ajax、WebSocket 等請求的加載策略。不允許的情況下，瀏覽器會模擬一個狀態為 400 的響應。font-src font.a.com 針對 WebFont 的加載策略。object-src 'self' 針對 <object>、<embed> 或 <applet> 等標簽引入的 flash 等插件的加載策略。media-src media.a.com 針對 <audio> 或 <video> 等標簽引入的 HTML 多媒體的加載策略。frame-src 'self' 針對 frame 的加載策略。sandbox allow-forms 對請求的資源啟用 sandbox（類似于 iframe 的 sandbox 屬性）。report-uri /report-uri 告訴瀏覽器如果請求的資源不被策略允許時，往哪個地址提交日志信息。 特別的：如果想讓瀏覽器只匯報日志，不阻止任何內容，可以改用 Content-Security-Policy-Report-Only 頭。
指令值可以由下面這些內容組成：
指令值 指令示例 說明img-src 允許任何內容。'none' img-src 'none' 不允許任何內容。'self' img-src 'self' 允許來自相同來源的內容（相同的協議、域名和端口）。data: img-src data: 允許 data: 協議（如 base64 編碼的圖片）。www.a.com img-src img.a.com 允許加載指定域名的資源。.a.com img-src .a.com 允許加載 a.com 任何子域的資源。https://img.com img-src https://img.com 允許加載 img.com 的 https 資源（協議需匹配）。https: img-src https: 允許加載 https 資源。'unsafe-inline' script-src 'unsafe-inline' 允許加載 inline 資源（例如常見的 style 屬性，onclick，inline js 和 inline css 等等）。'unsafe-eval' script-src 'unsafe-eval' 允許加載動態 js 代碼，例如 eval()。
admin.xiaohuochai.cc中的CSP配置如下
add_header Content-Security-Policy "default-src 'self';script-src 'self' 'unsafe-inline' 'unsafe-eval';img-src 'self' data: https://pic.xiaohuochai.site https://static.xiaohuochai.site;style-src 'self' 'unsafe-inline';frame-src https://demo.xiaohuochai.site https://xiaohuochai.site;";
隱藏信息
在請求響應頭中，有這么一行 server: nginx，說明用的是 Nginx 服務器，但并沒有具體的版本號。由于某些 Nginx 漏洞只存在于特定的版本，隱藏版本號可以提高安全性。這只需要在配置里加上這個就可以了：
server_tokens off;
配置流程
下面在/etc/nginx/conf.d下新建一個配置文件，命名為test-8081.conf，內容如下
注意：一般以域名-端口號來命名配置文件
upstream xiaohuochai { server 127.0.0.1:8081;}server{ listen 80; server_name 1.2.3.4; location / { proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forward-For $proxy_add_x_forwarded_for; proxy_set_header Host $http_host; proxy_set_header X-Nginx-Proxy true; proxy_pass http://test; proxy_redirect off;
}
}下面使用sudo nginx -t來測試配置文件是否格式正確
如果不想讓報文顯示server的詳細信息，需要將/etc/nginx/nginx.conf主配置文件中的server_tockens off前面的注釋取消即可
接著，重啟nginx服務
sudo nginx -s reload
后端項目
下面來部署后端的nodejs項目，在/etc/nginx/conf.d目錄下新建文件，該項目占用3000端口，則起名為api-xiaohuochai-cc-3000.conf
upstream api { server 127.0.0.1:3000;}server{ listen 80; server_name api.xiaohuochai.cc; return 301 https://api.xiaohuochai.cc$request_uri;}server{ listen 443 http2; server_name api.xiaohuochai.cc; ssl on; ssl_certificate /home/www/blog/crt/api.xiaohuochai.cc.crt; ssl_certificate_key /home/www/blog/crt/api.xiaohuochai.cc.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; if ($ssl_protocol="") { rewrite ^(.*)https://$host permanent; } location / { proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forward-For $proxy_add_x_forwarded_for; proxy_set_header Host $http_host; proxy_set_header X-Nginx-Proxy true; proxy_pass http://api; proxy_redirect off; }}后臺項目
后臺項目起名為admin-xiaohuochai-cc-3001.conf。由于項目采用react構建，與普通的靜態網站有些不同
1、前端路由
由于使用前端路由，項目只有一個根入口。當輸入類似/posts的url時，找不到這個頁面，這是，nginx會嘗試加載index.html，加載index.html之后，react-router就能起作用并匹配我們輸入的/posts路由，從而顯示正確的posts頁面。
try_files $uri $uri/ /index.html=404;
2、反向代理
由于該項目需要向后端api.xiaohuochai.cc獲取數據，但是后臺占用的是3000端口，相當于跨域訪問，這時就需要進行反向代理。
location /api/ { proxy_pass http://api/; }注意：一定要在api后面添加/，否則不生效
3、配置緩存及CSP
expires 7d;add_header Content-Security-Policy "default-src 'self'; script-src 'self' 'unsafe-inline' 'unsafe-eval'; img-src 'self' data: https://pic.xiaohuochai.site https://static.xiaohuochai.site; style-src 'self' 'unsafe-inline'; frame-src https://demo.xiaohuochai.site https://xiaohuochai.site;";
下面是詳細的配置文件
upstream admin { server 127.0.0.1:3001;}server{ listen 80; server_name admin.xiaohuochai.cc; return 301 https://admin.xiaohuochai.cc$request_uri; root /home/www/blog/admin/build; index index.html;}server{ listen 443 http2; server_name admin.xiaohuochai.cc; ssl on; ssl_certificate /home/www/blog/crt/admin.xiaohuochai.cc.crt; ssl_certificate_key /home/www/blog/crt/admin.xiaohuochai.cc.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; if ($ssl_protocol="") { rewrite ^(.*)https://$host permanent; } location /api/ { proxy_pass http://api/; } location / { index index.html; root /home/www/blog/admin/build; expires 7d; add_header Content-Security-Policy "default-src 'self'; script-src 'self' 'unsafe-inline' 'unsafe-eval'; img-src 'self' data: https://pic.xiaohuochai.site https://static.xiaohuochai.site; style-src 'self' 'unsafe-inline'; frame-src https://demo.xiaohuochai.site https://xiaohuochai.site;"; try_files $uri $uri/ /index.html=404; }}前臺項目
前臺項目起名為www-xiaohuochai-cc-3002.conf。項目采用vue構建。該項目與后臺項目類似，但稍有些不同。不同之處在于，使用主域名xiaohuochai.cc或二級域名www.xiaohuochai.cc都需要跳轉。
server{ listen 443 http2; server_name www.xiaohuochai.cc xiaohuochai.cc;...詳細配置如下
upstream client { server 127.0.0.1:3002;}server{ listen 80; server_name www.xiaohuochai.cc xiaohuochai.cc; return 301 https://www.xiaohuochai.cc$request_uri; root /home/www/blog/client/dist; index index.html;}server{ listen 443 http2; server_name www.xiaohuochai.cc xiaohuochai.cc; ssl on; ssl_certificate /home/www/blog/client/crt/www.xiaohuochai.cc.crt; ssl_certificate_key /home/www/blog/client/crt/www.xiaohuochai.cc.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; if ($ssl_protocol="") { rewrite ^(.*)https://$host$1 permanent; } location /api/ { proxy_pass http://api/;
} location / { index index.html; root /home/www/blog/client/source/dist; expires 7d; add_header Content-Security-Policy "default-src 'self'; script-src 'self' 'unsafe-inline' 'unsafe-eval' https://static.xiaohuochai.site ; img-src 'self' data: https://pic.xiaohuochai.site https://static.xiaohuochai.site; style-src 'self' 'unsafe-inline' https://static.xiaohuochai.site; frame-src https://demo.xiaohuochai.site https://xiaohuochai.site https://www.xiaohuochai.site;"; try_files $uri $uri/ /index.html=404; }}SSR項目
如果前端項目是服務器端渲染的SSR項目，則與普通的前端項目有很大不同，它不僅需要守護后端程序，還有前端靜態資源的處理，如果是首頁，還需要處理www
詳細配置如下
upstream client { server 127.0.0.1:3002;}server{ listen 80; server_name www.xiaohuochai.cc xiaohuochai.cc; return 301 https://www.xiaohuochai.cc$request_uri;}server{ listen 443 http2; server_name www.xiaohuochai.cc xiaohuochai.cc; ssl on; ssl_certificate /home/blog/client/crt/www.xiaohuochai.cc.crt; ssl_certificate_key /home/blog/client/crt/www.xiaohuochai.cc.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; if ($host='xiaohuochai.cc'){ rewrite ^/(.*)$ http://www.xiaohuochai.cc/$1 permanent; } location / { expires 7d; add_header Content-Security-Policy "default-src 'self' https://static.xiaohuochai.site; connect-src https://api.xiaohuochai.cc; script-src 'self' 'unsafe-inline' 'unsafe-eval' https://static.xiaohuochai.site ; img-src 'self' data: https://pic.xiaohuochai.site https://static.xiaohuochai.site; style-src 'self' 'unsafe-inline' https://static.xiaohuochai.site; frame-src https://demo.xiaohuochai.site https://xiaohuochai.site https://www.xiaohuochai.site;"; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forward-For $proxy_add_x_forwarded_for; proxy_set_header Host $http_host; proxy_set_header X-Nginx-Proxy true; proxy_pass http://client; proxy_redirect off;
}}作者：小火柴的藍色理想 來源：http://39sd.cn/2FAE2
Nodejs是GoogleV8引擎的一個JavaScript腳本語言，實際上也就是相當于服務器一樣，可以解析網頁內容并產生效果。它的出現令JavaScript如虎添翼，而且Node比JavaScript執行更為快速，并且支持分布式，因為它使用了事件驅動型的非阻塞式的模型。說太多反而沒意思，不如我們自己搭建一個。
由于小編是Win7的系統，新版Nodejs不支持，不知道為什么？倒是對Win8很友好。于是小編在清華鏡像下載了下來，分享給大家。這里有兩個版本，一個是安裝包版本(后綴是.msi)無需配置環境變量；另一個是壓縮包，直接解壓然后配置環境變量即可。這里小編建議大家下載安裝包，考慮到有些人不懂的怎么設置環境變量，還是安裝包好點，小編偷個懶也下安裝包。
首先我們需要同意它的用戶協議，然后選擇安裝路徑，沒有硬性規定非得放在系統盤，那么就請放在其它盤，如下：
然后點擊下一步，會看到環境設置和安裝依賴項，不用管，Next繼續，如下：
然后我們會看到有一個選項，如圖：
這個是讓我們是否選擇這個工具，選擇了它就會下載，建議選上，然后等待片刻，安裝立馬就好了，如圖：
這個時候會出現一個CMD窗口，提示我們要下載工具了，并且需要關掉所有的窗口，如圖：
按回車后，完成閃退，進入CMD，輸入命令獲取Node版本號，若返回則說明安裝成功，如下：
首先創建一個文件夾，名字不要使用中文和大寫字母，然后我們在該目錄下打開命令提示符，并輸入命令“npm init”，如下：
這里我們一步步按回車，最后輸入Yes，即可創建一個Node的項目了。上面給出的都是項目的配置。打開文件夾去看看，如圖：
會創建一個Json格式的文件。然后我們需要給這個項目建立一個靜態的資源庫，一般放置圖片，HTML什么的，取名為Static好了，然后放一個HTML文件進去，取名“index.html”,至于內容隨便寫；然后我們需要在Json文件目錄建立一個Json文件，用作啟動服務器使用，先隨便寫一個，如圖：
然后我們訪問它，這個時候這個Js 文件就是服務端的程序，訪問就會出結果，如圖：
上面我們所建立的只能在Node中訪問，瀏覽器中不行，下面建立個瀏覽器中能訪問的，這樣才叫服務器嗎？我們先創建一個服務器的Js文件，內容如下：
var http=require('http');
var server=http.createServer(function (req,res)
{
res.writeHead(200, {'Content-Type': 'text/plain'});
res.end('Hello World\n');
});
server.listen(8080,'127.0.0.1');
console.log('Server running on http://127.0.0.1:8080/');然后我們在CMD中啟動服務，如下所示：
成功。
看完Nodejs搭建服務器是不是覺得很簡單了，不著急，更精彩的還在后面等著你，這才只是個開端而已。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
