🌐 REST API拡張

add_action( 'rest_api_init', 'mfp_register_routes' ); function mfp_register_routes() { // GETリクエスト: 人気投稿を取得するエンドポイント register_rest_route( 'mfp/v1', // 名前空間（プラグイン名/バージョン） '/popular-posts', // エンドポイントのパス array( 'methods' => 'GET', 'callback' => 'mfp_get_popular_posts', 'permission_callback' => '__return_true', // 誰でもアクセス可 'args' => array( 'count' => array( 'default' => 5, 'sanitize_callback' => 'absint', ), ), ) ); // POSTリクエスト: ログインユーザーのみデータを送信できるエンドポイント register_rest_route( 'mfp/v1', '/save-note', array( 'methods' => 'POST', 'callback' => 'mfp_save_note', 'permission_callback' => 'is_user_logged_in', // ログイン必須 ) ); } // コールバック関数: 人気投稿を返す function mfp_get_popular_posts( $request ) { $count = $request->get_param( 'count' ); $posts = get_posts( array( 'numberposts' => $count, 'orderby' => 'comment_count', 'order' => 'DESC', ) ); $data = array(); foreach ( $posts as $post ) { $data[] = array( 'id' => $post->ID, 'title' => get_the_title( $post ), 'url' => get_permalink( $post ), ); } return new WP_REST_Response( $data, 200 ); }

// パターン1: 誰でもアクセス可（公開データ） 'permission_callback' => '__return_true' // パターン2: ログインユーザーのみ 'permission_callback' => 'is_user_logged_in' // パターン3: 管理者のみ 'permission_callback' => function() { return current_user_can( 'manage_options' ); } // パターン4: nonceによる検証（JavaScriptからの呼び出しに推奨） 'permission_callback' => function( $request ) { $nonce = $request->get_header( 'X-WP-Nonce' ); return wp_verify_nonce( $nonce, 'wp_rest' ); }

function mfp_save_note( $request ) { $note = $request->get_param( 'note' ); if ( empty( $note ) ) { // エラーレスポンスを返す return new WP_Error( 'missing_note', // エラーコード 'note パラメータが必要です', // メッセージ array( 'status' => 400 ) // HTTPステータスコード ); } $note = sanitize_textarea_field( $note ); update_user_meta( get_current_user_id(), 'mfp_note', $note ); return new WP_REST_Response( array( 'message' => '保存しました' ), 200 ); }

// wp_localize_script でフロントエンドに nonce を渡す（PHP側） wp_localize_script( 'mfp-script', 'mfpApi', array( 'root' => esc_url_raw( rest_url() ), 'nonce' => wp_create_nonce( 'wp_rest' ), ) ); // JavaScript側でAPIを呼び出す fetch( mfpApi.root + 'mfp/v1/popular-posts?count=5' ) .then( res => res.json() ) .then( data => { data.forEach( post => { console.log( post.title, post.url ); }); }); // 認証が必要なPOSTリクエスト fetch( mfpApi.root + 'mfp/v1/save-note', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-WP-Nonce': mfpApi.nonce }, body: JSON.stringify({ note: 'メモの内容' }) }) .then( res => res.json() ) .then( data => console.log( data.message ) );