WordPress – WP API – Sistema Web (no front) e Aplicativo Mobile

33
22



O que você acha que é possível fazer com o wordpress?
É possível fazer um sistema e aplicativo com wordpress sem plugins?

Acompanhe os detalhes no vídeo!

Funções e recursos utilizados:

Fala galera.. como a gente ver poucos cases por aqui resolvi fazer esse vídeo para mostrar que o wordpress vai além sites e blogs.
🎓Antes de tudo, preciso falar que este post não é para auto-promoção.. Só resolvi postar ele aqui, porque a gente quase não acha esse tipo de trabalho com wp no Brasil, nem cursos, tutoriais nem nada. Então como eu não sabia se era possível fazer, eu coloquei a mão na massa e esse daí foi o resultado..
Nesse vídeo, mostro um sistema e um aplicativo mobile consumindo a API.
👉 SISTEMA:
É um sistema simples para controle de ordens de serviços.
Através do aplicativo o usuário recebe a ordem de serviço e vai informando o status.
– Todo o sistema foi feito utilizando as funções nativas do wp.. Sem uso de plugins de terceiros.
– A interface web eu desenhei e fiz o tema para o wp.. Uso o jquery + ajax para as interações..
– Todas as ações foram feitas no front.. não usei o painel do wp
– Os módulos são..
1 – Usuários… Tipos de usuários e permissões
2 – Empresas – CPT + taxonomia
3 – Contatos – CPT + taxonomia
4 – Obras – CPT + taxonomia
5 – Serviços – CPT + taxonomia
6 – Financeiro – Apenas controle do pagamento da ordem de serviço.. pagamentos pendentes
Relacionamentos entre posts fiz salvando o id em custom field.. Poderia ser feito uma nova tabela.. Mas optei desse jeito mais fácil..

👉 API – Para o mobile
O wordpress já incorporou ao core

👉 WP-API – Custom fields
Por padrão, sabemos que o wp não exibe os custom fields nas rotas.. vc precisa programar. Na parte do vídeo que eu mostro o json de serviços observe que eu formatei o json como eu quis.

👉 WP-API – novas rotas
O wordpress já te dá o recurso de você criar uma nova rota..
Para atualizar o status do serviço (que é um custom field) eu criei uma nova rota onde vc passa o id o cf e o valor que vc quer.. algo como … servicos/12/status/andamento

👉 SEGURANÇA:
A api está desabilitada para usuários não logados… E para a autenticação eu estou utilizando jwt.. Para habilitar esse tipo de autenticação foi utilizado o plugin JWT Authentication for WP REST API.
Authenticação jwt
Basicamente é criado um token utilizando login e senha… O retorno são as informações do usuário.. daí é só gravar no localstorage ou cookie para recuperar quando precisar enviar para uma rota protegida. Se o resultado for não autorizado então volta para o login..

👉 APP MOBILE
Para o aplicativo utilizei angularjs. Quando defino as rotas para o SPA, eu especifico se ela é uma rota protegida ou não.. Se for protegida então verifica a autenticação.

👉 FUNÇÕES UTILIZADAS:
current_user_can()
wp_nonce_field()
wp_verify_nonce()
wp_insert_user()
update_user_meta()
wp_redirect()
remove_role()
get_role()
remove_cap()
add_cap()
wp_delete_user()
wp_insert_post()
wp_set_post_terms()
get_option()
get_users()
wp_insert_post()
wp_update_post()
is_wp_error()
get_posts()
is_user_logged_in()

👉 ACTIONS
after_setup_theme
page_template
lostpassword_post
validate_password_reset
wp_login_failed
authenticate
rest_api_init
wp_ajax_nopriv
wp_ajax

👉 FILTERS
rest_url_prefix
rest_authentication_errors
rest_prepare_posts
single_template
archive_template

👉 COMPARTILHE
Se este post te incentivou a fazer algo mais com o wp.. compartilhe com o grupo ou me add aqui no facebook para me mostrar..
Espero que gostem.
Valeu!

Nguồn: https://colpop.net

Xem thêm bài viết khác: https://colpop.net/cong-nghe

33 COMMENTS

  1. Tentei acessar o link para o formulário do Google mas, parece que esta off.
    Tenho intersere no conteúdo, como fico sabendo o curso?

  2. Bom dia, você poderia fazer um vídeo mostrando passo a passo como fazer um aplicativo e Dashboard front-end WordPress, com a penas alguns campos e regras de permissões etc..

    Estou aprendendo WordPress, mais não encontro esse conteúdo em nem um lugar, seria muito bom se você puder nos mostrar

  3. Olá Raphael, tudo bem?
    Primeiramente eu gostaria de lhe dar os parabéns pelo vídeo por foi imensamente inspirador.
    Já tem uns 5 anos que não desenvolvo nada em WordPress e estou necessitando urgentemente voltar a fazer pequenos desenvolvimentos.
    A única coisa que eu faço quando necessário é algum desenvolvimento de sites e blogs para a empresa na qual trabalho atualmente.
    Eu precisava criar um sistema muito parecido com esse que você mostra no vídeo mas não sei nem por onde iniciar.
    Acredito que terei que fazer um novo template para o WordPress em algum Framework e somente depois partir para a integração por API como vc mostra no vídeo.
    Seria isso mesmo ou você fez todas as mudanças dentro de algum template básico do WordPress para esse vidual e funcionalidade?
    Tem algum conteúdo que você indicaria?
    Um grande abraço e novamente Parabéns pelo vídeo.

  4. Rafhael gostei muito do vídeo gostaria que entrasse em contato comigo via Zap gostaria de conversar contigo 85-987484444

  5. Opa, tudo bem?
    Comprei uma hospedagem VPS mais não consigo instalar WordPress tentei server Pilot mais essa ferramenta e paga. Vc tem alguma alternativa para me ajuda?

  6. Olá boa noite, gostei do seu vídeo mais tenho uma dúvida referente a vídeo aula será possível criar a mesma forma de login com logo da empresa de crição de site e fazer a mesma função mais para os sites de editor de site como wix ou webnode?

  7. Man como consigo fazer o envio de emails utilizando a API REST do wordpress? normalmente utilizo o contact form 7.. mais em API qual alternativa?

  8. Ola Raphael, gostaria de saber se você conseguiu criar um post e adicionar uma imagem destacada? deveria fazer um curso sobre esse assunto.. já que é a primeira pessoa aqui no brasil a criar esse sistema. abçs

  9. Se você tiver interesse de fazer um curso para aprender fazer algo como no vídeo preencha a pesquisa:

    https://goo.gl/forms/SLG7y2Tz0SabVFyn1

  10. Cara do céu lança esse curso, meu sonho é conseguir fazer isso no wp, estou apanhando pra personalizar o cadastro de usuários e você fez tudo isso, parabéns, lança esse curso em nome de Jesus kkkk

  11. Pensou em criar um curso com essa pegada? De fato é raro de achar mais do que criar Landing page no WP

LEAVE A REPLY

Please enter your comment!
Please enter your name here