Files
Kokorone/apps/api/src/push/expo-push-provider.service.ts
T
JefferyandClaude Sonnet 5 5da8b3a63e feat: 完成 Q 群組 — APP(React Native + Expo)
新增 apps/mobile:Expo Router 檔案系統路由(同 Next.js App Router 的
心智模型),底部四分頁(聊天/角色/日常/設定)皆為真實 API 串接(/chat、
/tachie、/characters、/schedule、/health、/push)。聊天分頁完整重用
H/O 群組已驗證過的對話+表情查詢節奏。立繪暫以依情緒 magnitude 調整
透明度的色塊佔位(PixiJS 是瀏覽器 DOM/Canvas API,未移植到 React
Native,需要 react-native-skia 等原生繪圖套件才能重現分層合成,超出
本群組範圍)。

新增 apps/api/src/push/:PushProvider 抽象(第三次套用 F-1/P-4 的
Provider 模式),MockPushProvider 供測試、ExpoPushProvider 是可直接
打真實 HTTP 請求的完整實作(Expo 推播匿名發送不需金鑰,不像 LLM/TTS
需要另外挑供應商待人工確認)。PushToken/PushNotificationLog 記錄裝置
註冊與每次推播嘗試。J 群組 TaskTriggerService 觸發時會嘗試推播給
使用者已註冊裝置,用觸發訊息本身當推播內容。

本環境沒有 Android/iOS 模擬器,改用 `expo start --web` + playwright-core
(同 O 群組手法)驅動無頭瀏覽器驗證四分頁切換、真實 API 串接、聊天
完整往返、推播按鈕在無裝置環境下的優雅降級——不是原生 APP 的完整驗證,
但驗證了畫面邏輯與 API 契約層。過程中發現並修正 CORS 設定只放行網頁版
origin、擋掉 Expo 網頁版請求的問題(永久修正:新增 localhost:8081 白名單,
不影響原生 APP,原生環境沒有 CORS 限制)。

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-08-13 19:19:20 +08:00

34 lines
1.5 KiB
TypeScript

import { Injectable } from "@nestjs/common";
import type { PushProvider, PushMessage, PushSendResult } from "./push-provider.js";
const EXPO_PUSH_ENDPOINT = "https://exp.host/--/api/v2/push/send";
interface ExpoPushResponse {
data?: { status?: string; message?: string };
}
// Q-3 真實推播供應商:Expo 的推播 API 是「React Native + Expo」這個技術選型本身自帶的服務
// (不像 LLM/TTS 需要另外挑一家外部供應商待人工確認),基本匿名發送不需要金鑰,所以這裡直接
// 實作真正會打出去的 HTTP 呼叫——沒有真實裝置 token 時,Expo 端會回報 token 無效,屬於預期行為,
// 不是這個 Provider 本身沒做完。
@Injectable()
export class ExpoPushProvider implements PushProvider {
async send(message: PushMessage): Promise<PushSendResult> {
try {
const res = await fetch(EXPO_PUSH_ENDPOINT, {
method: "POST",
headers: { "Content-Type": "application/json", Accept: "application/json" },
body: JSON.stringify({ to: message.token, title: message.title, body: message.body, data: message.data ?? {} }),
});
const payload = (await res.json().catch(() => null)) as ExpoPushResponse | null;
const ticket = payload?.data;
if (!res.ok || ticket?.status === "error") {
return { success: false, errorText: ticket?.message ?? `HTTP ${res.status}` };
}
return { success: true };
} catch (err) {
return { success: false, errorText: err instanceof Error ? err.message : String(err) };
}
}
}