Lesson 1
By BigQ
Content
• What is Node.js
• Introduction
• Write and Run the Node.js
HelloWorld
• Build a Website
Build a basic HTTP serve...
Node.js ?
網站
後台
管理與維護網站
PHP, Python, and Ruby…

前台
讓人看到的網站樣式
JavaScript
Node.js ?
網站
後台
管理與維護網站
PHP, Python, and Ruby…

前台
讓人看到的網站樣式
JavaScript
Introduction
•
•
•
•
•
•

JavaScript programming environment
Use V8 runtime
Event Driven
Non-blocking libraries
Supports C...
Write and Run the Node
試著寫一個程式
讓Node可以讀取它的內容
Hello world!
1.用任何一個文字編輯器輸入
console.log('Hello World');
並儲存成helloworld.js
2.用Node.js Command prompt在目錄下
鍵入node helloworld....
Hello world!

終端顯示出 Hellow World
Build a Website

First
We need a HTTP server !!
Build a basic HTTP server

我們對node內建的http模組提出請求(require)
並讓宣告變數setver用listen這個方法對埠號
3000進行偵聽
Build a basic HTTP server

加入一個狀態(200)以及HTTP頭的內容類型
(Content-Type),使用 response.write() 函數
在HTTP發送文字 "Hello World"。
最後,我們執行 ...
Build a basic HTTP server
1.透過Node.js來執行你的伺服器

2.在網址列輸入
localhost:3000
Build a basic HTTP server

增加一個函數 onRequest,把所有的回應用函數處理,
如果請求執行onRequest成功,會顯示Request received.
如果請求執行http成功,會顯示Server has...
Build a basic HTTP server

目前而言,我們已經建立了一個基本的伺服器,
但是沒有給予任何的命令(request)。
Build a basic HTTP server
如果想要在伺服器裡面編輯網頁內容的話,整
個server會變得亂七八糟,無從讀起。

或許可以試著把剛剛的server.js設成一個我們
自己的模組,只要用require請求執行server的...
Build an Index

新定義一個函數start,這函數包含了剛剛所有
的動作,最後匯出函數start。
Build an Index
編輯一個檔案與server.js同目錄,名為index.js

經過我們對server的宣告,執行index.js的時候
會請求啟動這模組,而這模組就是我們剛剛建
立的server.js,然後server會讀取函數...
Build an Index
現在我們不用再執行server.js,只要執行
index.js就會啟動server.js了。

就這樣輕鬆讓server負責他的工作,index可以
負責自己的工作了 !
NODEjs Lesson1
Upcoming SlideShare
Loading in …5
×

NODEjs Lesson1

307 views
238 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
307
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

NODEjs Lesson1

  1. 1. Lesson 1 By BigQ
  2. 2. Content • What is Node.js • Introduction • Write and Run the Node.js HelloWorld • Build a Website Build a basic HTTP server Build an index
  3. 3. Node.js ? 網站 後台 管理與維護網站 PHP, Python, and Ruby… 前台 讓人看到的網站樣式 JavaScript
  4. 4. Node.js ? 網站 後台 管理與維護網站 PHP, Python, and Ruby… 前台 讓人看到的網站樣式 JavaScript
  5. 5. Introduction • • • • • • JavaScript programming environment Use V8 runtime Event Driven Non-blocking libraries Supports CommonJS module format Supports C/C++ base add-ons
  6. 6. Write and Run the Node 試著寫一個程式 讓Node可以讀取它的內容
  7. 7. Hello world! 1.用任何一個文字編輯器輸入 console.log('Hello World'); 並儲存成helloworld.js 2.用Node.js Command prompt在目錄下 鍵入node helloworld.js
  8. 8. Hello world! 終端顯示出 Hellow World
  9. 9. Build a Website First We need a HTTP server !!
  10. 10. Build a basic HTTP server 我們對node內建的http模組提出請求(require) 並讓宣告變數setver用listen這個方法對埠號 3000進行偵聽
  11. 11. Build a basic HTTP server 加入一個狀態(200)以及HTTP頭的內容類型 (Content-Type),使用 response.write() 函數 在HTTP發送文字 "Hello World"。 最後,我們執行 response.end() 完成回應。
  12. 12. Build a basic HTTP server 1.透過Node.js來執行你的伺服器 2.在網址列輸入 localhost:3000
  13. 13. Build a basic HTTP server 增加一個函數 onRequest,把所有的回應用函數處理, 如果請求執行onRequest成功,會顯示Request received. 如果請求執行http成功,會顯示Server has started.
  14. 14. Build a basic HTTP server 目前而言,我們已經建立了一個基本的伺服器, 但是沒有給予任何的命令(request)。
  15. 15. Build a basic HTTP server 如果想要在伺服器裡面編輯網頁內容的話,整 個server會變得亂七八糟,無從讀起。 或許可以試著把剛剛的server.js設成一個我們 自己的模組,只要用require請求執行server的 動作,那就可以清楚分工了 !
  16. 16. Build an Index 新定義一個函數start,這函數包含了剛剛所有 的動作,最後匯出函數start。
  17. 17. Build an Index 編輯一個檔案與server.js同目錄,名為index.js 經過我們對server的宣告,執行index.js的時候 會請求啟動這模組,而這模組就是我們剛剛建 立的server.js,然後server會讀取函數start。
  18. 18. Build an Index 現在我們不用再執行server.js,只要執行 index.js就會啟動server.js了。 就這樣輕鬆讓server負責他的工作,index可以 負責自己的工作了 !

×