Se voc\u00ea j\u00e1 trabalhou com o WordPress por algum tempo, especialmente quando se trata de usar algum tipo de funcionalidade do Ajax, provavelmente j\u00e1 ouviu a frase “usar o WordPress como proxy" em algum momento.<\/p>\n
E mesmo que voc\u00ea n\u00e3o tenha, as chances de que voc\u00ea realmente fez isso s\u00e3o muito altas.<\/p>\n
Embora eu ache que, \u00e0 medida que o tempo avan\u00e7a, veremos eventualmente a API REST substituir as formas tradicionais que usamos o Ajax, mas essa \u00e9 provavelmente uma hist\u00f3ria diferente para outra hora.<\/p>\n
Ent\u00e3o, o que significa usar o WordPress como proxy sempre que voc\u00ea estiver trabalhando com solicita\u00e7\u00f5es Ajax? Requer um pouco de compreens\u00e3o das solicita\u00e7\u00f5es entre sites, como funciona o roteamento de uma solicita\u00e7\u00e3o pelo WordPress e, em seguida, analisa a resposta.<\/p>\n
\u00c9 um post um pouco longo, n\u00e3o \u00e9? Em vez disso, tentarei dividi-lo em termos mais curtos para que voc\u00ea possa l\u00ea-lo e depois voltar ao trabalho.<\/p>\n
Primeiro, pegue a defini\u00e7\u00e3o de um proxy<\/a> :<\/p>\n a autoridade para representar outra pessoa, especialmente na vota\u00e7\u00e3o<\/p>\n<\/blockquote>\n Se voc\u00ea clicar no link acima, notar\u00e1 que existem algumas outras defini\u00e7\u00f5es, mas nenhuma delas \u00e9 realmente suficiente. Em vez disso, gosto de pensar neles um pouco mais no abstrato, pelo menos no que diz respeito ao software.<\/p>\n Para os prop\u00f3sitos deste post, digamos que o WordPress seja um proxy para uma solicita\u00e7\u00e3o, o que significa que \u00e9 respons\u00e1vel por servir de intermedi\u00e1rio entre o in\u00edcio da solicita\u00e7\u00e3o e a resposta a ela.<\/p>\n Resumidamente,<\/p>\n O WordPress funciona como um proxy roteando uma solicita\u00e7\u00e3o para outro servi\u00e7o e capturando sua resposta.<\/p>\n<\/blockquote>\n Talvez voc\u00ea j\u00e1 tenha ouvido algo parecido, talvez n\u00e3o. Independentemente disso, \u00e9 assim que pode parecer em alto n\u00edvel:<\/p>\n Agora, quando voc\u00ea precisar fazer uma solicita\u00e7\u00e3o ass\u00edncrona (ou uma solicita\u00e7\u00e3o Ajax, como usarei no restante deste post), voc\u00ea ter\u00e1 uma das duas op\u00e7\u00f5es:<\/p>\n Se voc\u00ea estiver fazendo solicita\u00e7\u00f5es para p\u00e1ginas que existem em seu aplicativo (leia-se: dentro do WordPress), n\u00e3o ter\u00e1 problemas.<\/p>\n Mas fazer solicita\u00e7\u00f5es Ajax fora do seu pr\u00f3prio dom\u00ednio \u00e9 imposs\u00edvel. Isso ocorre porque se destina a proteger XSS<\/a> e CSRF<\/a>.<\/p>\n Em suma, cada um deles se refere ao seguinte, respectivamente:<\/p>\n Os ataques XSS ocorrem quando um invasor usa um aplicativo da Web para enviar c\u00f3digo malicioso, geralmente na forma de um script do lado do navegador, para um usu\u00e1rio final diferente<\/p>\n<\/blockquote>\n e:<\/p>\n Cross-Site Request Forgery (CSRF) \u00e9 um ataque que for\u00e7a um usu\u00e1rio final a executar a\u00e7\u00f5es indesejadas em um aplicativo da Web no qual ele est\u00e1 autenticado no momento.<\/p>\n<\/blockquote>\n Em resumo, \u00e9 por isso que precisamos usar o WordPress como proxy. Naturalmente, por\u00e9m, isso levanta a quest\u00e3o de como?<\/p>\n Para fazer isso, voc\u00ea precisar\u00e1 de v\u00e1rias coisas:<\/p>\n Novamente, por uma quest\u00e3o de espa\u00e7o, n\u00e3o fornecerei um exemplo aprofundado disso, mas deve ser suficiente para voc\u00ea come\u00e7ar.<\/p>\n Primeiro, voc\u00ea precisa ter certeza de ter uma fun\u00e7\u00e3o definida para capturar sua solicita\u00e7\u00e3o Ajax. J\u00e1 existe muita documenta\u00e7\u00e3o sobre isso no Codex. Um exemplo simples<\/a> disso ficaria assim:<\/p>\n Em seguida, voc\u00ea precisa de uma p\u00e1gina no servidor para fazer uma solicita\u00e7\u00e3o \u00e0 URL que cont\u00e9m seus dados. Isso pode ser feito usando cURL<\/a>, isso pode ser feito usando file_get_contents<\/a> e isso pode ser feito por outros meios.<\/p>\n Como n\u00e3o sei nem quero fornecer um exemplo prescritivo, compartilharei uma demonstra\u00e7\u00e3o muito simples de como isso pode funcionar (pelo menos nos est\u00e1gios iniciais<\/a> ):<\/p>\n Ao receber uma resposta, voc\u00ea pode optar por analis\u00e1-la no lado do servidor (o que eu recomendo) e retorn\u00e1-la usando um formato leve para a fun\u00e7\u00e3o JavaScript original, conforme visto acima. Observe que estou usando json_encode<\/a> no c\u00f3digo acima.<\/p>\n A partir da\u00ed, voc\u00ea pode fazer o que for necess\u00e1rio na p\u00e1gina em quest\u00e3o com os dados que possui. Observe que as informa\u00e7\u00f5es est\u00e3o contidas no objeto de resposta e talvez seja necess\u00e1rio inspecionar o que ele cont\u00e9m para trat\u00e1-las adequadamente. Isso \u00e9 realizado e demonstrado no c\u00f3digo acima.<\/p>\n Mas os detalhes disso depender\u00e3o muito do que voc\u00ea deseja alcan\u00e7ar.<\/p>\n Por fim, o fluxo de controle se parece com isto:<\/p>\n O objetivo de todos os itens acima \u00e9 ajudar a fornecer um pouco de fundo sobre o motivo pelo qual voc\u00ea pode ver alguns dos c\u00f3digos que voc\u00ea faz, bem como por que voc\u00ea precisa estruturar seu c\u00f3digo assim.<\/p>\n\n
\n
\n
Sobre a seguran\u00e7a dos pedidos<\/h3>\n
\n
\n
Usando o WordPress como um proxy<\/h3>\n
\n
var _get_columns = function() {\n\n \/\/ Don't forget to use a nonce or security value here.\n var data = {\n 'action': 'get_all_columns'\n 'security': '<?php echo wp_create_nonce( \"acme-security-ajax-nonce\" ); ?>'\n };\n\n \/\/ TODO Check for error logging if the response value doesn't exist.\n $.get( ajaxurl, data, function( response) {\n\n response = $.parseJSON( response );\n \/\/ Your custom functionality here\n });\n};\n<\/code><\/pre>\n<?php\n\nadd_action( 'wp_ajax_get_all_data', 'get_all_data' );\n\/**\n * Retrieves the requested data from the specified URL \n * returns the values in JSON.\n *\/\nfunction get_all_data() {\n\n \/\/ Note $url is up to you.\n $curl = curl_init( $url );\n\n curl_setopt( $curl, CURLOPT_RETURNTRANSFER, 1 ); \n curl_setopt( $curl, CURLOPT_HTTPAUTH, CURLAUTH_ANY ); \n curl_setopt( $curl, CURLOPT_SSL_VERIFYPEER, false ); \n curl_setopt( $curl, CURLOPT_FOLLOWLOCATION, true ); \n\n $response = curl_exec( $curl ); \n $resultStatus = curl_getinfo( $curl ); \n\n if( 200 !== $resultStatus['http_code']) {\n echo 'Call Failed '.print_r( $result_status ); \n }\n curl_close( $curl );\n\n echo json_encode( utf8_encode( $response) ); \n wp_die();\n}\n<\/code><\/pre>\nWordPress como proxy<\/h2>\n