Building a Fully Featured Scalable Chat App - Azure CosmosDBConf 2022

@MarcDuiker

@MarcDuiker Marc Duiker Sr Developer Advocate

@MarcDuiker 3

@MarcDuiker 4

@MarcDuiker 5

@MarcDuiker 6

@MarcDuiker 7

@MarcDuiker 8

@MarcDuiker 9

@MarcDuiker 10

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

@MarcDuiker 12

@MarcDuiker 13 Docs Code samples

@MarcDuiker 14

@MarcDuiker 15

@MarcDuiker 16

@MarcDuiker 17

@MarcDuiker 18

@MarcDuiker 19 DAO DAO

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

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

@MarcDuiker 22

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

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

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

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

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

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

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

@MarcDuiker 31

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

@MarcDuiker 33

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

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

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

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

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

@MarcDuiker 39

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

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

@MarcDuiker 42

@MarcDuiker 43

@MarcDuiker 44

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

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

Building a Fully Featured Scalable Chat App - A...

Building a Fully Featured Scalable Chat App - Azure CosmosDBConf 2022

More Decks by Marc Duiker

Other Decks in Technology

Featured

Transcript