Rork 個人開発の最小カスタマーサポート設計 — 一人で複数アプリを運用するための問い合わせインフラ

// src/screens/SupportScreen.tsx
import { WebView } from "react-native-webview";
import { Platform } from "react-native";
 
const FAQ_URL = "https://your-domain.example/app-faq?app=wallpaper";
 
export function SupportScreen() {
  const url = `${FAQ_URL}&os=${Platform.OS}&lang=${getCurrentLocale()}`;
  return (
    <WebView
      source={{ uri: url }}
      // iOSのSafe Area・スクロール慣性を維持
      contentInsetAdjustmentBehavior="automatic"
      decelerationRate="normal"
    />
  );
}

// src/screens/InquiryFormScreen.tsx
import * as Application from "expo-application";
import * as Device from "expo-device";
import * as Localization from "expo-localization";
import { Platform } from "react-native";
import { sendInquiry } from "../api/inquiry";
import { getRecentLogs } from "../debug/logBuffer";
import { getPurchaseHistory } from "../iap/purchaseStore";
 
type InquiryPayload = {
  body: string;
  category: "bug" | "billing" | "feature" | "other";
  diagnostic: {
    appVersion: string | null;
    buildNumber: string | null;
    osName: string | null;
    osVersion: string | null;
    deviceModel: string | null;
    locale: string;
    timezone: string;
    recentLogs: string[];     // 直近100行のログ
    purchases: string[];      // 復元可能な購入ID（個人情報なし）
    crashLastSeen: string | null;
  };
};
 
export async function buildInquiryPayload(body: string, category: InquiryPayload["category"]): Promise<InquiryPayload> {
  return {
    body,
    category,
    diagnostic: {
      appVersion: Application.nativeApplicationVersion,
      buildNumber: Application.nativeBuildVersion,
      osName: Platform.OS,
      osVersion: Device.osVersion,
      deviceModel: Device.modelName,
      locale: Localization.locale,
      timezone: Localization.timezone,
      recentLogs: await getRecentLogs(100),
      purchases: await getPurchaseHistory(),
      crashLastSeen: await readLastCrashTimestamp(),
    },
  };
}

// src/debug/logBuffer.ts
const BUFFER_SIZE = 300;
const buffer: string[] = [];
 
export function logEvent(tag: string, message: string, level: "info" | "warn" | "error" = "info") {
  const ts = new Date().toISOString();
  const line = `[${ts}] ${level.toUpperCase()} ${tag}: ${message}`;
  buffer.push(line);
  if (buffer.length > BUFFER_SIZE) buffer.shift();
  if (__DEV__) console.log(line);
}
 
export async function getRecentLogs(count = 100): Promise<string[]> {
  return buffer.slice(-count);
}

// src/debug/redact.ts
const EMAIL = /[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}/g;
const PHONE = /\+?\d{1,3}[- ]?\d{2,4}[- ]?\d{2,4}[- ]?\d{2,4}/g;
const TOKEN = /(eyJ[a-zA-Z0-9_-]+\.){2}[a-zA-Z0-9_-]+/g; // JWT風
const IPADDR = /\b\d{1,3}(?:\.\d{1,3}){3}\b/g;
 
export function redact(input: string): string {
  return input
    .replace(EMAIL, "[redacted-email]")
    .replace(PHONE, "[redacted-phone]")
    .replace(TOKEN, "[redacted-token]")
    .replace(IPADDR, "[redacted-ip]");
}

// worker/inquiry.ts (Cloudflare Workers)
export default {
  async fetch(req: Request, env: Env) {
    if (req.method !== "POST") return new Response("Method not allowed", { status: 405 });
    const payload = await req.json<{ body: string; category: string; diagnostic: Record<string, unknown> }>();
 
    const subject = `[${env.APP_NAME}] ${payload.category}: ${truncate(payload.body, 40)}`;
    const text = renderEmailBody(payload);
 
    // Resend / Mailgun / SendGrid いずれでも可。ここは Resend の例。
    const result = await fetch("https://api.resend.com/emails", {
      method: "POST",
      headers: {
        Authorization: `Bearer ${env.RESEND_API_KEY}`,
        "Content-Type": "application/json",
      },
      body: JSON.stringify({
        from: `${env.APP_NAME} <no-reply@your-domain.example>`,
        to: env.SUPPORT_INBOX, // 自分のGmailアドレス
        subject,
        text,
        reply_to: payload.diagnostic.contactEmail ?? undefined,
      }),
    });
 
    if (!result.ok) return new Response("Send failed", { status: 502 });
    return new Response("ok");
  },
};
 
function truncate(s: string, n: number) {
  return s.length > n ? s.slice(0, n) + "…" : s;
}

// Google Apps Script
// 起動: スプレッドシート連動か、トリガーで毎週月曜実行
function ensureFilters() {
  const rules = [
    { from: "no-reply@your-domain.example", subject: "[wallpaper-app]", label: "App/Wallpaper" },
    { from: "no-reply@your-domain.example", subject: "[healing-app]", label: "App/Healing" },
    { from: "no-reply@your-domain.example", subject: "billing:", label: "Priority/Billing" },
    { from: "no-reply@your-domain.example", subject: "bug:", label: "Priority/Bug" },
  ];
  // Gmail API でフィルタを作成・更新（既存と比較して差分のみ追加）
  // 詳細は Gmail API リファレンス参照
}