wake-up-neo.net

Wie hole ich die statische Titelseite mit dem REST API?

Ich möchte ein Angular 2-SPA erstellen, das die WordPress REST-API als Back-End verwendet. Wie kann ich die API verwenden, um die Seite abzurufen, die der Benutzer als Startseite festgelegt hat?

4
Connel

Wir könnten unseren eigenen Endpunkt implementieren:

https://example.tld/wpse/v1/frontpage

Hier ist eine einfache Demo ( PHP 5.4+ ):

<?php
/** 
 * Plugin Name: WPSE - Static Frontpage Rest Endpoint
 */
namespace WPSE\RestAPI\Frontpage;

\add_action( 'rest_api_init', function()
{
    \register_rest_route( 'wpse/v1', '/frontpage/', 
        [
            'methods'   => 'GET',
            'callback'  => __NAMESPACE__.'\rest_results'
        ] 
    );
} );

function rest_results( $request )
{
    // Get the ID of the static frontpage. If not set it's 0
    $pid  = (int) \get_option( 'page_on_front' );    

    // Get the corresponding post object (let's show our intention explicitly)
    $post = ( $pid > 0 ) ? \get_post( $pid ) : null;  

    // No static frontpage is set
    if( ! is_a( $post, '\WP_Post' ) )
        return new \WP_Error( 'wpse-error', 
           \esc_html__( 'No Static Frontpage', 'wpse' ), [ 'status' => 404 ] );

    // Response setup
    $data = [
        'ID'      => $post->ID,
        'content' => [ 'raw' => $post->post_content ]
    ];

    return new \WP_REST_Response( $data, 200 );     
}

Eine erfolgreiche Antwort lautet wie folgt:

{"ID":123,"content":{"raw":"Some content"}}

und eine Fehlerantwort ist wie folgt:

{"code":"wpse-error","message":"No Static Frontpage","data":{"status":404}}

Dann können wir es erweitern, um andere Felder oder gerenderte Inhalte zu unterstützen, indem wir den the_content-Filter anwenden.

5
birgire

Da ich mehrere Polymer & Angular SPAs für das Frontend mit WordPress-Backends erstellt habe, habe ich zu diesem Zweck ein Plugin erstellt https://wordpress.org/plugins/wp-rest-api-frontpage/

Ich hoffe das hilft...

Grundsätzlich erweitert es die native REST API um eine neue Route:

wp-json/wp/v2/frontpage

Prost!

2

Ich habe gerade mit dem Plugin 'WP API Options' gearbeitet. Sie finden das Plugin hier: https://en-gb.wordpress.org/plugins/wp-rest-api-options/

Hier können Sie sehen, welche Seite als Startseite konfiguriert wurde. Unten finden Sie einen TypeScript-Codeausschnitt, der das Paket 'wp-api-angular' verwendet.

getFrontPage(): Promise<any> {
    return this.wpApiPages
      .httpGet('/options/page_on_front')
      .toPromise()
      .then(response => response.json())
      .then(body => body.page_on_front)
      .then(frontPageId => this.wpApiPages
        .get(frontPageId)
        .toPromise()
        .then(response => response.json()))
      .catch(error => {});
}
1
Connel

Das ist sehr einfach. WordPress hat standardmäßig keinen Frontpage-Endpunkt, aber Sie können einen solchen erstellen.

// Register Front Page route.
// URL will be: domainname.ext/wp-json/my-namespace/v1/frontpage/
register_rest_route(
  'my-namespace/v1', '/frontpage',
  array(
      'methods'  => 'GET',
      'callback' => [ $this, 'get_frontpage' ],
  )
);


// Callback function.
function get_frontpage( $object ) {

  // Get WP options front page from settings > reading.
  $frontpage_id = get_option('page_on_front');

  // Handle if error.
  if ( empty( $frontpage_id ) ) {
    // return error
    return 'error';
  }

  // Create request from pages endpoint by frontpage id.
  $request  = new \WP_REST_Request( 'GET', '/wp/v2/pages/' . $frontpage_id );

  // Parse request to get data.
  $response = rest_do_request( $request );

  // Handle if error.
  if ( $response->is_error() ) {
     return 'error';
  }

  return $response->get_data();
}
0
mustra