WUXT Headless WordPress API Extensions

May 20, 2019

WUXT Headless WordPress API Extensions Plugin

Extensions for the Rest API to provide endpoints that support a more convenient use of headless WordPress as back-end CMS.

This plugin adds a couple of extensions to the WordPress Rest API, which are aimed to make the use of WordPress as headless CMS easier.
It is originally coded for WUXT, a dockerized development environment for headless WordPress combined with NuxtJs. However, it can be used by every other application, which needs a powerful headless WordPress back-end.

WordPress API Extensions

  • Frontpage endpoint: There is no obvious way to get the WordPress front-page via the Rest API. To read the settings, you have to be authorized, which makes things unnecessary complicated. The new endpoint returns the front-page object if it is set, the ten newest posts otherwise.
  • Menu endpoint: Right now, there is no way I know of, for getting menus from the API. This endpoint returns an entire menu as nested array. Default location is “main”, but you can request other locations.
  • Slug endpoint: If you are building a front-end app on top of WordPress, you have to think about how to structure your urls. WordPress has two default post-types (posts & pages) and in the urls is not distinguished which type you are requesting, so http://wp-site.expl/something might lead to a page or a post, dependent on the type of the object with the slug something. If you want to mirror that behaviour in your app, you have to do two requests for each url, one searching pages, one searching posts. To make that one request, use the slug end-point.
  • Taxonomy filter AND extension: When filtering taxonomies with an Rest API request, all queries are OR-queries. That means you can get posts which are either in category A or B. Our adjustment lets you switch all tax_queries to an AND-relation, so that you can select posts which are both in category A and B.
  • Geo query: If your application has to get posts by geographical proximity, you can use a geo query.
  • WordPress SEO meta fields: They are included automatically in the meta object if the Yoast WordPress SEO plugin is activated.
  • Advanced custom fields are included automatically in the meta object if the plugin is activated.

Endpoints and parameters

Frontpage

  • GET/wp-json/wuxt/v1/front-page
  • GET/wp-json/wuxt/v1/front-page?_embed

Menu

  • GET/wp-json/wuxt/v1/menu
  • GET/wp-json/wuxt/v1/menu?location=<location>

Slug

  • GET/wp-json/wuxt/v1/slug/<post-or-page-slug>
  • GET/wp-json/wuxt/v1/slug/<post-or-page-slug>?_embed

Taxonomy filter AND extension

  • GET/wp-json/wp/v2/posts/?categories=1,2&and=true

GEO query

  • GET/wp-json/wp/v2/posts/?coordinates=<lat>,<lng>&distance=<distance><km|m>
  • GET/wp-json/wp/v2/posts/?coordinates=<lat_meta_field>:<lat>,<lng_meta_field>:<lng>&distance=<distance><km|m>
  • GET/wp-json/wp/v2/posts/?coordinates=52.585,13.373&distance=10
  • GET/wp-json/wp/v2/posts/?coordinates=lat_mkey:52.585,lng_mkey:13.373&distance=10
  • GET/wp-json/wp/v2/posts/?coordinates=52.585,13.373&distance=10m

Links

Credits

Installation

  1. Upload the wuxt-headless-wp-api-extensions folder to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Use the new endpoints
  4. done

Screenshots

  1. Posts request extended with meta-fields from ACF and Yoast WordPress SEO

    Posts request extended with meta-fields from ACF and Yoast WordPress SEO

  2. New menu endpoint

    New menu endpoint

  3. New front-page endpoint

    New front-page endpoint

Changelog

1.0

  • Version 1.0 done

Details

  • Version: 1.0
  • Active installations: 70
  • WordPress Version: 4.7.0
  • Tested up to: 5.2.21

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars