\nasync function handleClick (event) {\n const result = await Notification.requestPermission();\n\n switch (result) {\n case 'default':\n \/\/ \u901a\u77e5\u306e\u8a31\u53ef\u3092\u5f97\u308b\u30c0\u30a4\u30a2\u30ed\u30b0\u3067\u00d7\u30dc\u30bf\u30f3\u304c\u62bc\u4e0b\u3055\u308c\u3001\u8a31\u53ef\u3082\u62d2\u5426\u3082\u3055\u308c\u306a\u304b\u3063\u305f\u5834\u5408\u3002\n \/\/ \u307e\u305f\u306f\u901a\u77e5\u306e\u8a31\u53ef\u3092\u5f97\u308b\u30c0\u30a4\u30a2\u30ed\u30b0\u304c\u8868\u793a\u3055\u308c\u308b\u524d\u3002\n break;\n case 'denied':\n \/\/ \u901a\u77e5\u306e\u8a31\u53ef\u3092\u5f97\u308b\u30c0\u30a4\u30a2\u30ed\u30b0\u3067\u62d2\u5426\u3092\u9078\u629e\u3055\u308c\u305f\u5834\u5408\u3002\n \/\/ \u307e\u305f\u306f\u904e\u53bb\u306b\u901a\u77e5\u306e\u8a31\u53ef\u3092\u5f97\u308b\u30c0\u30a4\u30a2\u30ed\u30b0\u3067\u62d2\u5426\u304c\u9078\u629e\u3055\u308c\u305f\u5834\u5408\u3002\n break;\n case 'granted':\n \/\/ \u901a\u77e5\u306e\u8a31\u53ef\u3092\u5f97\u308b\u30c0\u30a4\u30a2\u30ed\u30b0\u3067\u8a31\u53ef\u304c\u9078\u629e\u3055\u308c\u305f\u5834\u5408\u3002\n \/\/ \u307e\u305f\u306f\u904e\u53bb\u306b\u901a\u77e5\u306e\u8a31\u53ef\u3092\u5f97\u308b\u30c0\u30a4\u30a2\u30ed\u30b0\u3067\u8a31\u53ef\u304c\u9078\u629e\u3055\u308c\u305f\u5834\u5408\u3002\n await navigator.serviceWorker.register('serviceWorker.js');\n\n const swr = await navigator.serviceWorker.ready;\n await swr.showNotification('title1', {\n body: '\u5185\u5bb9',\n });\n break;\n }\n}\n<\/pre><\/div>\n\n\nserviceWorker.js \u306e\u5185\u5bb9<\/h3>\n\n\n\n
\u203b \u30d7\u30c3\u30b7\u30e5\u30b5\u30fc\u30d0\u3068\u901a\u4fe1\u3057\u306a\u3044\u3067\u826f\u3044\u306a\u3089\u3001\u7a7a\u767d\u3067\u826f\u3044\u3002<\/p>\n\n\n
\n\/\/ \u30b3\u30fc\u30c9\u7121\u3057\u3002\n<\/pre><\/div>\n\n\n\u52d5\u4f5c\u78ba\u8a8d<\/h3>\n\n\n\n
Chrome, Firefox, Safari \u3067\u52d5\u4f5c\u78ba\u8a8d\u3092\u3059\u308b\u3002<\/p>\n\n\n\n
\u4f59\u8ac7\u3067\u3059\u304c\u30b3\u30fc\u30c9\u3092\u8a66\u3057\u3066\u3044\u308b\u9593\u3001\u4e0b\u8a18\u306e\u73fe\u8c61\u304c\u3042\u3063\u305f\u3002<\/p>\n\n\n\n
\n- Chrome\u3060\u3068\u52d5\u304f\u30b3\u30fc\u30c9\u3067\u3082Firefox\u3067\u52d5\u304b\u306a\u3044\u3053\u3068\u304c\u3042\u3063\u305f\u3002<\/li>\n\n\n\n
- Chrome\u3060\u3068\u52d5\u304f\u30b3\u30fc\u30c9\u3067\u3082Safari\u3067\u52d5\u304b\u306a\u3044\u3053\u3068\u304c\u3042\u3063\u305f\u3002<\/li>\n\n\n\n
- Firefox\u3060\u3068\u52d5\u304f\u30b3\u30fc\u30c9\u3067\u3082Safari\u3067\u52d5\u304b\u306a\u3044\u3053\u3068\u304c\u3042\u3063\u305f\u3002<\/li>\n<\/ul>\n\n\n\n
\u30d7\u30c3\u30b7\u30e5\u30b5\u30fc\u30d0\u3068\u901a\u4fe1\u3057\u3066\u901a\u77e5\u3092\u8868\u793a\u3059\u308b<\/h2>\n\n\n\nminishlink\/web-push \u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb<\/h3>\n\n\n\n% composer require minishlink\/web-push\n<\/pre><\/div>\n\n\n\u516c\u958b\u9375\u3068\u79d8\u5bc6\u9375\u306e\u30da\u30a2\u3092\u751f\u6210<\/h3>\n\n\n\n
\u30b7\u30a7\u30eb\u304b\u3089\u5b9f\u884c\u3059\u308b\u5834\u5408\u3068\u3001PHP\u306e\u30b3\u30fc\u30c9\u304b\u3089\u5b9f\u884c\u3059\u308b\u5834\u5408\u306e\u30012\u3064\u306e\u65b9\u6cd5\u304c\u3042\u308b\u3002<\/p>\n\n\n\n
Linux\u306e\u30b7\u30a7\u30eb\u304b\u3089openssl\u30b3\u30de\u30f3\u30c9\u3092\u5229\u7528\u3057\u3066\u751f\u6210\u3059\u308b\u306b\u306f\u4e0b\u8a18\u30b3\u30de\u30f3\u30c9\u3002<\/p>\n\n\n
\n$ mkdir keys && cd keys\n$ openssl ecparam -genkey -name prime256v1 -out private_key.pem\n$ openssl ec -in private_key.pem -pubout -outform DER|tail -c 65|base64|tr -d '=' |tr '\/+' '_-' >> public_key.txt\n$ openssl ec -in private_key.pem -outform DER|tail -c +8|head -c 32|base64|tr -d '=' |tr '\/+' '_-' >> private_key.txt\n\n\u203b public_key.txt \u306b\u516c\u958b\u9375\u304c\u4fdd\u5b58\u3055\u308c\u308b\u3002\n\u203b private_key.txt \u306b\u516c\u958b\u9375\u304c\u4fdd\u5b58\u3055\u308c\u308b\u3002\n<\/pre><\/div>\n\n\nPHP\u306e\u30b3\u30fc\u30c9\u304b\u3089\u5b9f\u884c\u3059\u308b\u5834\u5408\u306b\u306f\u4e0b\u8a18\u30b3\u30fc\u30c9\u3092\u5b9f\u884c\u3059\u308b\u3002<\/p>\n\n\n
\n<?php\n\nrequire_once __DIR__ . '\/vendor\/autoload.php';\n\nuse Minishlink\\WebPush\\VAPID;\n\n$keys = VAPID::createVapidKeys();\nprintf("publicKey = %s%s", $keys['publicKey'], PHP_EOL);\nprintf("privateKey = %s%s", $keys['privateKey'], PHP_EOL);\n<\/pre><\/div>\n\n\n\u30b3\u30fc\u30c9\u306e\u6e96\u5099<\/h3>\n\n\n\n\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u69cb\u6210<\/h4>\n\n\n\nBasicTest2\n\u251c vendor\n\u2502 \u2514 ...\n\u251c app.js\n\u251c composer.json\n\u251c composer.lock\n\u251c index.html\n\u251c manual_send_push_notification.php\n\u251c receive_subscription.php\n\u251c router.php\n\u251c send_push_notification.php\n\u251c serviceWorker.js\n\u2514 subscription.txt\n<\/pre><\/div>\n\n\n\u5404\u30d5\u30a1\u30a4\u30eb\u306e\u6982\u8981<\/h4>\n\n\n\n\n- router.php
PHP\u306e\u30d3\u30eb\u30c8\u30a4\u30f3\u958b\u767a\u7528\u30b5\u30fc\u30d0\u3092\u5229\u7528\u3059\u308b\u5834\u5408\u306e\u3001\u7c21\u6613\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u3092\u884c\u3046\u3002<\/li>\n\n\n\n - index.php
\u8868\u793a\u3059\u308b\u30da\u30fc\u30b8\u3002\u3053\u3053\u304b\u3089\u5404\u7a2e\u52d5\u4f5c\u78ba\u8a8d\u3092\u884c\u3046\u3002<\/li>\n\n\n\n - app.js
\u30b5\u30fc\u30d3\u30b9\u30ef\u30fc\u30ab\u30fc\u306e\u767b\u9332\u3001\u30d7\u30c3\u30b7\u30e5\u30b5\u30fc\u30d0\u3078\u30b5\u30d6\u30b9\u30af\u30ea\u30d7\u30b7\u30e7\u30f3\u767b\u9332\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u30b5\u30fc\u30d0\u3078\u767b\u9332\u3057\u305f\u30b5\u30d6\u30b9\u30af\u30ea\u30d7\u30b7\u30e7\u30f3\u306e\u60c5\u5831\u7b49\u3092\u9001\u4fe1\u3059\u308b\u30a4\u30d9\u30f3\u30c8\u30cf\u30f3\u30c9\u30e9\u304c\u3042\u308b\u3002<\/li>\n\n\n\n - serviceWorker.js
\u30d7\u30c3\u30b7\u30e5\u30b5\u30fc\u30d0\u304b\u3089\u53d7\u4fe1\u3057\u305f\u30c7\u30fc\u30bf\u3092\u3082\u3068\u306b\u901a\u77e5\u7b49\u3092\u884c\u3046\u30a4\u30d9\u30f3\u30c8\u30cf\u30f3\u30c9\u30e9\u304c\u3042\u308b\u3002<\/li>\n\n\n\n - receive_subscription.php
\u30d7\u30c3\u30b7\u30e5\u30b5\u30fc\u30d0\u3078\u767b\u9332\u3057\u305f\u30b5\u30d6\u30b9\u30af\u30ea\u30d7\u30b7\u30e7\u30f3\u7b49\u306e\u60c5\u5831\u3092\u4fdd\u5b58\u3059\u308b\u3002<\/li>\n\n\n\n - send_push_notification.php
\u30d7\u30c3\u30b7\u30e5\u901a\u77e5\u3092\u5b9f\u65bd\u3059\u308b\u305f\u3081\u306eAPI\u3002<\/li>\n\n\n\n - manual_send_push_notification.php
\u624b\u52d5\u3067\u30d7\u30c3\u30b7\u30e5\u901a\u77e5\u3092\u5b9f\u65bd\u3059\u308b\u305f\u3081\u306e\u30b9\u30af\u30ea\u30d7\u30c8\u3002<\/li>\n<\/ul>\n\n\n\n<\/p>\n\n\n\n
<\/p>\n\n\n\n
router.php \u306e\u5185\u5bb9<\/h4>\n\n\n\n<?php\n\nif ($_SERVER['REQUEST_URI'] === '\/') {\n require_once 'index.html';\n} else {\n $fileName = mb_substr($_SERVER['REQUEST_URI'], 1);\n if (preg_match('|.js$|u', $fileName) === 1) {\n header('Content-Type: text\/javascript');\n }\n require_once $fileName;\n}\n<\/pre><\/div>\n\n\nindex.html \u306e\u5185\u5bb9<\/h4>\n\n\n\n<!DOCTYPE html>\n<html lang="ja">\n<head>\n <meta charset="UTF-8">\n <title>BasicTest2<\/title>\n <script type="text\/javascript" src="app.js"><\/script>\n<\/head>\n<body>\nBasicTest2<br>\n<br>\n<button\n type="button"\n onclick="getPermission()"\n>\n \u901a\u77e5\u306e\u8a31\u53ef\u3092\u53d6\u5f97\n<\/button>\n<br>\n<br>\n<button\n type="button"\n onclick="showNotification()"\n>\n \u901a\u77e5\u3092\u8868\u793a\n<\/button>\n<br>\n<br>\n<button\n type="button"\n onclick="updateSw()"\n>\n \u30b5\u30fc\u30d3\u30b9\u30ef\u30fc\u30ab\u30fc\u3092\u66f4\u65b0\n<\/button>\n<\/body>\n<\/html>\n<\/pre><\/div>\n\n\napp.js \u306e\u5185\u5bb9<\/h4>\n\n\n\n\/\/ \u516c\u958b\u9375\u3002\nconst applicationServerKey = '\u751f\u6210\u3057\u305f\u516c\u958b\u9375\u306e\u6587\u5b57\u5217';\n\n\/\/ \u516c\u958b\u9375\u3092\u7de8\u96c6\u3059\u308b\u95a2\u6570\u3002minishlink\/web-push\u304b\u3089\u30b3\u30d4\u30da\u3057\u305f\u3002\nfunction urlBase64ToUint8Array (base64String) {\n const padding = '='.repeat((4 - (base64String.length % 4)) % 4);\n const base64 = (base64String + padding).replace(\/\\-\/g, '+').\n replace(\/_\/g, '\/');\n\n const rawData = window.atob(base64);\n const outputArray = new Uint8Array(rawData.length);\n\n for (let i = 0; i < rawData.length; ++i) {\n outputArray[i] = rawData.charCodeAt(i);\n }\n return outputArray;\n}\n\n\nasync function getPermission() {\n \/\/ \u901a\u77e5\u306e\u8a31\u53ef\u3092\u53d6\u5f97\u3002\n const result = await Notification.requestPermission();\n\n if (result !== 'granted') {\n \/\/ \u8a31\u53ef\u4ee5\u5916\u3060\u3063\u305f\u5834\u5408\u306f\u4f55\u3082\u3057\u306a\u3044\u3002\n return;\n }\n\n \/\/ \u30b5\u30fc\u30d3\u30b9\u30ef\u30fc\u30ab\u30fc\u3092\u767b\u9332\u3002\n await navigator.serviceWorker.register('serviceWorker.js');\n\n \/\/ \u30a2\u30af\u30c6\u30a3\u30d6\u306b\u306a\u3063\u305f\u30b5\u30fc\u30d3\u30b9\u30ef\u30fc\u30ab\u30fc\u3092\u53d6\u5f97\u3002\n const swr = await navigator.serviceWorker.ready;\n\n \/\/ \u30d7\u30c3\u30b7\u30e5\u30b5\u30fc\u30d0\u3078\u767b\u9332\u3002\n const subscription = await swr.pushManager.subscribe({\n userVisibleOnly: true,\n applicationServerKey: urlBase64ToUint8Array(applicationServerKey)\n });\n\n \/\/ \u6697\u53f7\u5316\u65b9\u5f0f\u3092\u78ba\u8a8d\u3002\n let contentEncoding = 'aesgcm';\n if (PushManager.supportedContentEncodings?.includes('aes128gcm')) {\n contentEncoding = 'aes128gcm';\n }\n\n \/\/ \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u30b5\u30fc\u30d0\u3078subscription\u306e\u60c5\u5831\u3092\u4fdd\u5b58\u3002\n await fetch('receive_subscription.php', {\n method: 'POST',\n headers: {'Content-Type': 'application\/json'},\n body: JSON.stringify(Object.assign(subscription.toJSON(), {contentEncoding}))\n });\n\n \/\/ \u5b8c\u4e86\u3057\u305f\u65e8\u8868\u793a\u3002\n alert('\u30d7\u30c3\u30b7\u30e5\u30b5\u30fc\u30d0\u306e\u767b\u9332\u307e\u3067\u5b8c\u4e86');\n}\n\n\nasync function showNotification() {\n \/\/ \u6697\u53f7\u5316\u65b9\u5f0f\u3092\u8a2d\u5b9a\u3002\n let contentEncoding = 'aesgcm';\n if (PushManager.supportedContentEncodings?.includes('aes128gcm')) {\n contentEncoding = 'aes128gcm';\n }\n\n \/\/ \u65e2\u5b58\u306e\u30d7\u30c3\u30b7\u30e5\u30b5\u30d6\u30b9\u30af\u30ea\u30d7\u30b7\u30e7\u30f3\u3092\u53d6\u5f97\u3002\n const swr = await navigator.serviceWorker.ready;\n const jsonSubscription = (await swr.pushManager.getSubscription()).toJSON();\n\n \/\/ \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u30b5\u30fc\u30d0\u3078\u30d7\u30c3\u30b7\u30e5\u901a\u77e5\u3092\u3059\u308b\u3088\u3046POST\u3002\n await fetch('send_push_notification.php', {\n method: 'POST',\n headers: {'Content-Type': 'application\/json'},\n body: JSON.stringify(Object.assign(jsonSubscription, { contentEncoding }))\n });\n\n \/\/ \u5b8c\u4e86\u3057\u305f\u65e8\u8868\u793a\u3002\n alert('\u30d7\u30c3\u30b7\u30e5\u901a\u77e5\u4f9d\u983c\u306ePOST\u307e\u3067\u5b8c\u4e86')\n}\n\n\nasync function updateSw() {\n const swr = await navigator.serviceWorker.ready;\n swr.update();\n}\n<\/pre><\/div>\n\n\nserviceWorker.js \u306e\u5185\u5bb9<\/h4>\n\n\n\n\/\/ \u901a\u77e5\u3092\u30af\u30ea\u30c3\u30af\u3057\u305f\u6642\u306b\u8868\u793a\u3059\u308bURL\u3002\nlet url = null;\n\nself.addEventListener('push', async function (event) {\n const jsonData = event.data.json();\n\n url = jsonData.url;\n\n event.waitUntil(\n self.registration.showNotification(jsonData.title, {\n body: jsonData.message,\n }),\n );\n});\n\n\/\/ \u901a\u77e5\u3092\u30af\u30ea\u30c3\u30af\u3055\u308c\u305f\u6642\u306e\u30a4\u30d9\u30f3\u30c8\u3002\nself.addEventListener('notificationclick', function (event) {\n event.notification.close();\n clients.openWindow(url);\n});\n<\/pre><\/div>\n\n\nreceive_subscription.php \u306e\u5185\u5bb9<\/h4>\n\n\n\n<?php\n\nrequire_once __DIR__.'\/vendor\/autoload.php';\n\n$subscription = json_decode(file_get_contents('php:\/\/input'), true);\n\nfile_put_contents('subscription.txt', '$endpoint = "' . $subscription['endpoint'] . '";' . PHP_EOL, FILE_APPEND);\nfile_put_contents('subscription.txt', '$auth = "' . $subscription['keys']['auth'] . '";' . PHP_EOL, FILE_APPEND);\nfile_put_contents('subscription.txt', '$p256dh = "' . $subscription['keys']['p256dh'] . '";' . PHP_EOL, FILE_APPEND);\nfile_put_contents('subscription.txt', '$contentEncoding = "' . $subscription['contentEncoding'] . '";' . PHP_EOL . PHP_EOL, FILE_APPEND);\n\nreturn;\n<\/pre><\/div>\n\n\nsend_push_notification.php \u306e\u5185\u5bb9<\/h4>\n\n\n\n<?php\n\nrequire_once __DIR__.'\/vendor\/autoload.php';\n\nuse Minishlink\\WebPush\\WebPush;\nuse Minishlink\\WebPush\\Subscription;\n\n$subscription = Subscription::create(json_decode(file_get_contents('php:\/\/input'), true));\n\n$auth = array(\n 'VAPID' => array(\n 'subject' => 'mailto:\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9', \/\/ \u30b5\u30a4\u30c8\u306eURL\u3067\u3082\u826f\u3044\u3002\n 'publicKey' => '\u751f\u6210\u3057\u305f\u516c\u958b\u9375\u306e\u6587\u5b57\u5217',\n 'privateKey' => '\u751f\u6210\u3057\u305f\u79d8\u5bc6\u9375\u306e\u6587\u5b57\u5217',\n ),\n);\n\n$webPush = new WebPush($auth);\n\n$payload = json_encode([\n 'title' => '\u30bf\u30a4\u30c8\u30eb',\n 'message' => '\u30e1\u30c3\u30bb\u30fc\u30b8',\n 'url' => 'https:\/\/google.co.jp'\n]);\n\n$report = $webPush->sendOneNotification(\n $subscription,\n $payload,\n);\n\necho $report->isSuccess();\necho $report->getReason();\n<\/pre><\/div>\n\n\nmanual_send_push_notification.php \u306e\u5185\u5bb9<\/h4>\n\n\n\n<?php\n\n\/\/ \u3053\u306e\u30b9\u30af\u30ea\u30d7\u30c8\u306f\u300cphp manual_send_push_notification.php\u300d\u3068\u3044\u3046\u5f62\u3067\n\/\/ \u76f4\u63a5\u5b9f\u884c\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u3002\n\nrequire_once __DIR__.'\/vendor\/autoload.php';\n\nuse Minishlink\\WebPush\\WebPush;\nuse Minishlink\\WebPush\\Subscription;\n\n\/\/ \u3053\u3053\u304b\u3089\n$endpoint = '\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3092\u8868\u3059\u6587\u5b57\u5217';\n$auth = '\u6587\u5b57\u5217';\n$p256dh = '\u6587\u5b57\u5217';\n$contentEncoding = '\u6587\u5b57\u5217';\n\/\/ \u3053\u3053\u307e\u3067\u306e\u60c5\u5831\u306f\u3001\n\/\/ receive_subscription.php \u304c subscription.txt \u306b\u4fdd\u5b58\u3057\u3066\u3044\u308b\u5185\u5bb9\u3092\n\/\/ \u30b3\u30d4\u30da\u3059\u308c\u3070\u826f\u3044\u3002\n\n$subscription = new Subscription($endpoint, $p256dh, $auth, $contentEncoding);\n\n$auth = array(\n 'VAPID' => array(\n 'subject' => 'mailto:\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9',\n 'publicKey' => '\u751f\u6210\u3057\u305f\u516c\u958b\u9375\u306e\u6587\u5b57\u5217',\n 'privateKey' => '\u751f\u6210\u3057\u305f\u79d8\u5bc6\u9375\u306e\u6587\u5b57\u5217',\n ),\n);\n\n$webPush = new WebPush($auth);\n\n$payload = json_encode([\n 'title' => '\u30bf\u30a4\u30c8\u30eb\u624b\u52d52',\n 'message' => '\u30e1\u30c3\u30bb\u30fc\u30b8\u624b\u52d52',\n 'url' => 'https:\/\/google.co.jp'\n]);\n\n$report = $webPush->sendOneNotification(\n $subscription,\n $payload\n);\n\nprintf("isSuccess = %s%s", (string)$report->isSuccess(), PHP_EOL);\n\/\/ $report->getReason() \u3067\u30a8\u30e9\u30fc\u8a73\u7d30\u3092\u78ba\u8a8d\u3067\u304d\u308b\u3002\n<\/pre><\/div>\n\n\n\u52d5\u4f5c\u78ba\u8a8d<\/h3>\n\n\n\n
PHP\u306e\u30d3\u30eb\u30c8\u30a4\u30f3\u958b\u767a\u7528\u30b5\u30fc\u30d0\u3092\u8d77\u52d5\u3059\u308b\u305f\u3081\u306b\u3001\u4e0b\u8a18\u30b3\u30de\u30f3\u30c9\u3092\u5b9f\u884c\u3059\u308b\u3002<\/p>\n\n\n
\n% cd BasicTest2\n% php -S localhost:8888 router.php\n<\/pre><\/div>\n\n\n\u305d\u306e\u5f8c\u3001Chrome\u3068Firefox\u3068Safari\u3067 http:\/\/localhost:8888 \u3078\u30a2\u30af\u30bb\u30b9\u3057\u52d5\u4f5c\u78ba\u8a8d\u3092\u3059\u308c\u3070\u826f\u3044\u3002<\/p>\n\n\n\n
manual_send_push_notification.php \u306b\u3064\u3044\u3066\u306fphp\u30b3\u30de\u30f3\u30c9\u3092\u5229\u7528\u3057\u3066\u76f4\u63a5\u5b9f\u884c\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u3002<\/p>\n\n\n\n
<\/p>\n\n\n\n
\u5404\u30d6\u30e9\u30a6\u30b6\u3067\u6319\u52d5\u304c\u9055\u3046\u7b87\u6240\u304c\u3042\u3063\u305f\u306e\u3067\u3001\u6163\u308c\u308b\u307e\u3067\u306f\u5404Web\u30d6\u30e9\u30a6\u30b6\u3067\u52d5\u4f5c\u78ba\u8a8d\u3059\u308b\u3068\u826f\u3044\u3002<\/p>\n\n\n\n
\u9055\u3046\u7b87\u6240\u306b\u3064\u3044\u3066\u306f\u3001\u4f8b\u3048\u3070\u4ee5\u4e0b\u304c\u3042\u3063\u305f\u3002<\/p>\n\n\n\n
\n- Firefox\u3067\u306f\u4e0b\u8a18\u304b\u3089\u4f7f\u7528\u53ef\u80fd\u306a\u6697\u53f7\u5316\u65b9\u5f0f\u3092\u53d6\u5f97\u3067\u304d\u306a\u304b\u3063\u305f\u3002
PushManager.supportedContentEncodings<\/li>\n\n\n\n - VAPID\u306esubject\u306b\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u3092\u6307\u5b9a\u3059\u308b\u5834\u5408\u3001Safari\u4ee5\u5916\u306f\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u306e\u307f\u3067403\u30a8\u30e9\u30fc\u306f\u767a\u751f\u3057\u306a\u304b\u3063\u305f\u304c\u3001Safari\u306e\u5834\u5408\u3001\u300cmailto:\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u300d\u3068\u3057\u306a\u3044\u3068403\u306e\u30a8\u30e9\u30fc\u304c\u30d7\u30c3\u30b7\u30e5\u30b5\u30fc\u30d0\u304b\u3089\u8fd4\u3063\u3066\u304f\u308b\u3002\uff08\u6700\u521d\u306e\u6570\u56de\u306f\u300cmailto:\u300d\u306f\u7121\u304f\u3066\u3082\u30a8\u30e9\u30fc\u306f\u8fd4\u3063\u3066\u3053\u306a\u304b\u3063\u305f\uff09<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"
\u6982\u8981 minishlink\/web-push \u3092\u5229\u7528\u3057\u305fWeb\u30d6\u30e9\u30a6\u30b6\u306e\u30d7\u30c3\u30b7\u30e5\u901a\u77e5\u306e\u52d5\u4f5c\u78ba\u8a8d\u3092\u884c\u3046\u3002\uff08PC\u306e\u307f\uff09 Docker\u30b3\u30f3\u30c6\u30ca\u3067\u306f\u306a\u304fPHP\u306e\u30d3\u30eb\u30c8\u30a4\u30f3\u958b\u767a\u7528\u30b5\u30fc\u30d0\u3067\u5b9f\u884c\u3059\u308b\u3002 PHP\uff1a8.3.7 OS\uff1aMac […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[80],"tags":[81],"class_list":["post-1253","post","type-post","status-publish","format-standard","hentry","category-php","tag-php"],"_links":{"self":[{"href":"https:\/\/shinke1987.net\/index.php?rest_route=\/wp\/v2\/posts\/1253","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shinke1987.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/shinke1987.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/shinke1987.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shinke1987.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1253"}],"version-history":[{"count":10,"href":"https:\/\/shinke1987.net\/index.php?rest_route=\/wp\/v2\/posts\/1253\/revisions"}],"predecessor-version":[{"id":1263,"href":"https:\/\/shinke1987.net\/index.php?rest_route=\/wp\/v2\/posts\/1253\/revisions\/1263"}],"wp:attachment":[{"href":"https:\/\/shinke1987.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1253"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/shinke1987.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1253"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/shinke1987.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}