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

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

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

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

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

技術點：

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

??*本節，我們將實現unbuntu、nodejs、nginx的安裝及初步使用，搭建一個可訪問的服務

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

選擇系統上建議安裝適合個人開發者的ubuntu。

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

win7下安裝ubuntu 的雙系統，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下對應的.gz文件。也可以拷貝下載地址后，

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

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

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

shell執行 mkdir Soft // mkdir: 創建Soft文件夾

執行 cd Downloads //cd: 進入到 Downloads 下載文件目錄

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

執行cd //進入個人根目錄

執行cd Soft/node

執行 tar -zxvf node-v0.12.5-linux-x64.tar.gz //tar -zxvf 解壓

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

執行sudo vi /etc/profile //打開環境變量配置文件

在最后寫入

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": { //主要是這兩處，設置引入模塊，后面還會用到其它模塊，另行添加
???"express": "*",
???"ejs": "*"
??}
}

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

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

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

        app.get( "/", function( req, res ){
                res.render( "index.ejs" ); //請求跳轉到 index.ejs文件
        })
        server.listen( app.get( "port" ), function(){ //監聽服務端口
                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/;
            #配置以上面結尾的文件都指向到 /home/cc/root/static。注意/cc/修改為你的計算機名
        }
        location / {
            proxy_pass http://mynodejs.com;
            #其它請求轉向到 http://mynodejs.com; 該名稱可以自定義
        }

    在server外面新增

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