掲示板API（JSONでデータを返す）

<?php
/*
 * 掲示板の API（スマホアプリから呼び出す）
 *   bbs-api.php?api=list                         … 一覧を取得
 *   bbs-api.php?api=add&name=..&title=..&body=.. … 書き込み
 *   bbs-api.php?api=delete&id=..&password=..     … 削除
 * 結果はすべて JSON で返します。データはデータベースを使わず、ファイル(bbs.log)に保存します。
 */
require_once __DIR__ . '/../../template-parts/config.php';   // DEMO_MAX_POSTS（公開デモの上限）

define("FILE_BBS", __DIR__ . "/bbs.log");   // ログの保存先
define("MASTER_PASSWORD", "1234");          // 削除用パスワード（デモ用の値です）

// どの API を呼び出しているか確認して、それぞれの処理へ
switch (get("api")) {
  case 'list':   apiList();   break;
  case 'add':    apiAdd();    break;
  case 'delete': apiDelete(); break;
  default:
    outputJSON("error", "unknown api");
}

// 書き込みを追加する
function apiAdd() {
  $name  = mb_substr(trim(get("name")), 0, 30);
  $title = mb_substr(trim(get("title")), 0, 50);
  $body  = mb_substr(trim(get("body")), 0, 500);
  if ($title === "" || $body === "") {
    outputJSON("error", "タイトルと本文を入力してください");
    return;
  }
  $log = loadLogFile();
  $id  = $log ? max(array_column($log, "id")) + 1 : 0;   // 次の番号
  $log[] = [
    "id"     => $id,
    "name"   => $name === "" ? "名無し" : $name,
    "title"  => $title,
    "body"   => $body,
    "status" => "ok",
  ];
  // 公開デモなので、古いものから捨てて件数を一定に保つ
  $log = array_slice($log, -DEMO_MAX_POSTS);
  if (saveLogFile($log)) {
    outputJSON("ok", $id);
  } else {
    outputJSON("error", "ファイル書込エラー");
  }
}

// 書き込みを削除する（実際には消さず、status を "del" にする）
function apiDelete() {
  $id = intval(get("id", -1));
  $password = get("password");
  if ($password !== MASTER_PASSWORD) {
    outputJSON("error", "パスワードが違います");
    return;
  }
  if ($id < 0) {
    outputJSON("error", "idの不正");
    return;
  }
  $log = loadLogFile();
  foreach ($log as $i => $row) {
    if ($row["id"] === $id) {
      $log[$i]["status"] = "del";
    }
  }
  $r = saveLogFile($log);
  outputJSON($r ? "ok" : "error", $id);
}

// 結果を JSON で出力する
function outputJSON($code, $data) {
  header('Content-Type: application/json; charset=utf-8');
  header('Access-Control-Allow-Origin: *');   // スマホアプリ（別のドメイン）からの呼び出しを許可
  echo json_encode(["result" => $code, "data" => $data], JSON_UNESCAPED_UNICODE);
}

// GET パラメーターを取り出す（なければ $default）
function get($name, $default = "") {
  return isset($_GET[$name]) && is_string($_GET[$name]) ? $_GET[$name] : $default;
}

// ログファイルを読み込む（JSON 形式）
function loadLogFile() {
  if (!file_exists(FILE_BBS)) return [];
  $log = json_decode((string)file_get_contents(FILE_BBS), true);
  return is_array($log) ? $log : [];
}

// ログファイルに保存する（LOCK_EX で同時書き込みによる破損を防ぐ）
function saveLogFile($log) {
  $r = file_put_contents(FILE_BBS, json_encode($log, JSON_UNESCAPED_UNICODE), LOCK_EX);
  return $r !== false;
}

<script>
// API を呼び出して、結果の JSON を表示する
function callApi(params) {
    var query = new URLSearchParams(params).toString();
    var url = 'bbs-api.php?' + query;
    document.getElementById('req').textContent = url;

    fetch(url)
        .then(function (res) { return res.json(); })          // JSON を JavaScript のデータに変換
        .then(function (json) {
            document.getElementById('res').textContent = JSON.stringify(json, null, 2);
        })
        .catch(function () {
            document.getElementById('res').textContent = '通信に失敗しました';
        });
}

document.getElementById('btn-list').addEventListener('click', function () {
    callApi({ api: 'list' });
});
document.getElementById('btn-add').addEventListener('click', function () {
    callApi({
        api: 'add',
        name: document.getElementById('name').value,
        title: document.getElementById('post-title').value,
        body: document.getElementById('body').value
    });
});
document.getElementById('btn-del').addEventListener('click', function () {
    callApi({
        api: 'delete',
        id: document.getElementById('del-id').value,
        password: document.getElementById('password').value
    });
});
</script>