Android设备上的PWA接收Web Push通知时，如何同时实现通知音效与振动效果？

我来帮你搞定这个问题！

首先，咱们得先搞清楚为啥你的PWA推送只有声音没振动——这是因为Web Push通知默认不会自动触发振动，得咱们在推送的消息 payload 里明确配置振动参数才行，同时还要确保权限和系统设置都没问题。

具体操作步骤如下：

• 配置推送Payload的振动字段：在你发送推送请求的payload里，给notification对象加上vibrate属性。这个属性是一个数字数组，用来定义振动的节奏，比如[200, 100, 200]就代表「振动200毫秒→暂停100毫秒→再振动200毫秒」。同时别忘了保留sound字段来指定你的通知音效。举个例子，完整的payload大概长这样：

{
  "notification": {
    "title": "新消息提醒",
    "body": "你收到了一条新通知",
    "sound": "/assets/notification-sound.mp3",
    "vibrate": [200, 100, 200],
    "icon": "/assets/app-icon.png"
  }
}

• 确认权限设置：确保你的PWA已经获取了notifications权限，因为振动功能是和通知权限绑定的，用户允许通知权限后，Android通常会一并授予振动相关的权限。你可以在PWA的初始化代码里检查并请求这个权限：

if (Notification.permission !== 'granted') {
  Notification.requestPermission();
}

• 检查设备系统设置：有些Android设备可能会单独关闭某个应用的振动权限，你可以让用户打开设备的「设置」→找到安装的PWA应用→进入「通知」设置，确保「振动」选项是开启状态。

这样配置之后，你的PWA在接收Web Push通知时，就能同时播放音效和触发振动啦！

备注：内容来源于stack exchange，提问作者ktRAW1574