跳到主要內容

[鐵人賽] Node.js 執行程式 & 環境介紹 - day 5

Node.js 執行程式 & 環境介紹

前言

環境目前已經都建置完成,也對於基本的架構有個認識,在這邊還是要花個章節,跟大家介紹怎麼樣執行 node.js 程式,凡事總是要有個 hello world.

執行程式

所有的 Node.js 程式都必須要在『終端機』模式底下進行執行(沒錯,就是那個黑色的畫面,請慢慢習慣跟黑色畫面的鍵盤輸入對話框當好朋友。)

而我們從 node.js 偷來第一個簡單的 Web 簡易程式。


var http = require('http');
http.createServer(function (req, res) {
  res.writeHead(200, {'Content-Type': 'text/plain'});
  res.end('Hello World\n');
}).listen(1337, '127.0.0.1');
console.log('Server running at http://127.0.0.1:1337/');

上面這串程式,儲存成 server.js,接著執行

node server.js

就可以開啟瀏覽器,連結 url: http://127.0.0.1:1337/ ,可以看到畫面顯示,

Hello World

恭喜完成第一個 node module

Node.js 程式說明

Node.js 的程式架構中,採用了 CommonJS 為規範,所以我們可以看到許多和其前端開發有所差異的用法。

require

require 這個關鍵字,主要是用於某個模組載入,例如上面的程式,就是直接讀取 http 模組,而 Node module 分為三種,原生,和之後透過 npm 安裝,還有另外一種自己寫的。

var http = require('http');

上面的程式就是直接載入 Node.js 原生的 http 模組,至於要怎麼知道這個模組是不是原生,可以在 nodejs.org 上面找 API 就可以找到答案。

var express = require('express');

上面的程式,如果沒有進行安裝任何 express 套件就執行此程式的話,就會顯示,

Error: Cannot find module 'express'
//...

需要使用這類的模組就需要透過 npm install module_name 才可以找到相對的模組。

var md = require('./md');

上面的載入方式,為目前專案底下自行編寫的 node module ,而 md 可以為一個資料夾(起始檔案為 index.js),也可以是一個 js 檔案(後面的 .js可以被省略),如此一來就可以載入自行編寫的 module.

全域模組

全域模組目前知道有

console

process

這兩個模組都是 Node.js 剛起來的時候,原生的模組,當然還有 JS 本身原生的模組,例如 String, Array, JSON 等,這些在後面的章節都會介紹。

後記

相信介紹到這邊,對於 node.js 程式怎麼啟動,以及剛開始目前有哪些模組,對於 node module 也有一個基本的認知。

留言

這個網誌中的熱門文章

[CSS] z-index 在不同瀏覽器繼承問題

今天會討論到這個課題,是因為要實做一個Popup dialog,所以我們希望的結果如下圖。 可是在IE7 卻發生了這樣的情況。 Popup不論怎麼設定z-index都無法浮在最上層,我們看一下html架構發生什麼事情。

[教學] 快快樂樂刪除CodeIgniter index.php

預設的CI網址預設都設定為index.php同一層級,因此所有的程式都必須指定index.php導向才能開始,例如 http://localhost/ci/index.php/welcome/test http://localhost/ci/welcome/test 本文將說明如何將惱人的index.php消除,還你一個漂亮的URL。 設定開始: 接下來說明如何使用rewrite方式將惱人的index.php去除。 rewrite不清楚的人,煩請先自行google 首先要先確定Apache的 mod_rewrite 有 開啟 ,如果沒有開啟請設定好之後重新啟動apache。 接著,在根目錄底下建立一個新檔案,檔名為 .htaccess ,裡面程式碼如下: <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule ^(.*)$ index.php/$1 [L] </IfModule> 接著到 application/config/config.php ,開啟檔案修改 $config['index_page'] = ""; 注意: /index.php/$1 要根據你目錄,例如 http://localhost/index.php ,網站根目錄為 /ci/index.php 則要寫成 /ci/index.php/$1 接著至CI目錄下,尋找 config\config.php , 修改一下裡面的檔案,修改如下: $config['index_page'] = ""; 存檔後,如此一來大功告成。 參考資料 官方網站說明

[教學] Mojito 安裝與入門,install mojito for beginner.

mojito ,最近終於從 YDN 對外公開此專案,這個套件主要用於解決前端多重裝置及瀏覽器端的問題,後端服務採取 node.js ,因此使用上必定要先準備以下幾個元素 準備素材 c++ complier git Node.js > 0.4.x NPM > 1.0.x 安裝方式 git clone git://github.com/yahoo/mojito.git cd mojito/source sudo npm install -g . npm install . 以上四個簡單的步驟,就可以把 mojito module 完整安裝到服務器上,接著就可以開始進入 mojito 的世界 使用方式 mojito 提供了完整的 command line 給開發者使用,接著先建立一個基本 hello world 專案,跟著以下步驟完成第一個專案。首先建立一個 mojito application, mojito create app hello cd hello 切換到目錄之後,再接著建立自己的 mojit,這邊的 mojit 就像是一個應用(application)可能會包含許多個獨立網站體,擁有獨立架構的 MVC ,包含內部設定等,詳細資料可以參考官方的 說明 ,建立 mojit mojito create mojit HelloMojit 輸入指令後,會看到顯示結果如下, creating mojit called 'HelloMojit' (using "default" archetype) ✔ mojit: HelloMojit created! ✔ mojito done. 接著修改 application.json 這個 mojit 設定檔案,讓剛才新建立的 hellp application 指定底下有一個 mojit -> HelloMojit ,讓應用可以去執行 mojit controller ,修改如下, [ { "settings": [ "master" ], "appPort": 8666, "specs": { ...