Conectar PhoneGap con WordPress a través del plugin JSON-API

Para comenzar, necesitaremos tener una instalación tanto de WordPress como PhoneGap en nuestro servidor. Lo primero que vamos a realizar para las pruebas es añadir un par de entradas en nuestro administrador de WordPress.

Una vez creadas las entradas nos descargamos el plugin de WordPress JSON-API, con este plugin dentro del archivo core.php que está situado en la carpeta controllers, es donde vamos a crear todas nuestras funciones que van a ser llamadas a través de nuestro proyecto de PhoneGap.

Una vez que tenemos el plugin activo, nos vamos al core.php y realizamos una prueba, por ejemplo podemos realizar la prueba con la función get_posts();

Si nos vamos a nuestro navegador y ponemos la dirección:

url: http://servidor/proyecto/Wordpress/?json=get_posts&order=asc&dev=1

*Nota: http://servidor/proyecto/Wordpress/ ( url donde tenemos ubicado nuestro WordPress del proyecto)

Nos deben de salir todas las entradas que tenemos en el administrador de WordPress.

De esta forma ya podemos ir recogiendo los valores a mostrar en nuestro proyecto PhoneGap.

Nos vamos a nuestro archivo functions.js en el proyecto de PhoneGap y creamos la siguiente función prueba.

La función creada va a llamar a nuestra función get_posts() del archivo core.php a través de json=get_posts y va a mostrar los elementos que le indiquemos.

function prueba() {
jQuery.ajax({
url: “http://"+ip+"/proyecto/Wordpress/?json=get_posts&order=asc&dev=1,
dataType: 'json',
success: function(data) {
posts = data.posts;
for(e in posts){
var titulo= posts[e].title;
id = posts[e].id;
jQuery('body').append("

“+posts[e].title+”

“);
}

});
}

De esta manera estaríamos mostrando en nuestro body tanto el title como el id de nuestras entradas.

Así podemos crear dentro del archivo core.php tantas funciones como queramos para mostrar los datos necesarios en nuestra aplicación PhoneGap.

*Nota:
Por ejemplo para los custom fields los recogeríamos de la siguiente forma.
posts = data.posts;

for(e in posts){
var imagen = posts[e].custom_fields[“wpcf-imagen”];

}

¿Te ha gustado el artículo?
Sé el primero en calificar esta publicación.
1 estrella2 estrellas3 estrellas4 estrellas5 estrellas
Loading...
Artículo escrito por

¡Exprésate! Dejanos tu comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

1 Comentarios

adrian

Creo que le falta un " a la linea de codigo:

url: “http://"+ip+"/proyecto/Wordpress/?json=get_posts&order=asc&dev=1,
¿Verdad?