nodejs搭建ajax伺服器
1. 如何用自己的電腦搭建web伺服器
如何用自己的電腦搭建web伺服器
這個可以直接網路搜索就有的。第一條經驗裡面就有裡面內容很詳細。搭建的時候。要看清楚自己的電腦是什麼系統。XP和WIN7的系統是有不同步驟的。
參考資料：:jingyan../article/9f63fb91d583b7c8400f0eef.
如何利用自己的電腦搭建WEB伺服器
如何利用自己的電腦搭建WEB伺服器？有各種方法，現在總結如下：
一、apache
1，下載wamp（windows+apache+mysql+php）環境安裝包，解壓到本地，就可以本地搭建web網站了，不過這種方法要求對代碼和apache比較精通。
2，下載phpstudy環境安裝包，解壓到本地，這個環境適合學習及本地測試，操作非常小白，界面式操作。
3，下載upupw適配安裝包，這個也是界面式的，可以選擇IIS、APACHE、KANGLE等各種環境。
二、IIS
目前windows7以上版本的系統，都支持IIS7.0。操作步驟比較繁瑣。
如何用自己的電腦搭建web伺服器，讓外網的用戶訪問
1、建議使用虛擬機，選擇好你需要的平台，在機子上裝好系統，以及對應的web服務端，然後在你的路由器上做好埠映射。
2、你要有個公網IP,如果沒有固定IP的話，可以用動態域名還做。
1.咱們先假定是固定IP的，如何域名解析？（我在區域網中用靜態IP，是固定的）
2.動態IP又如何域名解析？
3.自己的家的電腦想試試，還有就是學校的一台電腦伺服器也想試試
如何搭建自己的Web伺服器
安裝護衛神.主機大師，一鍵安裝web環境，支持IIS+ASP+ASP.+PHP+ftp+MYSQL+主機系統
如何用自己的電腦做一個WEB伺服器
伺服器具備的條件是24小時開機，因為要向外開放網路。web的話就必須搭建相應的環境，比如你製作的網站是asp環境就必須搭建asp環境的，還有php，jps等等，根據自己的需求安裝環境，還有其他的web應用。搭建網站的條件是1.域名（等等）2.伺服器（自己電腦，或者購買伺服器）3.腳本（aspaspxphpjsp等等）為了防止別人入侵你的網站你可以安裝相應的軟體來防止別人入侵你的網站比如：安全寶，安全狗。
xp用戶請下載iis for xp 的壓縮包。網路一下即可
一、IIS的添加
請進入「控制面板」，依次選「添加/刪除程序→添加/刪除Windows組件」，將「Inter信息服務（IIS）」前的小鉤去掉（如有），重新勾選中後按提示操作即可完成IIS組件的添加。用這種方法添加的IIS組件中將包括Web、FTP、NNTP和SMTP等全部四項服務。
二、IIS的運行
當IIS添加成功之後，再進入「開始→程序→管理工具→Inter服務管理器」以打開IIS管理器，對於有「已停止」字樣的服務，均在其上單擊右鍵，選「啟動」來開啟。
三、建立第一個Web站點
比如本機的IP地址為192.168.0.1，自己的網頁放在D:Wy目錄下，網頁的首頁文件名為Index.htm，現在想根據這些建立好自己的Web伺服器。
對於此Web站點，我們可以用現有的「默認Web站點」來做相應的修改後，就可以輕松實現。請先在「默認Web站點」上單擊右鍵，選「屬性」，以進入名為「默認Web站點屬性」設置界面。
1．修改綁定的IP地址：轉到「Web站點」窗口，再在「IP地址」後的下拉菜單中選擇所需用到的本機IP地址「192.168.0.1」。
2．修改主目錄：轉到「主目錄」窗口，再在「本地路徑」輸入（或用「瀏覽」按鈕選擇）好自己網頁所在的「D:Wy」目錄。
3．添加首頁文件名：轉到「文檔」窗口，再按「添加」按鈕，根據提示在「默認文檔名」後輸入自己網頁的首頁文件名「Index.htm」。
4．添加虛擬目錄：比如你的主目錄在「D:Wy」下，而你想輸入「192.168.0.1/test」的格式就可調出「E:All」中的網頁文件，這裡面的「test」就是虛擬目錄。請在「默認Web站點」上單擊右鍵，選「新建→虛擬目錄」，依次在「別名」處輸入「test」，在「目錄」處輸入「E:All」後再按提示操作即可添加成功。
5．效果的測試：打開IE瀏覽器，在地址欄輸入「192.168.0.1」之後再按回車鍵，此時就能夠調出你自己網頁的首頁，則說明設置成功！
四、添加更多的Web站點
1．多個IP對應多個Web站點
如果本機已綁定了多個IP地址，想利用不同的IP地址得出不同的Web頁面，則只需在「默認Web站點」處單擊右鍵，選「新建→站點」，然後根據提示在「說明」處輸入任意用於說明它的內容（比如為「我的第二個Web站點」）、在「輸入Web站點使用的IP地址」的下拉菜單處選中需給它綁定的IP地址即可（如圖1）；當建立好此Web站點之後，再按上步的方法進行相應設置。
如何在自己的電腦上搭建web伺服器
常見的Web伺服器有IIS，d和tomcat。Httpd和tomcat只需要下載只需要下載二進制包，解壓，從解壓目錄的bin目錄下運行d.exe或者startup.bat啟動即可。tomcat運行在java環境下，啟動之前還需要安裝java的jdk運行環境。另外，IIS自帶在微軟的Visual studio工具包里，安裝好以後可以通過控制面板裡面的安裝或關閉windows功能添加啟動服務。網路上都有相關安裝教程，可以參閱。
如何用nodejs搭建web伺服器
用nodejs搭建web伺服器方法：
引入需要用到的幾個模塊：
協議模塊
var = require('');
url解析模塊
var url = require('url');
文件系統模塊
var fs = require("fs");
路徑解析模塊
var path = require("path");
創建服務並在指定的埠監聽：
創建一個服務
var Server = .createServer(this.processRequest.bind(this));
在指定的埠監聽服務
Server.listen(port,function(){
console.log("[HttpServer][Start]","runing at :"+ip+":"+port+"/");
console.timeEnd("[HttpServer][Start]");
});
在創建服務的時候需要傳遞一個匿名函數processRequest 對請求進行處理，processRequest接收2個參數，分別是request和response, request對象中包含了請求的所有內容，response是用來設置響應頭以及對客戶端做出響應操作。
processRequest:function(request,response){
var hasExt = true;
var requestUrl = request.url;
var pathName = url.parse(requestUrl).pathname;
對請求的路徑進行解碼，防止中文亂碼
pathName = decodeURI(pathName);
如果路徑中沒有擴展名
if(path.extname(pathName) === ''){
如果不是以/結尾的，加/並作301重定向
if (pathName.charAt(pathName.length-1) != "/"){
pathName += "/";
var redirect = ":"+request.headers.host + pathName;
response.writeHead(301, {
location:redirect
});
response.end();
}
添加默認的訪問頁面,但這個頁面不一定存在,後面會處理
pathName += "index.";
hasExt = false; 標記默認頁面是程序自動添加的
}
獲取資源文件的相對路徑
var filePath = path.join("/webroot",pathName);
獲取對應文件的文檔類型
var contentType = this.getContentType(filePath);
如果文件名存在
fs.exists(filePath,function(exists){
if(exists){
response.writeHead(200, {"content-type":contentType});
var stream = fs.createReadStream(filePath,{flags:"r",encoding:null});
stream.on("error", function() {
response.writeHead(500,{"content-type": "text/"});
response.end("<h1>500 Server Error</h1>");
});
返迴文件內容
stream.pipe(response);
}else { 文件名不存在的情況
if(hasExt){
如果這個文件不是程序自動添加的，直接返回404
response.writeHead(404, {"content-type": "text/"});
response.end("<h1>404 Not Found</h1>");
}else {
如果文件是程序自動添加的且不存在，則表示用戶希望訪問的是該目錄下的文件列表
var = "<head><meta charset='utf-8'></head>";
try{
用戶訪問目錄
var filedir = filePath.substring(0,filePath.lastIndexOf('\'));
獲取用戶訪問路徑下的文件列表
var files = fs.readdirSync(filedir);
將訪問路徑下的所以文件一一列舉出來，並添加超鏈接，以便用戶進一步訪問
for(var i in files){
var filename = files[i];
+= "<div><a href='"+filename+"'>"+filename+"</a></div>";
}
}catch (e){
+= "<h1>您訪問的目錄不存在</h1>"
}
response.writeHead(200, {"content-type": "text/"});
response.end();
}
}
});
},
2. nodejs 如何部署到伺服器上
跟你在本地開發是相同的。
1、安裝指定版本的node.js（伺服器基本軟體的安裝）
2、上傳代碼到伺服器（可以通過ftp、ssh、git等方式）
3、安裝項目依賴的模塊
>npminstall
4、啟動應用（也可以通過forever、pm2等工具進行管理）
>node./www/bin
當然，如果你深諳運維之道，可以直接通過docker等方案將運行環境容容器化。
基本的linux運維知識的話可以參考linuxprobe.com。
還有幾個需要注意的點：
1、運行許可權：注意做好應用之間的隔離（使用低許可權用戶、文件系統隔離等），避免應用崩潰導致系統宕機等風險
2、80埠：通過nginx等進行反向代理，應用本身佔用1024後的埠（無需root許可權）
3. nodejs + express怎麼實現Ajax方式及其簡單功能
componentDidMount: function() {
//ajax請握攔求
var xmlhttp;
if(window.XMLHttpRequest) {
xmlhttp = new XMLHttpRequest();
}else if(window.ActiveXObject) {
xmlhttp = new ActiveXObject(『Microsoft.XMLHTTP』);
}else {
alert(『必須提高瀏覽器版本段談胡才能瀏覽!』);
return false;
}
//回調
xmlhttp.onreadystatechange = function(){
if(xmlhttp.readyState == 4) {
if(xmlhttp.status == 304 || (xmlhttp.status >= 200 && xmlhttp.status < 300)) {
var renderMessage = JSON.parse(xmlhttp.responseText);
if(this.isMounted()){
this.setState({
data: renderMessage,
});
}
}
}
}.bind(this);
//請侍乎求
xmlhttp.open(『post』,』/photo.list.server』,true);
xmlhttp.setRequestHeader(「Content-Type」,「application/x-www-form-urlencoded;charset=utf-8」);
xmlhttp.send(null);
}
以上是前端的代碼。
後台其實邏輯如下:
var mongoose = require(『mongoose』);
var PhotoList = mongoose.model(『PhotoList』);
mole.exports = function(req, res, next) {
PhotoList.find({}, function(err, docs) {
if(err) {
res.end(『Error』);
return next();
}
res.send(JSON.stringify(docs));
});
}
4. 如何用nodejs搭建web伺服器
用nodejs搭建web伺服器方法：
引入需要用到的幾個模塊：
//http協議模塊
var http = require('http');
//url解析模塊
var url = require('url');
//文件系統模塊
var fs = require("fs");
//路徑解析模塊
var path = require("path");
創建服務並在指定的埠監聽：
//創建一個服務
var httpServer = http.createServer(this.processRequest.bind(this));
//在指定的埠監聽服務
httpServer.listen(port,function(){
console.log("[HttpServer][Start]","runing at http://"+ip+":"+port+"/");
console.timeEnd("[HttpServer][Start]");
});
在創建服務的時候需要傳塌改遞一個匿名函數processRequest 對請求進行處理，processRequest接收2個參數，分別是request和response, request對象中包含了請求的所有內容，response是用來設置響應頭以及對客戶端做出響應操作。
processRequest:function(request,response){
var hasExt = true;
var requestUrl = request.url;
var pathName = url.parse(requestUrl).pathname;
//對請求的路徑進行解碼，防止中文亂碼
pathName = decodeURI(pathName);
//如果路徑中沒有擴展名
if(path.extname(pathName) === ''){
//如果不是以/結尾的，加/並作301重定向
if (pathName.charAt(pathName.length-1) != "/"){
pathName += "/";
var redirect = "http://"+request.headers.host + pathName;
response.writeHead(301, {
location:redirect
});
response.end();
}
//添加默認團瞎判的訪問頁面,但這個頁面不一定存在,後面會處理
pathName += "index.html";
hasExt = false; //標記默認頁面是程序自動添加的
}
//獲取資源文件的相對路徑
var filePath = path.join("http/webroot",pathName);
//獲取對應文件的文檔類型
var contentType = this.getContentType(filePath);
//如果文件名存在
fs.exists(filePath,function(exists){
if(exists){
response.writeHead(200, {"content-type":contentType});
var stream = fs.createReadStream(filePath,{flags:"r",encoding:null});
stream.on("error", function() {
response.writeHead(500,{"content-type": "text/html"});
response.end("<h1>500 Server Error</h1>");
});
//返迴文件內容
stream.pipe(response);
}else { //文件名不存在的情況
if(hasExt){
//如果這個文件不是程序自動添加的，直接返回404
response.writeHead(404, {"content-type": "text/html"});
response.end("<h1>404 Not Found</h1>");
}else {
//如果文件是程序自動添加的且不神告存在，則表示用戶希望訪問的是該目錄下的文件列表
var html = "<head><meta charset='utf-8'></head>";
try{
//用戶訪問目錄
var filedir = filePath.substring(0,filePath.lastIndexOf('\\'));
//獲取用戶訪問路徑下的文件列表
var files = fs.readdirSync(filedir);
//將訪問路徑下的所以文件一一列舉出來，並添加超鏈接，以便用戶進一步訪問
for(var i in files){
var filename = files[i];
html += "<div><a href='"+filename+"'>"+filename+"</a></div>";
}
}catch (e){
html += "<h1>您訪問的目錄不存在</h1>"
}
response.writeHead(200, {"content-type": "text/html"});
response.end(html);
}
}
});
},
5. nodejs + express怎麼實現Ajax方式及其簡單功能
nodejs + express怎麼實現Ajax方式及其簡單功能
4) 對庫函數的調用不需要再作說明，但必須把該函數的頭文件用include命令包含在源文件前部。
8.5 函數的嵌套調用
C語言中不允許作嵌套的函數定義。因此各函數之間是平行的，不存在上一級函數和下一級函數的問題。但是C語言允許在一個函數的定義中出現對另一個函數的調用。這樣就出現了函數的嵌套調用。即在被調函數中又調用其它函數。這磨液喊與其它語言的子程序嵌套的情形是類似的。其關系可表示如圖。
圖表示了兩層嵌套的情形。其執埋襪行過程是：執行main函數中調用a函數的語句時，即轉去執行a函數，在a函數中調用b 函數時，又轉去執行b函數，b函數執行完畢返回a函數的斷點繼續執行，a函數執行完畢返回main函數的斷點繼續執行。
【例8.4】計算s=22!+32!
本題可編寫兩個函數，一個是用來計算平方值的瞎野函數f1，另一個是用來計算階乘值的函數f2。主函數先調f1計算出平方值，再在f1中以平方值為實參，調用 f2計算其階乘值，然後返回f1，再返回主函數，在循環程序中計算累加和。
long f1(int p)
{
int k;
long r;
long f2(int);
k=p*p;
r=f2(k);
return r;
}
long f2(int q)
{
long c=1;
int i;
for(i=1;i<=q;i++)
c=c*i;
return c;
}
main()
{
int i;
long s=0;
for(i=2;i<=3;i++)
s=s+f1(i);
printf("\ns=%ld\n",s);
}
6. 如何使用nodejs搭建開發環境
1.安裝NodeJS
1.編譯環境
源代碼編譯器，通常 Unix/Linux平台都自帶了C++的編譯器（GCC/G++）。如果沒有，請通過當前發行版的軟體包安裝工具安裝make，g++這些編譯工具。
Debian/Ubuntu下的工具是apt-get
RedHat/centOS下通過yum命令
Mac OS X下你可能需要安裝xcode來獲得編譯器
2.網路加密
其次，如果你計劃在Node.js中啟用網路加密，OpenSSL的加密庫也是必須的。該加密庫是libssl-dev，可以通過apt-get install libssl-dev等命令安裝。
3.手動編譯
wget http://nodejs.org/dist/v0.10.26/node-v0.10.26.tar.gz
tar zxvf node-v0.6.1.tar.gz
cd node-v0.10.26
./configure
上面幾行命令是通過wget命令下載最新版本的代碼，並解壓之。./configure命令將會檢查環境是否符合Nodejs的編譯需要。
make
make install
2.安裝NPM
1.NPM的全稱是Node Package Manager, 是NodeJs的第三方安裝庫。
curl http://npmjs.org/install.sh | sh
curl http://npmjs.org/install.sh是通過curl命令獲取這個安裝shell腳本，按後通過管道符| 將獲取的腳本交由sh命令來執行。
2.更改第三方庫
npm install underscore
[email protected] ./node_moles/underscore
由於一些特殊的網路環境，直接通過npm install命令安裝第三方庫的時候，經常會出現卡死的狀態。幸運的是國內CNode社區的@fire9 同學利用空餘時間搭建了一個鏡像的NPM資源庫，伺服器架設在日本，可以繞過某些不必要的網路問題。你可以通過以下這條命令來安裝第三方庫：
npm --registry "http://npm.hacknodejs.com/
如果你想將它設為默認的資源庫，運行下面這條命令即可：
npm config set registry "http://npm.hacknodejs.com/ "
通過npm安裝包。安裝好之後會自動被安裝到 /usr/local/bin 目錄下，而相依的函式庫也會自動安裝到 /usr/local/lib/node 目錄下，實在是非常方便。
3.安裝NodeJS調試環境
1.用npm命令安裝全局模式的 node-inspector組件
sudo npm install -g node-inspector
2.更改埠
修改 node-inspector/lib/config.js的埠
』web-port』: {
desc: 『Port to host the inspector』,
convert: conversions.stringToInt,
defaultValue: 6868
},
3.使用
node-inspector啟動一個調試工具
在chrome瀏覽器中輸入http://127.0.0.1:6868/debug?port=5858打開chrome的調試模式
使用node debug調試nodeJS項目
node --debug-brk=5858 read.js
可以在chrome中查看到調試信息
4.使用Sublime構建NodeJS
設置Sublime的Builder->>
Tools ->> Build System ->> New Build System
將如下代碼寫入
{
「cmd」: ["/usr/local/bin/node", 「$file」],
「file_regex」: 「^[ ]File "(…?)」, line ([0-9]*)",
「selector」: 「source.javascript」
}
保存為NodeJs.sublime-build文件
如此可以直接使用Com+B來使用nodejs運行程序
7. nodejs搭建web伺服器就是這么簡單！
Node.js 是一個基於 Chrome V8 引擎的 JavaScript 運行環境。 Node.js 使用了一個事件驅動、非阻塞式 I/O 的模型，使其輕量又高效。Node.js 的包管理器 npm，是全球最大的開源庫生態系統。（nodejs官網上的介紹），正如官網上介紹的那樣，nodejs確實很牛！怎麼個牛法？看看下面的代碼就知道了。
//引入http模塊
var http = require("http");
//設置主機名
var hostName = 飗.0.0.1'
//設置埠
var port = 8080;
//創建服務
var server = http.createServer(function(req,res){
res.setHeader('Content-Type','text/plain');
res.end("hello nodejs");
});
server.listen(port,hostName,function(){
console.log(`伺服器運行在http://${hostName}:${port}`);
});
短短幾行代碼就把一個簡單的web伺服器搭建完成了，為了驗證效果，我們在瀏覽器請求，結果如下
運行成功！
到此為止，一個web伺服器就建立成功了！ 沒錯就是這么簡單，然後我們就可以寫個html界面愉快的玩耍了，哈哈哈！果斷的寫了一個html頁面來請求一下我們的web伺服器。
代碼簡單，點擊p獲取數據並將伺服器返回的數據展示。好了，我們運行一下demo.html文件，我擦來！居然出現了……
很明顯，通過jquery請求不到數據，這是因為跨域請求的原因。我們的web伺服器並不支持跨域請求，所以報錯了。解決方式：在伺服器的響應頭文件里加上如下代碼：
再次重啟伺服器，運行demo.html，顯示結果很是令人欣喜！
通常請求伺服器都會拼接參數的，最常用的就是get請求，post請求。很明顯，我們現在的代碼還不能支持。express框架很好的封裝了nodejs的http模塊，使我們用起來非常的簡單。
引入express ：$ cnpm install express –save
使用方式變化不大，通過express（）方法開啟服務，然後在通過get方法來設置匹配參數的路由，通過在回調函數的req中可以獲取請求參數和地址。post請求也是類似，不過有不同的是，post請求在獲取參數的時候要引入body-parser 中間件，用於處理 JSON, Raw, Text 和 URL 編碼的數據。
運行結果：
完整的get以及post請求就是以上了。下一篇文章會結果fs文件模塊介紹http是如何返迴文件的，敬請期待！！
學習從來不是一個人的事情，要有個相互監督的夥伴，想要學習或交流前端問題的小夥伴可以私信「學習」小明加群獲取2019web前端最新入門資料，一起學習，一起成長！