{"id":10871,"date":"2017-06-30T17:04:20","date_gmt":"2017-06-30T15:04:20","guid":{"rendered":"http:\/\/flaven.fr\/?p=10871"},"modified":"2017-07-04T13:47:24","modified_gmt":"2017-07-04T11:47:24","slug":"wordpress-api-json-poc-for-a-small-rest-api-with-wordpress-mobile-applications","status":"publish","type":"post","link":"https:\/\/flaven.fr\/2017\/06\/wordpress-api-json-poc-for-a-small-rest-api-with-wordpress-mobile-applications\/","title":{"rendered":"WordPress, API, JSON – POC for a small Rest API with WordPress mobile applications"},"content":{"rendered":"

Still looking for a simple way to handle a POC to create a straightforward and simple API with a minimum of work. <\/p>\n

I had 2 main objectives for this POC like in the previous post:<\/p>\n

    \n
  1. This API should populate data for mobile application so I must be able to minimize\/shrink the values exposed in the json output.<\/li>\n
  2. As it is a POC, my purpose is to be totally autonomous. I do not want to rely on developers in the conception and creation of this API.<\/li>\n<\/ol>\n

    Why should I reinvent the wheel ? So why do not leverage on WordPress and especially since the version of WP 4.4, WP has a powerful API.
    \nFor those, who know already WP, I will just indicate what I will try to make the best of WP using : Post Type, Taxonomy, Custom Fields… etc.<\/p>\n

    I had in mind this time not an API to manage translations but an API to handle Urban Art Spots such as the website Urbacolors.<\/p>\n

    The WP REST API ecosystem<\/h4>\n

    Here is the list of plugin that will enhance and ease your experience within the WP REST API.<\/p>\n

    I have tested them all, according to my needs, here is my feedback on each of them.<\/p>\n

      \n
    1. These 3 plugins : REST API Log, WP Rest Routes, REST API Console are essential. If you want to work with the WP API, it is required.<\/li>\n
    2. ACF to REST API: in my opinion, you’ll better use this plugin instead of ACF to WP API. It goes as a kind of “bundle” with the ACF (Advanced Custom Fields) Plugin for WordPress. Very powerful if you intend to use Custom Fields within your API.<\/li>\n
    3. WP REST API: when you are using WP 4.4 and more, it is useless to install this plugin.<\/li>\n
    4. WP REST API Cache: when you are in the development phase, it is useless to work with a cache because you can not see immediately the changes in JSON format for instance. In production, you can use it for sure.<\/li>\n<\/ol>\n

      Make you own plugin<\/h4>\n

      The thing is that it is very easy to create your own plugin within WP especially if you want to use post_type. That is the best to do. It is a main purpose of my plug-in : managing 5 post_type with a custom and common taxonomy.
      \nFor some purpose, I did also some Custom Fields but believe me, better use the ACF plugin for POC at least and making Custom Fields, with the help of ACF (Advanced Custom Fields) plugin is a piece of cake.<\/p>\n

      I have made 2 “uncompleted” but sufficient plugins for the POC.
      \nYou can find on github @
      \nLook for bf_poc_api_wp in https:\/\/github.com\/bflaven\/PluginWordpressForFun<\/a><\/p>\n

        \n
      1. Urban Art Hunting App<\/li>\n
      2. WP REST API Urban Art Hunting App<\/li>\n<\/ol>\n

        Few Web API Endpoint Reference for WP API<\/b><\/p>\n

        \r\n\r\nhttp:\/\/[path-to-your-worpress]\/wp-json\/wp\/v2\/\r\n\r\nhttp:\/\/[path-to-your-worpress]\/wp-json\/wp\/v2\/posts\r\n\r\n<\/pre>\n
        If you declare for each post_type 'show_in_rest' => true,<\/code>, automatically the WP API will show up your post_type.
        \nYou will get 2 routes with the same methods as you will have for the posts<\/p>\n
        For instance, our post_type is named locations<\/b>
        \nShow all the locations<\/b><\/p>\n
        \r\nwp\/v2\/locations\r\n...\r\nmethods\": [\r\n        \"GET\",\r\n        \"POST\"\r\n      ],\r\n<\/pre>\n
        All methods for each locations record<\/b><\/p>\n
        \r\nwp\/v2\/locations\/(?P[\\\\d]+)\r\n...\r\n\"methods\": [\r\n        \"GET\",\r\n        \"POST\",\r\n        \"PUT\",\r\n        \"PATCH\",\r\n        \"DELETE\"\r\n      ],\r\n<\/pre>\n
        Some of the routes that automatically created by WP<\/b><\/p>\n
        Part 1 : The routes of the WordPress API<\/b>
        \n\"Worpress,<\/p>\n
        Part 2 : The routes of the WordPress API<\/b>
        \n\"Worpress,<\/p>\n
        REST API plugins<\/h4>\n
        This Plugin WP Rest Routes is great. It will enable you to manage the routes of your API and the data displayed for each route. It is a true vital plugin.
        \nIn my opinion, the other 2 plugins (REST API Log, REST API Console) are useful but not vital.<\/p>\n
        Plugin WP Rest Routes – Part 1<\/b>
        \n\"Worpress,<\/p>\n
        Plugin WP Rest Routes – Part 2<\/b>
        \n\"Worpress,<\/p>\n
        Plugin WP Rest Routes – Part 3 – JSON output from the route get_locations<\/code> defined in the Plugin WP Rest Routes<\/b>
        \n\"Worpress,<\/p>\n
        The input of our previous screens capture inside the admin of WP, our post_type is named locations<\/code><\/b>
        \n\"Worpress,<\/p>\n
        The REST API Log useful to get data on traffic and on  API’s usage<\/b>
        \n\"Worpress,<\/p>\n
        The REST API Console plug-in that simply list the endpoints. Not bad<\/b>
        \n\"Worpress,<\/p>\n
        Conclusion:<\/b>
        \nWP API has several advantages. I will stress 2 of them.<\/p>\n
          \n
        1. Using WP gives the opportunity to anyone to create content that will be displayed in the API. It seems obvious but when you are working with people specialized for instance in Art, Literature or in any area. It is better to let them create the content to avoid any mistakes. Focus on the container and not on the content should be your motto.<\/li>\n
        2. With the help of the Plugin WP Rest Routes, you have the ability to design the architecture quickly with all the routes of your future API. Thus, it will give you a living example for your future development with more experienced developers. According to the proverb : “A picture is worth a thousand words”.<\/li>\n<\/ol>\n
          Learn More<\/h2>\n