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

Slide 1

Slide 1 text

Slide 2

Slide 2 text

Slide 3

Slide 3 text

Slide 4

Slide 4 text

Copyright © 2012 FITPI. All rights reserved. )FMMP8IP 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” ⇔၂ἠࠎЧ֥4IFMM4DSJQU ໃῲ۽ቔஆӱ္ିႨ+BWB4DSJQUῲ⇔ਔĆ http://nodejs.org/docs/latest/api/index.html

Slide 5

Slide 5 text

Copyright © 2012 FITPI. All rights reserved. )FMMP8IP 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යڛఖĆ

Slide 6

Slide 6 text

Slide 7

Slide 7 text

Copyright © 2012 FITPI. All rights reserved. Ⴕ൉喁ݺẕĤ ๏ ⅼ၂8FCӱൔ∽࿽ğభᗥ؊׻⇔+4b ❖ ᾞభ؊۽ӱ℩ạ⏟´ఖࢳ٢đᗥ؊၂∄Ⴕି৯ῘứĆ ❖ ॖ০Ⴈ+BWB4DSJQU&WFOUESJWFO֥หྟb ❖ ⏟´ఖἬṅ+BWB4DSJQUಯಖॖၛ஝+BWB4DSJQU!! ๏ $PNNPO+4ἲữğб⏟´ఖ۷Ⴕ᾵ἧb ๏ /1.สࡱܵ৘ğ٤ӈಸၞν⊬ܵ৘สࡱb ๏ ࠃ≍֥ഠಕb ๏ Ῐứ۷㬪ࠧℭ֥↌ᅟ∣Ⴈӱൔb 7

Slide 8

Slide 8 text

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 ࢳ㢯ਔಆთṉ⅂∻ຓ҆⊷ჷܵ৘֥↜ⅳ

Slide 9

Slide 9 text

Slide 10

Slide 10 text

Copyright © 2012 FITPI. All rights reserved. ൐Ⴈ-JWF3FMPBE ๏ ଢ仛ẵσ၂֌ṉọđ↌∉ࣼ὜ᇗྍᆜ৘ ❖ ο$USM'൭ọᇗྍᆜ৘ޓ๥७ ๏ ν⊬/PEFKTϱ֥-JWF3FMPBEයڛఖ OQNJOTUBMMHTJNQMFMJWFSFMPBE ๏ ⬏ọ-JWF3FMPBEයڛఖ DE۽ቔଢ仛 TJNQMFMJWFSFMPBEQPSU ๏ ν⊬-JWF3FMPBE֥ग़㊒؊ (PPHMFෆ⇨o$ISPNF-JWF3FMPBEpࣼ὜ᅳ֞ 10 ۋ൳OQN֥ルն∻ٚьĆ

Slide 11

Slide 11 text

Slide 12

Slide 12 text

Slide 13

Slide 13 text

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҂὜ಆ҆ඵו

Slide 14

Slide 14 text

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 Node.js - ଌࢼ໢ท div { background: red; }

Hello! ഝੋ Node.js తଌࢼ໢ทɻ

html.html ၂֊Ϝ8FC4FSWFS஝ఏῲđᄜᄸ喁ڿIUNMIUNM׻҂὜ളིb၂קေᇗ⬏Ҍྛb

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

Copyright © 2012 FITPI. All rights reserved. 16 ≾൞၂ἠޓྍ֥wӱൔ∽࿽යڛఖxđ↜ⅳ൞ޓ ؟֥đ֌൞Ⴎᧄࠃ≍֥ഠಕaࢳճ္ԛެམཞֹ ؟b ೏୆㍇ႨՎ࠯ℿቔ㬪Ῐứđ὜ु֞⇝؟ቋྍ֥ۀ ୑đ֌๝ℭ္с⇜҂ỗֹಀ૫Ớ↜ⅳaЯ௧ሱ࠭҂ ỗ4UVEZđ൞ޓႵ็≳ྟ֥b ၛ/PEFKT֥Чദ∽࿽หྟ∻༵฿∱ྮ֥ࡏἧđ෱ сק൞ໃῲέ୍⤨ቋᇗေ֥ӱൔ∽࿽ᆭ၂đ൞ޓᆴ ֤޽ℭᾇ๧⊷֥b OPEFࢺℚཬ᾵

Slide 17

Slide 17 text

Slide 18

Slide 18 text

Copyright © 2012 FITPI. All rights reserved. ࡹ৫"1*໓ࡱ ๏ "1*໓ࡱğạჰ൓⁫֥䩏ࢳčႵหקἲữĎ㸗ԛ໓ ࡱđ❣҂൞൉喁ྍỌ༆ %PYZHFO 1)1%PD b ๏ ٚьః෰Ῐứᆀ൐Ⴈ୆֥ჭࡱaਔࢳۿିb ๏ :6*㸗ള໓ࡱࢥ൐Ⴈ၂ἠࢡ:6*%PD֥۽ऎb ❖ Ⴈ/PEFKT෮Ῐứ֥đν⊬⃪ႨOQNJOTUBMMHZVJEPDKT ๏ ༯≘၂ٺႵ䩏ࢳ֥ჰ൓⁫ HJUDMPOFHJUHJUIVCDPNNJJJDBTBTDSPMMQBHJOBUJPOHJU ๏ 㸗ԛ"1*໓ࡱ DETDSPMMQBHJOBUJPO ZVJEPD 18

Slide 19

Slide 19 text

Slide 20

Slide 20 text

Slide 21

Slide 21 text

Slide 22

Slide 22 text

Slide 23

Slide 23 text

Slide 24

Slide 24 text

Slide 25

Slide 25 text

Slide 26

Slide 26 text

Slide 27

Slide 27 text

Slide 28

Slide 28 text

Copyright © 2012 FITPI. All rights reserved. ࠧℭ๙⇫ཬ᾵ 28 8FC4PDLFU൞)5.-෮ầῲ֥ྍ⇐קđ⏟´ఖ ℯቔ҂၂đ෮ၛ㢻ḰمṂఃۿᧄ၂ၢb໡ⁿಯ֤⊀ Ớᾱҵ֥⏟´ఖ㍇Ⴈ-POHQPMMJOHaമᇀ㍇ႨἾ؈ ℭ௹֥'MBTI8FC4PDLFUb ေु⏟´ఖᆦჱ؇∻൞ڎν⊬'MBTIaℯቔ-POH QPMMJOH 'MBTI8FC4PDLFU 8FC4PDLFUčభᗥ؊ ׻ေڿĎđ≾္෾ྌ७ਔϔĆ