Node.js - Web 前端程式開發實務

Transcript

1. Copyright © 2012 FITPI. All rights reserved. ỴἝẖℼ
   /PEFKT భ؊۽ӱῘứℯ↩⇪‣
    ᾣ℩ğᾠקდ
   
   KPTFQIK 1
2. Copyright © 2012 FITPI. All rights reserved. "HFOEB ๏ /PEFKT
   ൞൉喁 ❖ ↌ᅟğ'BDFCPPL
   1MVSL ❖ 1)1
   
   "QBDIF ๏ 㬪൉喁≾喁ੀྛ ❖ &WFOUESJWFO
   ଆ⊾߄
   +BWB4DSJQU
   ࠧℭaྍaॹb 2
3. Copyright © 2012 FITPI. All rights reserved. ൉喁൞
   /PEFKT ๏ ⃸
   +BWB4DSJQU
   ҂ᆺ≓ྛᄝ⏟´ఖഈb ❖ ۵
   "41
   1)1
   +41
   Ⴕཌྷ๝ֹ໊֥b ❖ ২ྛྟቔ∊a۽ऎ֥
   4IFMM
   4DSJQUb ๏ ॖỒሱӮ㬪၂෻
   8FC
   4FSWFSb ๏ &WFOUESJWFO
   ൙ࡱ⃱ọb ๏ /POCMPDLJOH
   ٤؁ೖb 3
4. Copyright © 2012 FITPI. All rights reserved. )FMMP
   8IP 4 var argv = process.argv, who = (typeof argv[2] !== "undefined") ? argv[2] : "World"; console.log("Hello " + who + "!"); http://f2eclass.com/lab/nodejs/hello.js > node hello.js “Awoo” ⇔၂ἠࠎЧ֥
   
   4IFMM
   4DSJQU ໃῲ۽ቔஆӱ္ିႨ
   +BWB4DSJQU
   ῲ⇔ਔĆ http://nodejs.org/docs/latest/api/index.html
5. Copyright © 2012 FITPI. All rights reserved. )FMMP
   8IP
    5 var http = require("http"); http.createServer(function (req, res) { res.setHeader("Content-Type", "text/html"); res.write("Hello World!"); res.end(); }).listen(8000); console.log("Server running at http://localhost:8000"); http://f2eclass.com/lab/nodejs/http.js http://localhost:8000 http://nodejs.org/api/http.html#http_http ॹ෎ࡹ৫
   8FC
   යڛఖĆ
6. Copyright © 2012 FITPI. All rights reserved. /PEFKT
   ֹ໊֥ 6 ᄝ
   :BIPP
   ֥ࠎẒ࠯ℿࡏἧ൞Ⴎ
   -".1
   ἧӮ֥ LAMP Linux Apache MySQL PHP ቔ∊༢ⅼ ↌∉යڛఖ ⊷ਘῠ ᗥ؊ӱൔ∽࿽ /PEFKT
   ϲဆਔ‥⊕࢘೤a౏ۿି۷ルնĆ
7. Copyright © 2012 FITPI. All rights reserved. Ⴕ൉喁ݺẕĤ ๏ ⅼ၂
   8FC
   ӱൔ∽࿽ğభᗥ؊׻⇔
   +4b ❖ ᾞభ؊۽ӱ℩ạ⏟´ఖࢳ٢đᗥ؊၂∄Ⴕି৯ῘứĆ ❖ ॖ০Ⴈ
   +BWB4DSJQU
   &WFOUESJWFO
   ֥หྟb ❖ ⏟´ఖἬṅ
   +BWB4DSJQU
   ಯಖॖၛ஝
   +BWB4DSJQU
   !! ๏ $PNNPO+4
   ἲữğб⏟´ఖ۷Ⴕ᾵ἧb ๏ /1.
   สࡱܵ৘ğ٤ӈಸၞν⊬ܵ৘สࡱb ๏ ࠃ≍֥ഠಕb ๏ Ῐứ۷㬪ࠧℭ֥↌ᅟ∣Ⴈӱൔb 7
8. Copyright © 2012 FITPI. All rights reserved. $PNNPO+4 8 // ಁա require ሡ֎෦ JavaScript ࡌೖ var mod = require("./commonjs-module.js"); mod.bar(); http://f2eclass.com/lab/nodejs/commonjs.js > node commonjs.js SFRVJSF
   ≘ೆຓ҆
   +BWB4DSJQU http://f2eclass.com/lab/nodejs/commonjs-module.js // ฒෆ။ੋશҬᏓᏐ var foo = function () { console.log("foo is invoked"); }; // ॴ༗ཁඃ֎෦ଘऔతํ๏҃ሱੑ౎धཁ༻ exports exports.bar = function () { console.log("bar is invoked"); }; commonjs.js commonjs-module.js ࢳ㢯ਔಆთṉ⅂∻ຓ҆⊷ჷܵ৘֥↜ⅳ
9. Copyright © 2012 FITPI. All rights reserved. /1.
   สࡱܵ৘ ๏ /PEFKT
   1BDLBHF
   .BOBHFNFOU ๏ ௲ਲğw၂ἠࢳ㢯ٚσб⇧↜↜ⅳὕ؟֥ഠಕx ๏ Ⴈ
   /PEFKT
   ⇔
   4IFMM
   4DSJQUa҆ઋ۬༢ⅼ㢻ݺẕĤ ❖ ॖႨ֥⊷ჷ෾؟ਔđᾞնն㦆ഒῘứℭᾇĆ 9
10. Copyright © 2012 FITPI. All rights reserved. ൐Ⴈ
    -JWF3FMPBE ๏ ଢ仛ẵσ၂֌ṉọđ↌∉ࣼ὜ᇗྍᆜ৘ ❖ ο
    $USM
    
    '
    ൭ọᇗྍᆜ৘ޓ๥७ ๏ ν⊬
    /PEFKT
    ϱ֥
    -JWF3FMPBE
    යڛఖ 
    OQN
    JOTUBMM
    H
    TJNQMFMJWFSFMPBE ๏ ⬏ọ
    -JWF3FMPBE
    යڛఖ 
    DE
    ۽ቔଢ仛 
    TJNQMFMJWFSFMPBE
    QPSU ๏ ν⊬
    -JWF3FMPBE
    ֥ग़㊒؊ (PPHMF
    ෆ⇨o$ISPNF
    -JWF3FMPBEpࣼ὜ᅳ֞ 10 ۋ൳
    OQN
    ֥ルն∻ٚьĆ
11. Copyright © 2012 FITPI. All rights reserved. ൐Ⴈ
    -JWF3FMPBE 11 ẵσႵྩڿ ⏟´ఖ္὜۷ྍ $ISPNF
    ֥
    -JWF3FMPBE
    ℟ק යڛఖ ⏟´ఖ ࣋᠃࿈ઢ ؂ᡒ䈕ҊᏓಈฒճใ Ꮕ౸Ꮣಈबॏ৽ࡌೖ <port>
12. Copyright © 2012 FITPI. All rights reserved. Ⴕ൉喁ὒẕĤ ๏ ෾ྍਔbὕ҂ⴺ↛קa"1*
    ္ӈᄝ۷ྍb ๏ ↌∉Ⴕ಩ޅྩڿ׻֤ᇗྍ⊋ྛ
    OPEFFYFb ๏ ὜ၹ㬪၂ἠ
    +BWB4DSJQU
    &SSPS
    ࣼ⃸
    4FSWFS
    ㍂וb ๏ 僯Ⅲẵσẕ৘҂ၞđ֤թ౼
    'JMF4ZTUFN
    "1*b ๏ Ⴕޓ؟٤๝֥҄ẕ৘č$BMMCBDL
    1BUUFSO b 12
13. Copyright © 2012 FITPI. All rights reserved. ၂ἠấ↪ࣼ὜㍂ו 13 // ಁա require ሡ֎෦ JavaScript ࡌೖ var mod = require("./commonjs-module.js"); // foo(); // ະఆٛతവࣜʂ foo(); > node commonjs.js // ฒෆ။ੋશҬᏓᏐ var foo = function () { console.log("foo is invoked"); }; // ॴ༗ཁඃ֎෦ଘऔతํ๏҃ሱੑ౎धཁ༻ exports exports.bar = function () { console.log("bar is invoked"); }; commonjs.js commonjs-module.js ஷ֞ໃק∕֥
    GPP
    ݦൔࣼ὜৫ख़㍂ו ః෰֥ӱൔ∽࿽ỉ؟ԛấa҂὜ಆ҆ඵו
14. Copyright © 2012 FITPI. All rights reserved. ҂ℳކ僯Ⅲẵσ֥թ౼ 14 http://f2eclass.com/lab/nodejs/html.js http://f2eclass.com/lab/nodejs/html.html var http = require("http"), fs = require("fs"); // ඞਢ࠾༻ fs.readFile ሡ䈕Ҋᩇೖ fs.readFile("./html.html", function (err, html) { if (err) { throw err; } // ݐཱ Web ࢕෰ث http.createServer(function (request, response) { response.writeHeader(200, { "Content-Type": "text/html" }); response.write(html); response.end(); }).listen(8000); }); html.js > node html.js <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Node.js - ଌࢼ໢ท</title> <style type="text/css"> div { background: red; } </style> </head> <body> <div> Hello! ഝੋ Node.js తଌࢼ໢ทɻ </div> </body> </html> html.html ၂֊Ϝ
    8FC
    4FSWFS
    ஝ఏῲđᄜᄸ喁ڿ
    IUNMIUNM
    ׻҂὜ളིb၂קေᇗ⬏Ҍྛb
15. Copyright © 2012 FITPI. All rights reserved. ࢳ㢯ٚم 15 ๏ ⦁ອਔ≾൞ἠޓࠃ≍֥ഠ⃯đ၂ἠ↜ⅳ ᇀഒႵ೘ἠၛഈ֥ࢳճ ❖ node-server https://github.com/cloudhead/node-static ❖ QBQFSCPZ https://github.com/felixge/node-paperboy ❖ IUUQTFSWFS https://github.com/nodeapps/http-server
16. Copyright © 2012 FITPI. All rights reserved. 16 ≾൞၂ἠޓྍ֥wӱൔ∽࿽
    
    යڛఖxđ↜ⅳ൞ޓ ؟֥đ֌൞Ⴎᧄࠃ≍֥ഠಕaࢳճ္ԛެམཞֹ ؟b ೏୆㍇ႨՎ࠯ℿቔ㬪Ῐứđ὜ु֞⇝؟ቋྍ֥ۀ ୑đ֌๝ℭ္с⇜҂ỗֹಀ૫Ớ↜ⅳaЯ௧ሱ࠭҂ ỗ
    4UVEZđ൞ޓႵ็≳ྟ֥b ၛ
    /PEFKT
    ֥Чദ∽࿽หྟ∻༵฿∱ྮ֥ࡏἧđ෱ сק൞ໃῲέ୍⤨ቋᇗေ֥ӱൔ∽࿽ᆭ၂đ൞ޓᆴ ֤޽ℭᾇ๧⊷֥b OPEF
    ࢺℚཬ᾵
17. Copyright © 2012 FITPI. All rights reserved. 17 ၛ
    /PEF
    Ῐứℂⅴ /PEFKT
    ҂ᆺିႨῲῘứ↌ᅟཌྷἬӱൔ ๝∄္ॖၛ⇔ԛޓ؟ݺႨ֥۽ऎℂⅴ ၹഠಕࠃ≍౏
    1BDLBHF
    ӑ؟ Ⴈ
    +BWB4DSJQU
    Ῐứℂⅴၘῂໄ㬪၂⊕ἀӖਔ ଢభն؟ὕᄝ
    $PNNBOE-JOF
    -FWFM
18. Copyright © 2012 FITPI. All rights reserved. ࡹ৫
    "1*
    ໓ࡱ ๏ "1*
    ໓ࡱğạჰ൓֥䩏ࢳčႵหקἲữĎ㸗ԛ໓ ࡱđ❣҂൞൉喁ྍỌ༆
    %PYZHFO
    1)1%PD b ๏ ٚьః෰Ῐứᆀ൐Ⴈ୆֥ჭࡱaਔࢳۿିb ๏ :6*
    㸗ള໓ࡱࢥ൐Ⴈ၂ἠࢡ
    :6*%PD
    ֥۽ऎb ❖ Ⴈ
    /PEFKT
    ෮Ῐứ֥đν⊬⃪Ⴈ
    OQN
    JOTUBMM
    H
    ZVJEPDKT ๏ ༯≘၂ٺႵ䩏ࢳ֥ჰ൓ 
    HJU
    DMPOF
    HJUHJUIVCDPNNJJJDBTBTDSPMMQBHJOBUJPOHJU ๏ 㸗ԛ
    "1*
    ໓ࡱ 
    DE
    TDSPMMQBHJOBUJPO 
    ZVJEPD
    
    18
19. Copyright © 2012 FITPI. All rights reserved. ൐Ⴈ
    -JWF3FMPBE 19 ẵσႵྩڿ ⏟´ఖ္὜۷ྍ $ISPNF
    ֥
    -JWF3FMPBE
    ℟ק යڛఖ ⏟´ఖ ࣋᠃࿈ઢ ؂ᡒ䈕ҊᏓಈฒճใ Ꮕ౸Ꮣಈबॏ৽ࡌೖ <port>
20. Copyright © 2012 FITPI. All rights reserved. 20 8FC
    ࠧℭ๙⇫ Ἶಀa⇀ᄝaໃῲ֥έ⊕ቔم ቋܞ঺a҂ⴺࠧℭaۄ⃺؇ޓ֥ۚ਍฿൩ ֞ቋ࣍ᖁশa‟ℼޓࠧℭ౏ੀṹ֥๙ᆩ ෰ⁿ۲ሱ൞Ⴈ൉喁ჰ৘ẦӮ֥଻Ĥ ≾ถ῜⃸୆ਔࢳჰ৘aႄႨ⇀Ӯ۽ऎ ໃῲࣼॖၛ⃦⅌Ῐứ
    8FC
    ֥ࠧℭ⇫༏ਔĆ
21. Copyright © 2012 FITPI. All rights reserved. 21 അ্݁ଋ http://www.slideshare.net/amix3k/comet-with-nodejs-and-v8 ೺੥ٻอཹॅ ༗ࢿྉ࠶ճၚ Ꮧᎃ࠶ᚙ৽త ੥ٻӬԕอ࣋ લၷछ౎༗Մೳ࿙ਜଉ ⁛⇧
    1PMMJOH
22. Copyright © 2012 FITPI. All rights reserved. ⁛⇧
    1PMMJOH 22 ҂ỗֹཟයڛఖứෂ⃪౰đ⇧↜൞ڎႵྍ⇫༏ http://f2eclass.com/lab/node/polling.html යڛఖ֥Ἄẩğ⃪౰⅂ਈἾ؟
23. Copyright © 2012 FITPI. All rights reserved. ṵℭᾇ֥
    1PMMJOH 23 ҂ỗֹཟයڛఖứෂ⃪౰đ⇧↜൞ڎႵྍ⇫༏ යڛఖ֥Ἄẩğ⃪౰⅂ਈಯ؟aط౏’䍛ℭᾇṵ http://f2eclass.com/lab/node/long-polling.html
24. Copyright © 2012 FITPI. All rights reserved. 24
25. Copyright © 2012 FITPI. All rights reserved. 25
26. Copyright © 2012 FITPI. All rights reserved. 26 ‥⊕
    1PMMJOH
    ׻൞Ẫཟ֥ğ Ⴎ
    #SPXTFS
    ཟ
    4FSWFS
    ⇧↜൞ڎႵྍ⇫༏
    QVMM ط٤Ⴕྍ⇫༏ࣼႮ
    4FSWFS
    ๷ཟ
    #SPXTFS
    QVTI -POHQPMMJOH
    ᄝẖⅼཞ൞
    "QBDIF
    ֥↌ᅟයڛఖ ൞٤ӈӹὸ∔ⅴ֥đቋݺὕ൞㍇Ⴈ
    OHJOY
    ࠇ
    OPEF Ἤᧄ⁛⇧
27. Copyright © 2012 FITPI. All rights reserved. 8FC
    4PDLFU 27 ࡹ৫⅄ཟ๙֡ Ⴕ⊷ਘ֥ℭީҌ޺ཌྷẖẾđིିቋݺ֥ቔمĆ http://f2eclass.com/lab/node/websocket.html
28. Copyright © 2012 FITPI. All rights reserved. ࠧℭ๙⇫ཬ᾵ 28 8FC4PDLFU
    ൞
    )5.-
    ෮ầῲ֥ྍ⇐קđ⏟´ఖ ℯቔ҂၂đ෮ၛ㢻ḰمṂఃۿᧄ၂ၢb໡ⁿಯ֤⊀ Ớᾱҵ֥⏟´ఖ㍇Ⴈ
    -POHQPMMJOHaമᇀ㍇ႨἾ؈ ℭ௹֥
    'MBTI
    8FC4PDLFUb ေु⏟´ఖᆦჱ؇∻൞ڎν⊬
    'MBTIaℯቔ
    -POH QPMMJOH
    'MBTI
    8FC4PDLFU
    8FC4PDLFUčభᗥ؊ ׻ေڿĎđ≾္෾ྌ७ਔϔĆ
29. Copyright © 2012 FITPI. All rights reserved. ቋࡄࢳ㢯ٚσĆ 29 http://socket.io/ 4PDLFUJP
    ္൞
    /PEFKT
    ֥၂ἠสࡱ ॖၛሱྛ⊁Ṧ⏟´ఖὔ࣢a㢯קေ㍇Ⴈޅ⊕ٚσ ୆֥ӱൔᆺေ⇔၂ٺࣼॖၛঝ
    %
30. Copyright © 2012 FITPI. All rights reserved. ᄝ҂๝⏟´ఖ⊋ྛ 30 http://f2eclass.com/lab/node/socket-io.js Ἥҳुु⏟´ఖ൞㍇Ⴈޅ⊕ٚم౼֤ྍ⇫༏֥b
31. Copyright © 2012 FITPI. All rights reserved. ℯቔᅶோ↌ᅟ֥๙ᆩ 31 ằႵದഈẖਔ၂≵ྍᅶோ ః෰ᆞᄝ䍛ഈ֥ದ׻ି൬֞๙ᆩ http://f2eclass.com/lab/node/notification.js
32. Copyright © 2012 FITPI. All rights reserved. ཌྷἬ⊷ჷ 32 ๏ ܥקऊ὜ğ/PEFKT
    5BJXBO
    1BSUZ IUUQOPEFKTUX ๏ /PEFKT
    ෻↉ഠಕ⇐ቔểሰℼ IUUQCPPLOPEFKTUX ๏ $/PEF
    /PEFKT
    ህြᇏ໓ഠ⃯ IUUQDOPEFKTPSH ๏ /PEF
    1BDLBHFE
    .PEVMFT IUUQTOQNKTPSH
33. Copyright © 2012 FITPI. All rights reserved. 33 Q & A