Web Architecture

7f110257501127300df3f923119ba043?s=47 Inndy
May 11, 2016
Technology
0
350

Web Architecture

那些在瀏覽器背後發生的大小事情

7f110257501127300df3f923119ba043?s=128

Inndy

May 11, 2016
Tweet

More Decks by Inndy

See All by Inndy
7f110257501127300df3f923119ba043?s=48 inndy
3
1.9k
7f110257501127300df3f923119ba043?s=48 inndy
1
510
7f110257501127300df3f923119ba043?s=48 inndy
0
230
7f110257501127300df3f923119ba043?s=48 inndy
6
2.9k
7f110257501127300df3f923119ba043?s=48 inndy
0
1.1k
7f110257501127300df3f923119ba043?s=48 inndy
32
6.1k
7f110257501127300df3f923119ba043?s=48 inndy
1
560
7f110257501127300df3f923119ba043?s=48 inndy
3
3k
7f110257501127300df3f923119ba043?s=48 inndy
4
1.3k

Other Decks in Technology

See All in Technology
C9237e9aa6c8fe028a484c9621991423?s=48 arahabica
0
190
88964b936e864ca7d326272eaa70fa9a?s=48 hgsgtk
0
1.5k
53850955f15249a1a9dc49df6113e400?s=48 line_developers
0
140
703c34db2db0e609fddec6a5585ceccc?s=48 kenta_sato3
0
200
88f4e84b94fe07cddbd9e6479d689192?s=48 soudai
0
270
3499a1d71fa70b8ee44816ca9e7329fe?s=48 bells17
5
860
B1cc148711c6a37a5c922b6e72a4ad52?s=48 upura
1
920
C21becdee5cd08b34c7452276e64c1fe?s=48 yamamuteki
6
1.1k
Af61fe2beec7f195d7418e0a474a4dfc?s=48 kfujieda
3
1.2k
48a351a06897d7cc9721e2ddb7198e8a?s=48 dougpuob
0
110
B51ca7a51ae1fd06bc536fe83e6113e2?s=48 kaz29
6
4.5k
Ca7f3070b0edb9ec3e1b5b5109920a8a?s=48 hiyokotaisa
2
1.6k

Featured

See All Featured
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
2
290
78b475797a14c84799063c7cd073962f?s=48 holman
287
130k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
142
19k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
391
60k
A0517b08532aec8ab2aae3f65d40ad86?s=48 hannesfritz
26
850
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
222
46k
11c84dff30266b907714802088852677?s=48 jasonvnalue
80
7.8k
7fa6101cd43067653cf4ac6c7ca54305?s=48 akmur
252
19k
9375a9529679f1b42b567a640d775e7d?s=48 schacon
144
6.4k
719435d98d452de7ac367c828266cf01?s=48 erikaheidi
5
3.5k
016edace78ffe826f2348d1e0c504afd?s=48 maggiecrowley
2
170
C35e01544a0dd94a2cf1619ee8a42ebb?s=48 clairelew
7
1.1k

Transcript

  1. WEB ARCHITECTURE NTUST CODING CLUB

  2. WEB ARCHITECTURE OUTLINE ▸ Server & Client ▸ HTTP? ▸

    ೲӥ Enter ԏ盅咳ኞጱԪ ▸ 蝢懱㶧ਧ ▸ 礚፡ HTTP 獉਻

  3. ֑๐瑊 / ਮ䜛ᒒ Ӟ獤傶ԫ

  4. CLIENT SERVER ———— 翕᪠蝫娄 ————

  5. WEB ARCHITECTURE ਮ䜛ᒒ ▸ ֦ጱ倵薩瑊 ▸ 礓㮆 App ҁֺই物Facebook҂ ▸

    curl, netcatҁLinux 瞲犤҂ ▸ request ҁNodeJS ጱ HTTP client library҂

  6. WEB ARCHITECTURE ֑๐瑊 ▸ Apache ▸ LAMP — Linux /

    Apache / MySQL / PHP ▸ nginx ▸ 斕ᰁ玕ᘒӬ穉斃盠ጱ֑๐瑊 ▸ IIS ▸ 盏敟ڊߝ牧砇蟴 ASP.NET 螀֢ࣁ Windows Ӥ

  7. HTTP?

  8. HYPER TEXT TRANSFER PROTOCOL HTTP WEB ARCHITECTURE

  9. ᮎ犚ࣁೲӥ ENTER ԏ盅咳ኞጱԪ眐

  10. None
  11. None
  12. None

  13. 奾๳牐

  14. WEB ARCHITECTURE ᮎ犚ࣁೲӥ ENTER ԏ盅咳ኞጱԪ眐 ▸ DNS 礚扇 ▸ ಩翕࣎旉矦౮

    IP ֖࣎ ▸ TCP 蝫娄 ▸ ݻ֑๐瑊咳蚏 TCP 蝫娄ᥝ穩 ▸ ୌ缏 HTTP 藶穩㪔Ӭ蝑ڊ ▸ 虏౯㮉㬵፡፡ HTTP ጱ獉਻牦 蝡犚Ԫ眐᮷ฎኧਮ䜛ᒒਠ౮ጱ

  15. WEB ARCHITECTURE ▸ Routing ▸ 䲆礯䌘䛑 / 碝ᄤጱ敟誢᪠ኧ ▸ Controller

    / Script / CGI ▸ ݢ胼ฎӞ㮆 php 䲆礯牧犖ݢ胼ฎ NodeJS ጱ纷ୗ ▸ 蜴ࢧ HTTP ࢧ䛑妔ਮ䜛ᒒ ▸ 匍ࣁ֦ݢ犥፡ک Google Ḓ殷ԧ牦 ᮎ犚ࣁೲӥ ENTER ԏ盅咳ኞጱԪ眐 蝡犚Ԫ眐᮷ฎኧ֑๐瑊ਠ౮ጱ

  16. WEB ARCHITECTURE ▸ 倵薩瑊ӥ斉ٌ犢虻碘 (瑽粙, CSS, ...) ▸ 叨ኞๅग़ጱ HTTP

    藶穩 ▸ HTML ჉礕୚砻樄ত向ڊ翕殷 ▸ JavaScript ୚砻樄ত᪒ JavaScript 纷ୗ ▸ 匍ࣁ֦ݢ犥ࣁ Facebook Ӥ咳䔂෈ԧ牦 ᮎ犚ࣁೲӥ ENTER ԏ盅咳ኞጱԪ眐 蝡犚Ԫ眐᮷ฎኧਮ䜛ᒒਠ౮ጱ

  17. WEB ARCHITECTURE HTTP 藶穩 GET / HTTP/1.1\r\n Host: localhost\r\n Accept:

    text/html\r\n \r\n

  18. WEB ARCHITECTURE HTTP/1.1 200 OK\r\n Content-Length: 45\r\n Content-Type: text/html\r\n \r\n

    <html><body><h1>Hello, Web</h1></body></html> HTTP ࢧ䛑