🔍 REST API開発と外部連携（モバイルアプリ・SPA接続）（文字と画像の融合）

▲ 【図】REST API開発と外部連携（モバイルアプリ・SPA接続）

1 エンドポイント設計

/api/v1/news.php 等でクリーンなJSON出力を供給。

2 トークン認証（Bearer Token）

アプリ専用のAPIトークンによる安全な認可制御。

3 CORSヘッダー最適化

許可された外部オリジンからの非同期通信のみをホワイトリスト許可。

4 マルチプラットフォーム展開

iPhone / Android / Vue.js / React へのシームレスなデータ提供。

CMSデータをヘッドレスに外部配信する

TacmicCMSのデータを、FlutterやSwiftで開発するネイティブモバイルアプリや、Vue.js/Reactで作るSPAフロントエンドと連携させるためのJSON APIエンドポイントを構築する基本設計です：

<?php
// api/news.php の例
require '../mainfile.php';
header('Content-Type: application/json; charset=utf-8');

$db = icms_db_Factory::instance();
$sql = "SELECT lid, title, mycontent, updated FROM " . $db->prefix("d3news_contents") . " WHERE mystatus = 'Active' ORDER BY updated DESC LIMIT 20";
$result = $db->query($sql);
$data = [];
while ($row = $db->fetchArray($result)) {
    $data[] = [
        'id'      => (int)$row['lid'],
        'title'   => $row['title'],
        'content' => $row['mycontent'],
        'date'    => date('c', (int)$row['updated']),
    ];
}
echo json_encode(['status' => 'success', 'data' => $data], JSON_UNESCAPED_UNICODE | JSON_PRETTY_PRINT);
?>