摘要：創(chuàng)建成功后進入文件夾執(zhí)行執(zhí)行作用創(chuàng)建文件，維護項目的依賴文件解釋創(chuàng)建文件執(zhí)行作用用系統(tǒng)的編輯器打開文件。我的技術(shù)新群上一篇前后端分離項目實踐分析下一篇公司項目實踐

前端如何獨立用nodeJs實現(xiàn)一個簡單的注冊、登錄功能，是不是只用nodejs+sql就可以了？其實是可以實現(xiàn)，但離實際應(yīng)用還有距離，那要怎么做才是實際可用的。

網(wǎng)上有很多nodeJs的示例，包括和 sql / nginx … 等周邊技術(shù)結(jié)合demo，但通常都是做為入門演示或解決某一問題，少有站在項目實際完整應(yīng)用角度，給出一個整體的解決方案。一些前端朋友和我討論nodejs時，也多表現(xiàn)出對服務(wù)端的欠缺，雖然知道nodejs很好，但難以實際應(yīng)用。

我在這塊做了些研究，也在公司項目中有應(yīng)用，在此和大家分享下，如何用nodejs實現(xiàn)一個實際可用的項目，需要操作的步驟及相關(guān)的技術(shù)應(yīng)用?，F(xiàn)在還沒想好做怎樣的一個demo，就隨想隨做，如有意義的需求我們也可以一起實現(xiàn)下，若有欠缺，也歡迎共同討論。

第一次做，我們就先實現(xiàn)下最常用的注冊和登錄。

技術(shù)點：

??*因涉及到的技術(shù)點較多，在本項目中每一種技術(shù)如nginx只對使用到的部分做講解，其它部分后面用到再講，循序漸進，基礎(chǔ)較弱者也好逐步接受。

??*本節(jié)，我們將實現(xiàn)unbuntu、nodejs、nginx的安裝及初步使用，搭建一個可訪問的服務(wù)

本次開發(fā)將linux上開發(fā)，建議前端開發(fā)者嘗試使用linux系統(tǒng)，其能拓展技術(shù)面，在提升開發(fā)、發(fā)布效率等方面也有好處，初次使用linux會有些障礙，不過現(xiàn)在linux也有類win7的漂亮桌面環(huán)境，操作大致相似，在命令不熟時也可以正常使用，堅持用兩周，是可以適應(yīng)的。

選擇系統(tǒng)上建議安裝適合個人開發(fā)者的ubuntu。

建議安裝雙系統(tǒng)，虛擬機太弱，完全安裝ubuntu，使用又不便，有些軟件如PS是不支持linux的。

win7下安裝ubuntu 的雙系統(tǒng)，WIN7安裝ubutntu 步驟參見 http://www.upopen.cn/article/info?id=559291b3f0e6e0665b000001

安裝成功后，我們就開始提高B格之旅，接下來會對用到的linux操作做簡單解釋，具體的ubuntu教程可以參考 http://www.upopen.cn/article/info?id=55938b7ff0e6e0665b000003

快捷鍵 Ctrl + Alt + T 打開shell終端，

1、打開Nodejs站點 https://nodejs.org/download/，下載linux下對應(yīng)的.gz文件。也可以拷貝下載地址后，

在shell里執(zhí)行 wget https://nodejs.org/dist/v0.12.5/node-v0.12.5-linux-x64.tar.gz。

解釋：wget ：下載后面路徑指定的文件

2、下載后默認在Downloads文件里，我們將壓縮文件放Soft/node 目錄里以便分類管理

shell執(zhí)行 mkdir Soft // mkdir: 創(chuàng)建Soft文件夾

執(zhí)行 cd Downloads //cd: 進入到 Downloads 下載文件目錄

執(zhí)行 cp node-v0.12.5-linux-x64.tar.gz /home/cc/Soft
//cp: 復(fù)制 node..gz到Soft目錄下，注意cc是你的主機名，可通過pwd查看

執(zhí)行cd //進入個人根目錄

執(zhí)行cd Soft/node

執(zhí)行 tar -zxvf node-v0.12.5-linux-x64.tar.gz //tar -zxvf 解壓

執(zhí)行 mv node-v0.12.5-linux-x64.tar.gz node //mv : 修改文件夾名為node

執(zhí)行sudo vi /etc/profile //打開環(huán)境變量配置文件

在最后寫入

javascriptexport PATH="/home/cc/Soft/node/bin:$PATH"
export NODE_PATH="/home/cc/Soft/node/lib/node_modules"

javascript{
??"name": "myCoolNodejs ",
??"version": "0.0.1",
??"private": true,
??"scripts": {
???"start": "node app.js"
??},
??"dependencies": { //主要是這兩處，設(shè)置引入模塊，后面還會用到其它模塊，另行添加
???"express": "*",
???"ejs": "*"
??}
}

javascript        /**
        * 引入依賴模塊
        */
        var express    = require( "express" ),
        http              = require( "http" ),
        path             = require( "path" );

        var app        = express(),
        server     = http.Server( app );

        /**
        * 設(shè)置
        */
        app.set( "port", process.env.PORT || 3000 ); //服務(wù)啟動端口
        app.set( "views", __dirname + "/views" ); //視圖文件
        app.set( "view engine", "ejs" ); //頁面引擎
        app.use( "/", express.static( path.join( __dirname, "assets" ))); //靜態(tài)文件路徑

        app.get( "/", function( req, res ){
                res.render( "index.ejs" ); //請求跳轉(zhuǎn)到 index.ejs文件
        })
        server.listen( app.get( "port" ), function(){ //監(jiān)聽服務(wù)端口
                console.log( "root server listening on port " + app.get( "port" ));
        } );

        server.on( "close", function(){
                console.log( "close" );    
        } );

javascript        
        
        
        
        
        
            
我的nodejs項目
             
        
        

    在server里增加

javascript        location  ~ .(png|jpg|css|js|woff|ttf|less|gif)$ {
            root /home/jgc/root/static/;
            #配置以上面結(jié)尾的文件都指向到 /home/cc/root/static。注意/cc/修改為你的計算機名
        }
        location / {
            proxy_pass http://mynodejs.com;
            #其它請求轉(zhuǎn)向到 http://mynodejs.com; 該名稱可以自定義
        }

    在server外面新增

javascript        upstream mynodejs.com { //此處名稱與上面proxy_pass名稱一致
            server 127.0.0.1:3000;
        #創(chuàng)建集群，為分攤服務(wù)器壓力，可以創(chuàng)建多個服務(wù)器，做負載均衡，如果我們將web復(fù)制一份為web1，啟動端口改為3001，將其啟動后，此處可以再增加一條配置
            server 127.0.0.1: 3001
            # 這樣訪問便可隨機指向3000 及 3001服務(wù)，分攤訪問壓力、降低服務(wù)宕機風(fēng)險
        }