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

Building a Fully Featured Scalable Chat App - Azure CosmosDBConf 2022

Marc Duiker
April 20, 2022
Technology
0
160

Building a Fully Featured Scalable Chat App - Azure CosmosDBConf 2022

Slides for my session at Azure CosmosDBConf 2022: https://www.youtube.com/watch?v=LpzJTJvH6go

The GitHub repo: https://github.com/ably-labs/fully-featured-scalable-chat-app

Marc Duiker

April 20, 2022
Tweet

More Decks by Marc Duiker

See All by Marc Duiker
Dapr on AKS: building distributed applications with ease
marcduiker
0
26
Draw an audience with your non-IT skills to build your personal brand
marcduiker
2
78
Help! I've created a serverless monolith! - CloudBrew
marcduiker
2
180
Quest for serverless WebSockets - an adventure with Azure Functions and Durable Functions
marcduiker
0
74
Help! I've created a serverless monolith! - NDC Oslo 2022
marcduiker
0
66
Start building serverless applications on Azure - ESPC Webinar
marcduiker
0
70
Help! I've created a serverless monolith - Azure Lowlands
marcduiker
0
200
Persistence in Serverless Applications - ServerlessDays NYC
marcduiker
0
410
Building serverless apps on Azure - CodeMentor
marcduiker
0
75

Other Decks in Technology

See All in Technology
ちょっとわかるWindows Autopilot
shao1555
1
390
PM同士のレトロスペクティブのすゝめ
bengo4com
0
100
サクッとAWS入門＋モダン開発の基本
minorun365
5
2.4k
Pain-free APIs with Smithy4s
kubukoz
0
150
数年先の金融DX/AI活用
abenben
1
300
エンジニアのためのマネジメント入門/Introduction to Management for Software Engineers
dskst
1
370
ITエンジニアとして大切にしている3つのこと
korodroid
1
590
Privacy Techによる新しいデータ活用の形
line_developers
PRO
1
230
大規模言語モデルで変わるMLシステム開発
hirosatogamo
13
10k
テスト技法を使ったテストケースの表現方法/How to express test cases using test techniques
shimashima35
0
370
軽率に休学したら Babylon.js×WebARで 夢を3つ叶えてた / my dreams with babylon.js and WebAR
drumath2237
0
140
NLF 9th place solution
yururoi
0
180

Featured

See All Featured
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
109
16k
How New CSS Is Changing Everything About Graphic Design on the Web
jensimmons
214
12k
Facilitating Awesome Meetings
lara
34
4.7k
The Brand Is Dead. Long Live the Brand.
mthomps
48
3k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
101
6.2k
4 Signs Your Business is Dying
shpigford
171
20k
How STYLIGHT went responsive
nonsquared
89
4.2k
Fashionably flexible responsive web design (full day workshop)
malarkey
396
64k
Statistics for Hackers
jakevdp
785
210k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
45
14k
5 minutes of I Can Smell Your CMS
philhawksworth
198
18k
Art, The Web, and Tiny UX
lynnandtonic
284
18k

Transcript

  1. @MarcDuiker

    View Slide

  2. @MarcDuiker
    Marc Duiker
    Sr Developer Advocate

    View Slide

  3. @MarcDuiker 3

    View Slide

  4. @MarcDuiker 4

    View Slide

  5. @MarcDuiker 5

    View Slide

  6. @MarcDuiker 6

    View Slide

  7. @MarcDuiker 7

    View Slide

  8. @MarcDuiker 8

    View Slide

  9. @MarcDuiker 9

    View Slide

  10. @MarcDuiker 10

    View Slide

  11. @MarcDuiker 11
    https://ffs-chat.ably.dev

    View Slide

  12. @MarcDuiker 12

    View Slide

  13. @MarcDuiker 13
    Docs Code samples

    View Slide

  14. @MarcDuiker 14

    View Slide

  15. @MarcDuiker 15

    View Slide

  16. @MarcDuiker 16

    View Slide

  17. @MarcDuiker 17

    View Slide

  18. @MarcDuiker 18

    View Slide

  19. @MarcDuiker 19
    DAO
    DAO

    View Slide

  20. @MarcDuiker 20
    Azure Static
    Web Apps
    React
    Auth Ably CosmosDB Blob Storage
    Azure Functions

    View Slide

  21. @MarcDuiker 21
    CosmosDB
    Azure Functions
    Ably
    React
    messages
    channels / users / roles

    View Slide

  22. @MarcDuiker 22

    View Slide

  23. @MarcDuiker 23
    Ably
    User 1
    User 2
    User 3
    User 4
    Publish

    View Slide

  24. @MarcDuiker 24
    Ably
    User 1
    User 2
    User 3
    User 4
    Subscribe
    Subscribe
    Subscribe

    View Slide

  25. @MarcDuiker 25
    User 1
    User 2
    User 3
    User 4
    CosmosDB
    POST

    View Slide

  26. @MarcDuiker 26
    User 1
    User 2
    User 3
    User 4
    CosmosDB
    GET
    GET
    GET

    View Slide

  27. @MarcDuiker 27
    1 + 999 = 1000 messages
    Ably
    Publisher Subscribers
    1
    999
    1000 users in a channel

    View Slide

  28. @MarcDuiker 28
    Ably
    Publishers Subscribers
    1000 + 1000 * 999 = 1 million messages
    1000
    999
    1000 users in a channel

    View Slide

  29. @MarcDuiker 29
    Ably CosmosDB
    1000 POST
    1000
    Azure Functions
    1000 GET
    1000
    Azure Functions
    1000
    1000 users in a channel

    View Slide

  30. @MarcDuiker 31

    View Slide

  31. @MarcDuiker 32
    https://cosmos.azure.com/capacitycalculator/

    View Slide

  32. @MarcDuiker 33

    View Slide

  33. @MarcDuiker 34
    https://www.npmjs.com/package/@azure/static-web-apps-cli

    View Slide

  34. @MarcDuiker 35
    https://docs.microsoft.com/en-us/azure/static-web-apps/local-development

    View Slide

  35. @MarcDuiker 36
    https://techcommunity.microsoft.com/t5/apps-on-azure-blog/introducing-
    the-azure-static-web-apps-cli/ba-p/2257581

    View Slide

  36. @MarcDuiker 37
    https://docs.microsoft.com/en-us/azure/cosmos-db/local-emulator

    View Slide

  37. @MarcDuiker 38
    https://docs.microsoft.com/en-us/azure/cosmos-db/local-emulator

    View Slide

  38. @MarcDuiker 39

    View Slide

  39. @MarcDuiker 40
    https://github.com/features/codespaces

    View Slide

  40. @MarcDuiker 41
    https://github.com/features/codespaces

    View Slide

  41. @MarcDuiker 42

    View Slide

  42. @MarcDuiker 43

    View Slide

  43. @MarcDuiker 44

    View Slide

  44. @MarcDuiker
    - Chat moderation
    - Search
    - Media previews
    - Private messaging
    - New ideas?
    https://github.com/ably-labs/fully-
    featured-scalable-chat-app

    View Slide

  45. @MarcDuiker 46
    @marcduiker
    Ably Discord:
    https://discord.gg/q89gDHZcBK

    View Slide