apresentação rest api

24
INICIANDO COM A REST API – UMA INTRODUÇÃO AO FUTURO DO WORDPRESS

Upload: matheus-petroni

Post on 18-Jan-2017

1.990 views

Category:

Software


2 download

TRANSCRIPT

Page 1: Apresentação rest api

INICIANDO COM A REST API – UMA INTRODUÇÃO AO FUTURO DO WORDPRESS

Lucas Lima
Como eu comentei, vc nao precisa apresentar todas as opcoes, a nao ser que vc queira mostrar como trazer a URL somente por causa do ID..
Lucas Lima
Esse slide ta duplicado
Page 2: Apresentação rest api

Matheus GimenezWordPress - 3 anos

Moderador do fórum pt_BRContribuidor do Odin

brasa.art.br @deshawngamer

[email protected]

Matheus Gimenez
adicionar informações
Lucas Lima
[email protected] consegui incluir o slide pra vc..
Page 3: Apresentação rest api

O que é uma REST API?

REST API é um nome usado para aplicações geradas através de conexões HTTP.Ou seja, conseguimos controlar uma aplicação (nesse caso, o WordPress) através de dados enviados via HTTP.

Lucas Lima
Lembra de explicar com palavras simples o que eh a REST API
Page 4: Apresentação rest api

Usos da REST API no WordPress

Agora que definimos é uma REST API temos que entender os principais usos dela.

Lucas Lima
Verifica a ortografia com calma ao terminar a apresentacao
Page 5: Apresentação rest api

NOSSO NEGÓCIO É UNIR

[ IMAGEM ]

APLICAÇÕES MOBILE

Page 6: Apresentação rest api

NOSSO NEGÓCIO É UNIR

[ IMAGEM ]

Para fazer um painel exclusivo

Matheus Gimenez
Mostrar painel do WP.COM
Page 7: Apresentação rest api

NOSSO NEGÓCIO É UNIR

[ IMAGEM ]

Webapps e single page application (SPA)

Page 8: Apresentação rest api

E muito mais!

A REST API utiliza a formatação JSON!

As maiores linguagens de programação possuem interpretadores JSON.Então podemos utilizar em diversos dispositivos.

Lucas Lima
Comenta sobre exemplos de aplicacoes que usam interpretador JSON e porque ele da tantas possibilidade
Page 9: Apresentação rest api

Instalando o Plugin REST API V2

Nessa palestra trabalharemos com a versão 2 da API.

Como ela ainda não foi adicionada ao core do WordPress, teremos que baixar o plugin...

Page 10: Apresentação rest api

Para baixarmos é só procurar no repositório pelo nome WordPress REST API (Version 2)

Ou baixe diretamente atráves desse link e faça upload do ZIP no painel:https://wordpress.org/plugins/rest-api/

Lucas Lima
Coloca um print do Repositorio ou do Dashboard do WordPress com o plugin filtrado
Page 11: Apresentação rest api

Tipos de autenticação

A API possui 3 tipos de autenticação

Lucas Lima
Tenta deixar mais visual. Ou seja, coloca umas imagens que identifiquem os tres tipos de autenticacao e talvez reduza o escrito
Matheus Gimenez
colocar OAUTH
Page 12: Apresentação rest api

Tipos de autenticação

Cookie Authentication:Essa autenticação, como o nome já diz, é por cookies do browser.

Cookie authentication somente funciona para temas e plugins em uma mesma instancia do WordPress

Page 13: Apresentação rest api

Tipos de autenticação

Basic Authentication:Esse tipo utiliza a autenticação padrão do protocolo HTTP.Não é indicado, já que as suas credenciais vão ser passadas em cada conexão.

Page 14: Apresentação rest api

Tipos de autenticação

OAuth:Autenticação OAuth é a autenticação principal usado para conexões externas. No momento, as chaves (tokens) para essa autenticação são geradas através do WP CLI (linha de comando do WordPress).

Page 15: Apresentação rest api

Usando API sem autenticação

Esse metodo é aconselhavel somente para testes. Não use em sites em produção.

Usaremos o plugin WP-API-CORS para isso:https://github.com/thenbrent/WP-API-CORSFaça o download do arquivo ZIP no GitHub e faça upload dele na página de plugins do painel do WordPress. Ative e vamos pra proxima!

Lucas Lima
Voce pode fazer uma piada aqui se quiser, dizendo:"Agora que eu apresentei as formas de autenticacao da REST API nosso exemplo nao vai mostrar nenhuma delas, porque nao gosto de usar atenticacao...rs"
Page 16: Apresentação rest api

Instalou? Agora vamos ao primeiro teste

Depois de instalado vamos fazer um Query simples com ela e ver se trás resultados.

Vá no seu browser favorito e digite o seguinte endereço:SEU_SITE/wp-json/wp/v2/posts

Temos também uma URL de testes da API online:http://demo.wp-api.org/wp-json/wp/v2/posts

Page 17: Apresentação rest api

A resposta será algo parecido com isso:

Mas não precisa se assustar! No próximo passo veremos como visualizar esse tipo de resposta.

Lucas Lima
Aqui vc mostra no Chromium
Page 18: Apresentação rest api

Visualizando JSON atraves do browser

A maioria dos browsers possui extensões/addons para visualizar JSON.

Mas aqui colocarei um exemplo de um online:

http://json.parser.online.fr/

Matheus Gimenez
Aqui eu mostro como usar o JSON viewer
Lucas Lima
E logo em seguida apresenta no Firefox Developer. Dai assim que vc retornar, vai pro proximo slide...
Page 19: Apresentação rest api

Melhor agora né?

Lucas Lima
Coloca um titulo aqui, do tipo: "Pagou um pau, fala ai?" ou "Da hora heim?!"
Page 20: Apresentação rest api

Fazendo uma busca utilizando a REST API

Agora veremos como fazer um Query simples, buscando um post pelo nome.

Vou fazer esse em localhost, mas a sintaxe é a seguinte:

SEU_SITE/api/wp-json/wp/v2/posts/?filter[s]=termo_da_busca

Page 21: Apresentação rest api

Com o parametro filter[nome_do_filtro] nós podemos alterar o query de várias formas

Vejam a documentação:

http://wp-api.org/#posts_retrieve-posts_input

Page 22: Apresentação rest api

Possíveis filtros

● S

● category_name

● author_name

Lucas Lima
Coloca aqui o que vc achar melhor
Page 23: Apresentação rest api

A REST API não é só Query

Com a REST API conseguimos ir além de só retornar posts. Nós podemos também podemos editar, adicionar novos.

Adicionar e editar postsDeletar postse etc.

Lucas Lima
Lista todas as funcoes aqui..
Page 24: Apresentação rest api

brasa.art.br/blog

[email protected]

twitter.com/deshawngamer

Lucas Lima
Nao esquece de formatar certinho aqui e colocar um "OBRIGADO!"