Home IT/WEB advanced custom fields 에서 만든 custom field 를 wp rest api 에...

advanced custom fields 에서 만든 custom field 를 wp rest api 에 추가하는 방법

advanced custom fields 에서 만든 custom field 를 wp rest api 에 추가하는 방법에 대해서 알아보겠습니다. ACF to REST API 라는 플러그인을 설치하면 쉽게 되지만 플로그인 하나라도 줄이면 REST API 의 응답속도를 개선 시킬 수 있으니 되도록이면 사용안하는 방법으로 개발하면 좋을 거 같습니다.

inline ad

아래 구문의 rest_prepare_work 에 work는 자신이 생성한 커스텀포스트타입으로 변경하시면 됩니다. 이렇게 function.php 에 추가해주시면 ACF(advanced custom fields)에서 생성한 커스텀포스트필드를 추가할 수 있습니다.

add_filter("rest_prepare_work", function($post) {
    $_data = $post->data;
    $fields = get_fields($_data['id']);

    foreach ($fields as $key => $value){
        $_data[$key] = get_field($key, $_data['id']);
    }
    $post->data = $_data;
    return $post;
});

아래 코드처럼 키를 생성하고 원하는 값을 추가해줄 수도 있습니다.

add_filter("rest_prepare_work", 'acf_rest_prepare_post', 10, 3);
function acf_rest_prepare_post($response, $post, $request) {
    $response->data['name'] = array();
    $response->data['year'] = array();
    $response->data['year'] = get_field('year', $post->ID);
    $response->data['name'] =  get_field('name', $post->ID);
    return $response;
}

추가해준 필드를 rest api 로 쿼리 요청시 원하는 값을 받으려면 아래와 같이 코드를 추가해주면 name으로 입력했던 값을 조회할 수 있습니다. 아래와 같은 주소로 rest api 를 요청할 수 있습니다.

http://site url/index.php/wp-json/wp/v2/work?name=홍길동

add_filter('rest_work_query', function ($args, $request) {
    $name = $request->get_param('name');

    if (!empty($name)) {
        $args['meta_query'] = array(
            'relation' => 'AND',
            array(
                'key' => 'name',
                'value' => $name,
                'compare' => 'RLIKE'
            )
        );
    }
    return $args;
}, 10, 2);

RECENT POSTS

[javscript]API 응답에서 키 값들을 검증하는 방법

API 응답에서 다수의 키 값들을 검증할 때 코드의 중복을 줄이는 것은 유지보수성을 향상시키고, 가독성을 높이는 데 중요합니다. 이를 위해 몇 가지 접근 방법을 사용할...

[javscript]특정 키를 제외하고 두 객체를 비교하는 방법

특정 키를 제외하고 두 객체를 비교하는 작업은 데이터의 동등성을 평가하고 싶을 때 유용합니다. Lodash 라이브러리를 통해서 처리할 수 있는 방법에 대해서 살펴보겠습니다. Lodash를 사용한 특정...

[javscript]배열을 특정 키의 값에 따라 정렬하는 방법, _.orderBy

Lodash의 _.orderBy 메소드를 사용하면 배열을 특정 키의 값에 따라 정렬할 수 있습니다. 이 메소드는 배열의 각 항목을 정렬할 기준이 되는 하나 이상의 속성 이름과...

[css]autoprefixer: end value has mixed support, consider using flex-end instead warning 처리 및 다양한 에러 메시지 의미

이 경고 메시지는 CSS를 처리하는 도구인 Autoprefixer가 justify-content: end; 속성값을 처리하려 할 때 발생합니다. Autoprefixer는 CSS에 벤더 접두사를 자동으로 추가해 주는 도구로, 다양한 브라우저에서 CSS 속성이...