もふもふキャンプ場

STEP 1 ── Cloudflare Workers をデプロイして URL を入力

① Worker の作成：Cloudflare Dashboard → Workers & Pages → 「Create Worker」
② コードを貼り付け：「Worker コードをコピー」ボタンのコードをエディタに貼り付けてデプロイ
③ シークレット設定：Worker の「Settings → Variables → Secrets」に以下を追加
　LINE_CHANNEL_TOKEN　LINEチャネルアクセストークン
　FIREBASE_DB_URL　Firebase Realtime Database の URL（例: https://xxx-rtdb.firebaseio.com）
④ Cron Trigger 設定：Worker の「Settings → Triggers → Cron Triggers」→「Add Cron Trigger」
　Cron 式： */1 * * * *（1分ごとに自動実行）
⑤ URL を入力：デプロイ後の https://<worker-name>.<subdomain>.workers.dev を下欄に保存

✅ Cron Trigger を設定すると管理画面を開かなくても予約・変更・削除が通知されます

📋 Worker コードをコピー

💾 保存

STEP 2 ── 通知先グループを登録

通知を送るグループの ID を追加してください。グループ ID は LINE Developers Console の Webhook ログや、ボットをグループに招待した際の source.groupId で確認できます。

➕ 追加

📋 最近の通知ログ（最大20件）

STEP 1 ── この端末で通知を有効化

ボタンを押すとブラウザの通知許可ダイアログが表示されます。「許可」を選ぶとこの端末が通知の送信先として登録されます。
端末・ブラウザごとに個別登録が必要です（スマホとPCを両方使う場合は両方で登録してください）。
📲 iPhone / iPad の方は、先に共有ボタンから「ホーム画面に追加」してから、そのアイコンを開いてお試しください（Safari の仕様上の制限です）。

🔔 この端末で通知を有効化 🔕 この端末の通知を解除

STEP 2 ── 送信用 Cloudflare Workers をデプロイ

① VAPID 鍵を生成：お手元の PC で以下を実行（Node.js が必要）
　npx web-push generate-vapid-keys
② Worker の作成：Cloudflare Dashboard → Workers & Pages → 「Create Worker」
③ コードを貼り付け：「Web Push Worker コードをコピー」ボタンのコードを貼り付けてデプロイ
④ シークレット設定：Worker の「Settings → Variables → Secrets」に以下を追加
　VAPID_PUBLIC_KEY　①で生成した公開鍵
　VAPID_PRIVATE_KEY　①で生成した秘密鍵
　VAPID_SUBJECT　連絡先（例: mailto:you@example.com）※ iPhone（Apple）への送信に必須。未設定だと iPhone だけ届きません
　FIREBASE_DB_URL　Firebase Realtime Database の URL
⑤ 公開鍵・URLを下欄に入力：①の公開鍵とデプロイ後の Worker URL を保存

📋 Web Push Worker コードをコピー

💾 保存

STEP 3 ── 通知タップ時の遷移先 URL

通知をタップしたときに開く URL です。未入力の場合は既定値（https://takigi.xrea.jp）が使われます。

💾 保存 ↩ 既定値に戻す

📱 登録済み端末

📋 最近の送信ログ（最大20件）

STEP 1 ── Email Worker をデプロイして URL を入力

① Worker の作成：Cloudflare Dashboard → Workers & Pages → 「Create Worker」
② コードを貼り付け：「Email Worker コードをコピー」ボタンのコードを貼り付けてデプロイ
③ シークレット設定：Worker に以下を追加
　EMAIL_API_KEY = Resend の API キー（re_xxxxxxxxxx）
　EMAIL_FROM = 送信元アドレス（下記参照）
④ URL を入力：デプロイ後の URL を下欄に保存

⚠️ EMAIL_FROM の設定
【テスト中】 onboarding@resend.dev — Resendの認証済みアドレス。Resend登録メールアドレス宛にのみ送信可（他のアドレスは403エラー）
【本番運用】 noreply@yourdomain.com — Resendダッシュボードの「Domains」でDNS認証が必要。認証済みなら任意の宛先に送信可

📋 Email Worker コードをコピー

💾 保存

STEP 2 ── テスト送信

📨 テスト送信

📋 最近のメール送信ログ（最大20件）

STEP 1 ── Firebase Realtime Database を作成

① console.firebase.google.com でプロジェクトを作成
② 左メニュー「構築」→「Realtime Database」→「データベースを作成」
③ テストモード（read/write: true）を選択して開始
④ 表示された Database URL をコピー
　例：https://your-project-default-rtdb.firebaseio.com

STEP 2 ── Database URL を入力して保存

💾 URL を保存 & 接続テスト 🔄 今すぐ同期

STEP 3 ── 予約サイト（index.html）を再生成してダウンロード

⬇️ 自動取得して生成

📂 ファイルを選択

⚠️ Database URL が埋め込まれたファイルが生成されます。
ダウンロード後、サーバーの index.html と差し替えてください。