flask with server-sent events

sztechparty

Transcript

1. @cppgohan with Server-Sent Events
2. Flask?
3. Flask? MicroFramework again...
4. Flask? MicroFramework again... Written in Python
5. =
6. =
7. Werkzeug WSGI utility library =
8. + Werkzeug WSGI utility library =
9. + Werkzeug WSGI utility library =
10. + Werkzeug WSGI utility library Jinja2 template engine =
11. Hello.py Demo
12. Hello.py Demo
13. Hello.py Demo
14. index.html Demo
15. index.html Demo result???
16. index.html Demo result??? • terminal run: python hello.py • open http://localhost:5000
17. Server-Sent Event server push的html5标准, 用法简易, 单次连接比polling高效些. 相比websocket的双向二进制数据, Server-Sent Event只是单向, HTTP协议. (但浏览器调试工具往往没法看到服务器发来的数据, X_X) Server对Client的请求, 做stream方式的响应.
18. Server-Sent Event
19. Server-Sent Event 支 持 率 不 高 , 暂 时 只 能 ”玩 ” 要 兼 容 处 理
20. Demo index.html
21. Demo hello.py
22. Demo redis:
23. Demo redis: demo:FILE_TEXT -- 每次python读出来的文本 demo:FILE_TEXT_SEQ -- 为文本版本号, 每次文本更新, 版本号+1 /sever_push响应 -- 当FILE_TEXT_SEQ增加时, 将最新的文本返回给浏览器
24. Demo result???
25. Demo result??? • terminal run: python hello.py
26. Demo result??? • terminal run: python hello.py • open http://localhost:5000
27. Demo result??? • terminal run: python hello.py • open http://localhost:5000 • block!!!
28. Demo result??? • terminal run: python hello.py • open http://localhost:5000 • block!!! solution???
29. Demo result??? • terminal run: python hello.py • open http://localhost:5000 • block!!! • async WSGI server! (eg. gunicorn + gevent, gevent) solution???
30. Demo result??? • terminal run: python hello.py • open http://localhost:5000 • block!!! • async WSGI server! (eg. gunicorn + gevent, gevent) • terminal run: gunicorn -k gevent -b '0.0.0.0:5000' hello:app solution???
31. Demo result??? • terminal run: python hello.py • open http://localhost:5000 • block!!! • async WSGI server! (eg. gunicorn + gevent, gevent) • terminal run: gunicorn -k gevent -b '0.0.0.0:5000' hello:app • open http://localhost:5000 solution???
32. Demo result??? • terminal run: python hello.py • open http://localhost:5000 • block!!! • async WSGI server! (eg. gunicorn + gevent, gevent) • terminal run: gunicorn -k gevent -b '0.0.0.0:5000' hello:app • open http://localhost:5000 • open http://localhost:5000 again! solution???
33. More Demo Server下发代码示例
34. More Demo • start web server • open http://localhost:5000 • server push js script... • browser excute js script... • ... Server下发代码示例
35. More Usage •网站动态更新 •区分客户端推送 •微博墙实现 •webgame服务器推送 •浏览器插件
36. Resources • http://www.python.org/dev/peps/pep-0333/ • http://werkzeug.pocoo.org/ • http://jinja.pocoo.org/ • http://flask.pocoo.org/ • http://www.gevent.org/ • http://gunicorn.org/ • http://dev.w3.org/html5/eventsource/ • http://www.html5rocks.com/en/tutorials/eventsource/basics/ • http://www.w3schools.com/html/html5_serversentevents.asp
37. END; 2013, 分享不止!