Web PubSub - Azure - Memo

(自分用メモ)
Web PubSub を試す。

• 総目次
• 目次: Azure Development

環境

• Ubuntu 22.04
• Azure CLI

azコマンドでwebpubsubを使用できるようにする

az extension add --upgrade --name webpubsub

各種設定値

uniq=2311  # 他人とかぶらない文字列
resgr=trial # リソースグループ名
location=eastus # データセンター
pubsub=pubsub$uniq # PubSubリソース名
hub=hub1 # hub名
user=uid # ユーザ名

Azureリソース準備

参考

リソース準備

uniq=2311
resgr=trial
location=eastus
pubsub=pubsub$uniq

az group create --name $resgr --location $location
az webpubsub create --name $pubsub --resource-group $resgr --sku Free_F1 --location $location

接続文字列取得

az webpubsub key show --name $pubsub --resource-group $resgr --query primaryConnectionString

※Portalでは、Azure portal > Web PubSubリソース > キー > Primary 接続文字列

Hub管理

hub=hub1
user=uid

az webpubsub hub list --name $pubsub --resource-group $resgr
az webpubsub hub create   --name $pubsub --hub-name $hub --resource-group $resgr

サンプルコード

Azure SDK版

git clone https://github.com/kyoya-p/samples
cd samples/2023/Azure/WebPubSub

クライアント(モニター)起動

az webpubsub client start --name $pubsub --hub-name $hub --resource-group $resgr --user-id $user

受信側アプリ実行

token=`az webpubsub key show --name $pubsub --resource-group $resgr -o yamlc --query primaryConnectionString`

npm i
npx tsc
node build/sub.js "$token" $hub

送信側アプリ実行

token=`az webpubsub key show --name $pubsub --resource-group $resgr -o yamlc --query primaryConnectionString`

npm i
npx tsc
node build/pub.js "$token" $hub

参考