Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Web Architecture

Avatar for Inndy Inndy
May 11, 2016
Technology
0
410

Web Architecture

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

Avatar for Inndy

Inndy

May 11, 2016
Tweet

More Decks by Inndy

See All by Inndy
工程師一定要懂的 Text Encoding
Avatar for Inndy inndy
1
720
資訊安全：麻瓜的黑魔法防禦術
Avatar for Inndy inndy
3
3k
HackmeCTF 平台背後的心酸血淚史
Avatar for Inndy inndy
2
850
COSCUP 2018 Lightning Talk - 審稿好難，所以我們來寫程式吧
Avatar for Inndy inndy
0
480
逆向工程：從入門到放棄
Avatar for Inndy inndy
7
3.6k
HITCON 2017 Zeroday 發表會
Avatar for Inndy inndy
0
1.3k
No More Crypto Fails
Avatar for Inndy inndy
33
8.2k
你再共用密碼啊
Avatar for Inndy inndy
1
780
CTF From Zero To One
Avatar for Inndy inndy
5
5.2k

Other Decks in Technology

See All in Technology
会社紹介資料 / Sansan Company Profile
Avatar for Sansan, Inc. sansan33
PRO
11
390k
#22 CA × atmaCup 3rd 1st Place Solution
Avatar for yumizu yumizu
1
140
フルカイテン株式会社 エンジニア向け採用資料
Avatar for FULL KAITEN fullkaiten
0
10k
旬のブリと旬の技術で楽しむ AI エージェント設計開発レシピ
Avatar for Akira Inoue chack411
1
180
業務の煩悩を祓うAI活用術108選 / AI 108 Usages
Avatar for 株式会社スマートバンク smartbank
9
21k
製造業から学んだ「本質を守り現場に合わせるアジャイル実践」
Avatar for yaskamito kamitokusari
0
540
次世代AIコーディング：OpenAI Codex の最新動向 進行スライド/nikkei-tech-talk-40
Avatar for 日本経済新聞社 エンジニア採用事務局 nikkei_engineer_recruiting
0
120
Qiita Bash アドカレ LT #1
Avatar for Kaoru okaru
0
180
『君の名は』と聞く君の名は。 / Your name, you who asks for mine.
Avatar for NTT docomo Business nttcom
1
150
Node vs Deno vs Bun 〜推しランタイムを見つけよう〜
Avatar for すずとも kamekyame
1
390
Everything As Code
Avatar for わいわい yosuke_ai
0
500
1万人を変え日本を変える!!多層構造型ふりかえりの大規模組織変革 / 20260108 Kazuki Mori
Avatar for SHIFT EVOLVE shift_evolve
PRO
6
1.1k

Featured

See All Featured
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.8k
It's Worth the Effort
Avatar for 3n 3n
188
29k
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
2
280
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
110
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
100
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
2.7k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
527
40k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9.1k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
65
8.3k
The Illustrated Guide to Node.js - THAT Conference 2024
Avatar for David Neal reverentgeek
0
220
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
780
Test your architecture with Archunit
Avatar for Yoan thirion
1
2.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 ࢧ䛑