wordpress sin fronteras
TRANSCRIPT
WordPressSin fronteras
@retrofoxDamian Suarez
• Web Developer
• Automattic
• @wpargentina
Freelancer
2007 PHP
JS
WordPress
2009 PHP - Symfony
JS - MooTools
Rosepad
2011 NodeJS
JS - jQuery
2013 NodeJS
JS
socket.io
0
25
50
75
100
2007 2009 2011 2013 2014
Crecimiento de WordPress
Cercanía con WordPress
En el 2014 Automatticadquiere Cloudup
WordPress.com
db
PHP MySQLApache
index.php
MongoDB
NodeJS
X
public-api.WordPress.com
REST API
http://developer.wordpress.com/REST-API
URLREST-API
base + /rest/ + version + endpoint
base: https://public-api.wordpress.com
version: v1.1
endpoint: /sites/$site
EndpointsREST-API
https://public-api.wordpress.com/rest/v1.1/sites/en.blog.wordpress.com/posts/
REST-API
www.wpcomjs.comwpcom.js
wpcom.js
https://public-api.wordpress.com/rest/v1.1/sites/en.blog.wordpress.com/posts/
wpcom.js
wpcom.js - NodejsEJE
MPLO
CLIENTE
Servidor (recurso)
NodeJs
WordPress.com
REST API
Servidor (recurso)
APP
wpcom.js
Cliente
NodeJs
WordPress.com
wpcom.js - NodejsEJE
MPLO
Ejemplo NodeJs
USUARIO
CLIENTE(web server)
Servidor (recurso)
Node.js
WordPress.com
wpcom.js - Web appEJE
MPLO
USUARIO
Servidor (recurso)
APP
Controlador
wpcom.js
Cliente
Node.js
WordPress.com
wpcom.js - Web appEJE
MPLO
USUARIO
CLIENTE
Servidor (recurso)
Node.js
WordPress.com
token en el browser !
wpcom.js - Client-side - CORSEJE
MPLO
USUARIO
Servidor (recurso)
APP client-side
wpcom.js
Cliente
Node.js
WordPress.com
EJEMPLO
wpcom.js - Client-side - CORS
retrofox.github.io/WCBA2015
wpcom.js - Client-side - CORS
EDITAR DATOS ?
OAuth (Open Authorization) es un protocolo abierto que permite autorización segura de una API de modo estándar y simple.
OAUTH
EDITAR DATOS ?
SERVIDOR
AuthorizationServer
OAuth Authorization
Cliente
UserAgent
A
B
Usuario (owner)
A
C
E
D
client_id, client_secret, redirect_uri
C
access code
{ access_token }
B
C
node-wpcom-oauth
SERVIDOR
AuthorizationServer
OAuth AuthorizationImplicit
Cliente
UserAgentA
B
Usuario (owner)
B
client_id, response_type
{ access_token }A
wpcom-oauth-cors
wpcom-oauth-cors
Ejemplo client-side: add/remove post
retrofox.github.io/WCBA2015
Ejemplo client-side: add/remove post
retrofox.github.io/WCBA2015
?