Blazor Bootstrap 組件庫瀏覽器通知組件介紹

2022 年 4 月 16 日
筆記
.NET6, Blazor, Blazor組件, BootstrapBlazor

通知組件

通過瀏覽器API發送通知信息 , 桌面瀏覽器表現為右下角系統提示框彈出消息, 移動瀏覽器表現為彈窗或者到消息列表, blazor頁面不在前台也可以通過本組件提醒用戶.

小提示

注意: 出於安全考慮，當網頁請求發送通知時，用戶會被提示進行授權

使用 BrowserNotification 靜態方法直接調用 Dispatch 方法

private NotificationItem Model { get; set; } = new NotificationItem();

private async Task Dispatch()
{
    Interop ??= new JSInterop<Notifications>(JSRuntime);
    await BrowserNotification.Dispatch(Interop, this, Model, nameof(ShowNotificationCallback));
}

[JSInvokable]
public void ShowNotificationCallback(bool result)
{
    // callback
    StateHasChanged();
}

通知類定義 NotificationItem

參數	說明	類型	可選值	默認值
Title	標題	string	—	—
Message	信息	string	—	—
Icon	圖標	string	—	—
Silent	靜默	bool	—	—
Sound	通知觸發時要播放的音頻文件的 URL	string	—	—
OnClick	通知點擊後的回調方法名稱	Methods	—	—