Slide 1

Slide 1 text

WEB ARCHITECTURE NTUST CODING CLUB

Slide 2

Slide 2 text

WEB ARCHITECTURE OUTLINE ▸ Server & Client ▸ HTTP? ▸ ೲӥ Enter ԏ盅咳ኞጱԪ ▸ 蝢懱㶧ਧ ▸ 礚፡ HTTP 獉਻

Slide 3

Slide 3 text

֑๐瑊 / ਮ䜛ᒒ Ӟ獤傶ԫ

Slide 4

Slide 4 text

CLIENT SERVER ———— 翕᪠蝫娄 ————

Slide 5

Slide 5 text

WEB ARCHITECTURE ਮ䜛ᒒ ▸ ֦ጱ倵薩瑊 ▸ 礓㮆 App ҁֺই物Facebook҂ ▸ curl, netcatҁLinux 瞲犤҂ ▸ request ҁNodeJS ጱ HTTP client library҂

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

HTTP?

Slide 8

Slide 8 text

HYPER TEXT TRANSFER PROTOCOL HTTP WEB ARCHITECTURE

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

No content

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

奾๳牐

Slide 14

Slide 14 text

WEB ARCHITECTURE ᮎ犚ࣁೲӥ ENTER ԏ盅咳ኞጱԪ眐 ▸ DNS 礚扇 ▸ ಩翕࣎旉矦౮ IP ֖࣎ ▸ TCP 蝫娄 ▸ ݻ֑๐瑊咳蚏 TCP 蝫娄ᥝ穩 ▸ ୌ缏 HTTP 藶穩㪔Ӭ蝑ڊ ▸ 虏౯㮉㬵፡፡ HTTP ጱ獉਻牦蝡犚Ԫ眐᮷ฎኧਮ䜛ᒒਠ౮ጱ

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

WEB ARCHITECTURE ▸ 倵薩瑊ӥ斉ٌ犢虻碘 (瑽粙, CSS, ...) ▸ 叨ኞๅग़ጱ HTTP 藶穩 ▸ HTML ჉礕୚砻樄ত向ڊ翕殷 ▸ JavaScript ୚砻樄ত᪒ JavaScript 纷ୗ ▸ 匍ࣁ֦ݢ犥ࣁ Facebook Ӥ咳䔂෈ԧ牦 ᮎ犚ࣁೲӥ ENTER ԏ盅咳ኞጱԪ眐蝡犚Ԫ眐᮷ฎኧਮ䜛ᒒਠ౮ጱ

Slide 17

Slide 17 text

WEB ARCHITECTURE HTTP 藶穩 GET / HTTP/1.1\r\n Host: localhost\r\n Accept: text/html\r\n \r\n

Slide 18

Slide 18 text

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

Hello, Web

HTTP ࢧ䛑