<p>ChromeとFirefoxでは問題なく動作するがWebPushがSafariだけでBadJwtTokenエラーが発生しました。</p>
<h2 id="%E5%8E%9F%E5%9B%A0">
<a class="header-anchor-link" href="#%E5%8E%9F%E5%9B%A0" aria-hidden="true"></a> 原因</h2>
<p>JWTを生成する際に、<code>sub</code>に<code>mailto: example@example.com</code>と指定していましたが、<br>
<code>mailto:</code>の後にスペースが入ってることが原因でした。。。</p>
<p>スペースを削除して<code>mailto:example@example.com</code>としたら動作しました。</p>
<p><code>aud</code>や<code>exp</code>が正しく設定されていないのかと思って色々試してました。。。</p>
<h2 id="%E5%8F%82%E8%80%83">
<a class="header-anchor-link" href="#%E5%8F%82%E8%80%83" aria-hidden="true"></a> 参考</h2>
<ul>
<li>
<p><a href="https://github.com/web-push-libs/web-push" target="_blank" rel="nofollow noopener noreferrer">web-push-libs/web-push: Web Push library for Node.js</a></p>
</li>
<li>
<p><a href="https://developer.apple.com/documentation/usernotifications/sending_web_push_notifications_in_web_apps_and_browsers" target="_blank" rel="nofollow noopener noreferrer">Sending web push notifications in web apps and browsers</a></p>
</li>
</ul>


SafariのWebPushでBadJwtTokenエラー

原因

参考

Discussion