I am using the following to get posts
http://demo.wp-api.org/wp-json/wp/v2/posts
This by default gives me 10 posts, which is mentioned in the docs.
But I want all the posts without having to keep track of pagination.
Is that possible?
If not is there a way I can run a JavaScript loop to get all posts?
Thanks.
/**
* This will get all posts from a default WordPress REST API
* First we see how many pages there are
* Then we make subsequent XHR requests (via Axios)
* That paginate through every page of posts
*/
// Importing Axios for simple AJAX request
const axios = require('axios')
// Importing RxJS @ v6.0.0-alpha.3
const { Observable, from, range } = require('rxjs')
const { switchMap, concatMap } = require('rxjs/operators')
const endpoint = 'http://demo.wp-api.org/wp-json/wp/v2/posts'
/**
* This sets up the initial request and the Observable stream
* In the return from the endpoint, the Axios request headers will have x-wp-totalpages,
* which gives us... the total pages of posts ;)
*/
const posts$ = Rx.Observable.from(axios.get(endpoint))
/**
* We now know the total number of pages,
* so we'll switch to a new Observable that is just a range of numbers
* We'll start with 1, and end with whatever the total number of pages is
* This gives us a stream of 1--n--n--n... (example: 1, 2, 3, 4...)
*/
.switchMap((
{ headers }, // using ES6 function header destructuring and arrow functions here
) => Rx.Observable.range(1, Number(headers['x-wp-totalpages'])))
/**
* We can now paginate through all posts, getting 10/page
* concatMap will fire off a request, waits until it completes, and then fire the next one
* In each subsequent firing, we ask for the next page of posts
*/
.concatMap(page =>
axios.get(endpoint, {
params: {
page,
},
}),
)
.subscribe(
// data here is an Array of WordPress Posts, tacking .length shows us how many per page we are getting
({ data }) => console.log(data.length),
err => console.log('Oh no, an error!', err),
)
You may can use wp_remote_retrieve_body($url) OR wp_remote_post($url) to grab post data instead of rest API usage. wp_remote functions are independent of default pagination.
/**
* This will get all posts from a default WordPress REST API
* First we see how many pages there are
* Then we make subsequent XHR requests (via Axios)
* That paginate through every page of posts
*/
// Importing Axios for simple AJAX request
const axios = require('axios')
// Importing RxJS @ v6.0.0-alpha.3
const { Observable, from, range } = require('rxjs')
const { switchMap, concatMap } = require('rxjs/operators')
const endpoint = 'http://demo.wp-api.org/wp-json/wp/v2/posts'
/**
* This sets up the initial request and the Observable stream
* In the return from the endpoint, the Axios request headers will have x-wp-totalpages,
* which gives us... the total pages of posts ;)
*/
const posts$ = Rx.Observable.from(axios.get(endpoint))
/**
* We now know the total number of pages,
* so we'll switch to a new Observable that is just a range of numbers
* We'll start with 1, and end with whatever the total number of pages is
* This gives us a stream of 1--n--n--n... (example: 1, 2, 3, 4...)
*/
.switchMap((
{ headers }, // using ES6 function header destructuring and arrow functions here
) => Rx.Observable.range(1, Number(headers['x-wp-totalpages'])))
/**
* We can now paginate through all posts, getting 10/page
* concatMap will fire off a request, waits until it completes, and then fire the next one
* In each subsequent firing, we ask for the next page of posts
*/
.concatMap(page =>
axios.get(endpoint, {
params: {
page,
},
}),
)
.subscribe(
// data here is an Array of WordPress Posts, tacking .length shows us how many per page we are getting
({ data }) => console.log(data.length),
err => console.log('Oh no, an error!', err),
)
Large queries can hurt site performance, so per_page is capped at 100 records. If you wish to retrieve more than 100 records, for example to build a client-side list of all available categories, you may make multiple API requests and combine the results within your application. See this page for a complex explanation
You can use this function in node.js
const getAllPosts = async (wordpressUrl) => {
const url = `${wordpressUrl}/wp-json/wp/v2/posts?per_page=100`
const maxPages = 50
let page = 1
let text
const responses = []
while (true) {
const urlWithPage = `${url}&page=${page}`
const res = await fetch(urlWithPage)
text = await res.text()
text = text.trim()
if (res.status !== 200) {
break
}
if (text === '[]') {
break
}
if (!text.match(/^\[/) || !text.match(/\]$/)) {
break
}
text = text.replace(/^\[/, '').replace(/\]$/, '')
responses.push(text)
if (page > maxPages) {
break
}
page++
}
// get all pages and join them
if (responses.length) {
return `[${responses.join(',')}]`
}
// if didn't get any valid repsonses, send the text received
return text
}
I am writing an app in react native using typescript, but the underlying principals of paginating through the results of a wordpress GET request are going to be similar.
It helped me to read the Wordpress REST API pagination documentation
async getPosts(current = 1, allPosts = []): Promise < Types.GetPostsResult > {
// make the api call
const response: ApiResponse < ApiFeedResponse > = await this.apisauce.get(
Config.API_URL + '/posts', {
per_page: 100,
page: current
})
if (!response.ok) {
const problem = getGeneralApiProblem(response)
if (problem) return problem
}
const totalNumberOfPages = Number(response.headers['x-wp-totalpages']);
try {
const rawPosts = response.data
// transform the data into the format we are expecting
const convertedPosts: PostSnapshotOut[] = rawPosts.map(convertPost)
allPosts.push(...convertedPosts);
if (current < totalNumberOfPages) {
this.getPosts(current + 1, allPosts);
}
return {
kind: "ok",
posts: allPosts
}
} catch (e) {
console.error(e)
if (__DEV__) {
console.tron.error(`Bad data: ${e.message}\n${response.data}`, e.stack)
}
return {
kind: "bad-data"
}
}
}© 2022 - 2024 — McMap. All rights reserved.