Sdílet prostřednictvím


Spuštění připojení WebSocket k Azure Web PubSub

Klienti se připojují ke službě Azure Web PubSub pomocí standardního protokolu WebSocket . K zápisu klienta pro službu můžete použít jazyky, které mají podporu klienta WebSocket. V tomto článku uvidíte několik ukázek klienta WebSocket v různých jazycích.

Autorizace

Web PubSub používá k ověřování a autorizaci klientů webový token JSON (JWT ). Klienti můžou token vložit do parametru access_token dotazu nebo ho Authorization při připojování ke službě vložit do hlavičky.

Klient obvykle nejprve komunikuje se svým aplikačním serverem, aby získal adresu URL služby a tokenu. Potom klient otevře připojení WebSocket ke službě pomocí adresy URL a tokenu, který obdrží.

Portál také poskytuje nástroj pro dynamické generování adresy URL klienta s tokenem. Tento nástroj může být užitečný k rychlému testování.

Snímek obrazovky znázorňující, kde najít generátor adres URL klienta

Poznámka:

Při generování tokenu nezapomeňte zahrnout jenom nezbytné role.

V následujících částech pro zjednodušení ukázkového pracovního postupu použijeme tuto dočasně vygenerovanou adresu URL z portálu, aby se klient připojil. Používáme <Client_URL_From_Portal> k reprezentaci hodnoty. Platnost vygenerovaného tokenu ve výchozím nastavení vyprší za 60 minut, takže nezapomeňte ho znovu vygenerovat, jakmile vyprší platnost tokenu.

Služba podporuje dva typy klientů WebSocket: jeden je jednoduchý klient WebSocket a druhý je klient PubSub WebSocket. Tady si ukážeme, jak se tyto dva typy klientů připojují ke službě. Další informace o těchto klientech najdete v tématu Protokoly klienta WebSocket pro Azure Web PubSub.

Dependency

Ve většině moderních prohlížečů WebSocket se rozhraní API nativně podporuje.

Jednoduchý klient WebSocket

script Uvnitř bloku stránky HTML:

<script>
    // Don't forget to replace this <Client_URL_From_Portal> with the value fetched from the portal
    let ws = new WebSocket("<Client_URL_From_Portal>");
    ws.onopen = () => {
        // Do things when the WebSocket connection is established
    };

    ws.onmessage = event => {
        // Do things when messages are received.
    };
</script>

Klient PubSub WebSocket

script Uvnitř bloku stránky HTML:

<script>
    // Don't forget to replace this <Client_URL_From_Portal> with the value fetched from the portal
    let ws = new WebSocket("<Client_URL_From_Portal>", 'json.webpubsub.azure.v1');
    ws.onopen = () => {
        // Do things when the WebSocket connection is established
    };

    ws.onmessage = event => {
        // Do things when messages are received.
    };
</script>

Další kroky

V tomto článku jste zjistili, jak se připojit ke službě pomocí adresy URL vygenerované z portálu. Pokud chcete zjistit, jak klienti komunikují se serverem aplikací, aby získali adresu URL v reálných aplikacích, přečtěte si tyto kurzy a podívejte se na ukázky.