p2p introduction

1. Scale the Web with P2P
poga @ WTT #20

2. @devpoga

3. Making a new browser

4. “Web” 🌍

5. DNS
https://google.com

6. DNS
https://google.com
172.217.22.174 💻

7. Location-addressing
給我 172.217.22.174 上⾯面的東⻄西，是什什麼東⻄西我不知道

8. Server-Client
bandwidth 💀
single point of failure 💀
expensive to scale 💀
Ops 💀

9. Connect to a Server is
Easy
Known IP ✅
Firewall ✅

10. Content-addressing
給我我要的東⻄西，從哪裡來來我不在乎

11. 📄
Hash
586…50f9e

12. 💻 有⼈人有 586…50f9e 這個檔案嗎?

13. 💻 有⼈人有 586…50f9e 這個檔案嗎?
💻
我有！
🖥
我有！
📱
我有！

14. Peer-to-Peer
bandwidth ✅
single point of failure ✅
expensive to scale ✅
Ops ✅
Static File 😐

15. Public-Key
Addressing
Public-Key Merkle-tree MAGIC 🎩
所有⽤用 6d2d…64ba 這個 Key 可以解開的檔案都給我
Dynamic Content 😍
Append-only Log 😍
https://github.com/mafintosh/slides/blob/gh-pages/holyjs-2016/slides.pdf

16. tcp P2P connection is
HARD
Known IP 💀
Firewall 💀

17. udp 👊 🕳

18. udp 👊 🕳
（打洞洞）

19. How it works

20. $ npm i -g p2p-test
$ p2p-test

21. $ npm i discovery-swarm
🎩

22. Doesn’t work in
Browser
😱

23. WebRTC
在瀏覽器中建立 P2P 連線

24. feross/simple-peer

25. 真的有⼈人在⽤用這種⿁鬼東⻄西嗎？

26. • Facebook use BitTorrent to do deployment (2012)
• Almost all OLG use P2P to deploy update
• Spotify
• Skype/Hangout

27. P2P Data-sharing

28. Beaker
P2P Browser

29. WebTorrent

30. DEMO

31. Why a new browser?

32. Decentralization
Social Computing

33. Edward Snowden says “the central problem
of the future” is control of user data

35. Bitcoin
「蒸汽⾺馬⾞車車」 a.k.a 新科技+舊概念念

36. The next web

37. Thank you