15

Bom, tenho um arquivo PHP que me gera um documento(obtenho por AJAX). Esse documento passa por algumas funções(que fiz em PHP), como por exemplo, converter uma string para código, somar campos..

Bom, para fins de organização, fiz tudo com PHP esses ajustes(então o documento é entregue pronto, o JS não precisa entrar em cena para finalizar o trabalho após a requisição).

Mas, qual seria a indicação? Aliviar para os servidor(memória, menos processamento, entrega mais rápida.. ??), ou se isso para o servidor seria de tão pouca importância(exige pouco processamento) que não valha apena se prender a detalhes e sim preservar um código mais limpo e mais simples de manutenção.

2
  • 3
    Essa é uma pergunta que venho me fazendo, principalmente com infinite scroll para fazer o javascript montar os elementos. Mas ter a composição fora da view me deixa um pouco incomodado. Aguardo ansioso por um bench sobre o tema. Commented 9/05/2015 às 18:53
  • 2
    Acredito que as respostas estão saindo um pouco do escopo da pergunta que não é quanto a quantidade de requisições, validação antes ou depois, etc... Dando a minha opinião, voltada a pergunta, acredito que o js pode ser, até certo ponto, utilizado como sua view (separada do servidor). Toda a parte lógica e as regras de negócio continuariam no servidor, mas quem processa a parte da interface, quem organiza as informações para exibir ao usuário, seria o js.
    – Oeslei
    Commented 13/05/2015 às 13:53

5 Respostas 5

7

Olá.

Antes de mais vou começar por citar uma coisinha que as pessoas normalmente dizem ou pensam, quando se deparam perguntas desse tipo:

Javascript apesar de ser umas das principais linguagens web, não pode nunca substituir o PHP num aplicativo web que queira manter a integridade total dos dados que saem do cliente para o servidor e vice-versa ( lê isto se achares que estou errado ).

Outra coisa é, aliviar com o Javascript, não é nada mais que pré validar dados antes de serem enviados para o servidor segundo a tua questão.

O Javascript em si, serve apenas para lidar com animações e dinamização no lado cliente ou controlar eventos diretamente, sendo que se deixares o Javascript fazer a maior parte do serviço, para além daqueles que realmente lhe competem, e depois enviares para o servidor informações e não realizares outra verificação, sabe-se lá quais dados acabaste de enviar diretamente para o servidor, isso porque o Javascript fez o trabalho todo incluindo a parte do PHP ou outra linguagem BACKEND em uso, e o servidor limitou-se a recebe-los como se fosse ele quem os verificou.

Daí ter o princípio de validar com Javascript e depois voltar a validar com PHP ou outra linguagem que esteja a atuar no lado servidor. Até os frameworkfazem isso, mas de outra forma.

No final não sei se respondi a tua dúvida, mas espero que entendas ao menos que o Javascript não deve nunca substituir o PHP, tenta antes tornar o teu script no lado do servidor mais eficiente.

5
  • exato.. basicamente o mesmo o que respondi Commented 13/05/2015 às 15:35
  • Sim, é praticamente o mesmo, embora eu tenha estendido a explicação e aprofundando um pouco mais, ainda assim o autor: As respostas atuais não contêm detalhes suficientes., se com isto ele não entender quais são os limites do Javascript, então nada posso fazer.
    – Edilson
    Commented 13/05/2015 às 17:36
  • Pois é.. não entendi o quê mais ele quer.. talvez ele queira ver códigos com casos de estudo comuns e respostas quilométricas com tabelas, gráficos etc.. rsrs Commented 13/05/2015 às 18:55
  • Sério ? Pensei ter sido o único a achar isso :).
    – Edilson
    Commented 13/05/2015 às 20:36
  • @Edilson, antes de eu colocar a recompensa de 100, não existia respostas mais completas( ou simplesmente respostas ) que a de DanielOmine, irei analisar estas agora e ver se atendeu a minha expectativa :). Obrigado pela resposta!
    – Ale
    Commented 14/05/2015 às 17:31
4

As validações devem ser feitas no PHP (server side) independente do que ocorre no lado cliente (js, html).

Para "aliviar" processos, é recomendável aplicar validações em JavaScript para evitar requisições ao servidor.

Exemplos: Validar formato de email Validar quantidade de caracteres Validar dados somente numéricos ou somente letras

Vale salientar novamente que independente de existir validações no lado cliente, com JavaScript, as mesmas validações devem ser feitas no lado do servidor com PHP.

O "alívio" é útil também pela acessibilidade. Para o usuário no lado cliente, é visualmente melhor e performático.

12
  • Sua ressalva a revalidação seria exclusivamente para caso o browser do cliente não estiver com JavaScript ativado? Mas neste caso não seria melhor verificar a presença deste, e caso não, solicitar na requisição(atraves de um parametro por exemplo) para que fosse feita a validação. Eu sou da ideia de poupar o servidor, são pequenos detalhes mas que somados talvez façam alguma diferença, mas se essa diferença for tão pouca então que valha mais apena garantir aplicação em termos de segurança de dados(como revalidar). Enfim, não sei o tamanho do esforço do servidor para tal feitos.. @Daniel Omine
    – Ale
    Commented 9/05/2015 às 19:26
  • Não sei se você entendeu, pois descreveu o mesmo que postei, porém com palavras diferentes. E sobre o caso de browser sem suporte a JS, é irrelevante para o caso. Por isso, nem precisa dizer que precisa ter validação no server e não confiar somente no lado cliente. E novamente salientando, verificação no lado cliente com JS é essencial para evitar processos desnecessários, principalmente requisições ao server. E browser sem suporte a JS, veja bem, sem suporte JS não navegará em praticamente nenhum website. Um request pode ser feito sem browser, por exemplo, mas isso é outro assunto. Commented 9/05/2015 às 21:22
  • 2
    Por qual motivo sua resposta se baseia unicamente em validação? Commented 9/05/2015 às 22:44
  • Entendi que uma forma de "aliviar" seria verificar realmente se a requisição é válida para persistir com o trabalho por parte do servidor, assim não joga uma requisição fora e poupa esforços do servidor. Mas não entendi(talvez por falta de conhecimento) o porquê refazer a mesma(mesma) verificação em ambos(cliente, servidor), se passou em um, o que impede de passar em outro?
    – Ale
    Commented 10/05/2015 às 2:00
  • 3
    Alexandre C. Caus, o motivo é que verificação no lado servidor sempre deve ser feita e a verificação no lado cliente é opcional. Mesmo que faça verificação/validação no lado cliente, as mesmas verificações devem ser feitas no lado servidor pois nem sempre as requisições proveem de um browser convencional. Commented 11/05/2015 às 12:17
2
+100

Ao meu ver, a questão é sobre usar o javascript para fazer o trabalho do PHP. Uma requisição feita com ajax pode retornar dados formatados em back-end ou pode receber um json e formatar para composição de uma view. Minha resposta se baseia nessa suposição.

Vou dar como exemplo uma requisição simples contendo um array de 2 índices, somente nome e sobrenome e formatos em JSON, XML e HTML para fins de comparação apenas.


DATA

 array( array( 'Papa' , 'Charlie' ) , array( 'Papa' , 'Charlie' ) )

JSON

LENGTH : 39
STING  : [["Papa","Charlie"],["Papa","Charlie"]]

XML

LENGTH : 191
STING  : <usuarios>
             <usuario><name>Papa</name><lastname>Charlie</lastname></usuario>
             <usuario><name>Papa</name><lastname>Charlie</lastname></usuario>
         </usuarios>

HTML

LENGTH : 66
STING  : <div>Papa</div><div>Charlie</div><div>Papa</div><div>Charlie</div>

Um output em HTML vai usar o servidor para processar os dados, e você consegue exibir os dados usando funções simples. Pode ser a melhor opção quando se tem pouco fluxo de dados ou para quem não tem tanta familiaridade com javascript. Por outro lado, temos um fluxo maior de dados e pode tornar a aplicação mais presa.

Dados em JSON são fáceis de trabalhar com tipo object, alem de ter um comprimento bem menor que os outros formatos, e isso é um ponto interessante para economia de banda. JSON e XML são mais flexíveis e simples de implementar webservices, APPs, desktop, dispositivos móveis...

Não encontrei um benchmark de respeito que pudesse usar como efeito de comparação, mas não vejo uma desvantagem tão grande no tempo de processamento entre PHP e javascript que implique como fator decisivo para mudança. De fato o PHP consome mais recursos para montar o HTML, enquanto o javascript compõe com baixo custo. Mas para responder qual usar ou quando, depende da necessidade - reduzir trafego, flexibilizar a aplicação à outras plataformas... acho que são pontos de maior importância na escolha.


Algumas referencias interessantes

• Why is it a bad practice to return generated HTML instead of JSON? Or is it?

• AJAX - Using JSON vs echo HTML

• Why do Facebook, Twitter and GMail render all their data to the browser as JSON as opposed to HTML?

• PHP vs node.js: The REAL statistics

• The AJAX response: XML, HTML, or JSON?

• Creating HTML: PHP server-side vs. jQuery clie

2
  • concordo, depende da necessidade e viabilidade na questão da segurança, não podemos simplesmente dizer que é uma OBRIGAÇÃO validar tudo no server, pois existem vários casos onde pode ser aplicado as "exceções" que resultam em ganho de performance. Commented 18/05/2015 às 10:59
  • 1
    Uau.. Boas referências, quando me sobrar tempo irei analisar estas, obrigado pela resposta, vou considera-la a mais completa e te recompensar. abraços
    – Ale
    Commented 18/05/2015 às 15:39
2

TL;DR: depende muito da sua aplicação e do custo beneficio de trocar a funcionalidade para o front-end.

Usar JavaScript para aliviar o back-end é bom. Mas se você deve usar ou não depende muito da sua aplicação, se você tem uma aplicação que está lenta no back-end, vale a pena deixar mais tarefas para o front-end. Se você tem uma aplicação pequena que está gerando os documentos no back-end sem problemas de performance talvez não seja necessário modifica-la e começar a usar o JS.

Deve-se levar em consideração o trabalho que dará alterar a aplicação e o quanto isso implicará na performance. Se for uma grande modificação, que levará muitas horas de trabalho e que irá remover pouca carga do back-end, então não vale a pena. Ao contrário se a modificação não for tão complexa, mas aliviar bastante o servidor então vale a pena fazer.

Como já foi citado em outras respostas aqui, tarefas como validação de dados devem sempre ser feitas no back-end, podem ser feitas no front-end para dar um feedback mais rápido ao usuário, mas devem ser refeitas no back-end para verificar a integridade dos dados, já que se os dados forem validados somente front-end criaria a possibilidade de um usuário malicioso desativar o JavaScript e fazer um ataque ao site como por exemplo um SQL Injection.

Outro ponto importante é que atualmente cada vez mais são usados serviços de computação na nuvem para hospedagem, esse serviços normalmente cobram por tempo de uso e/ou uso de CPU, então quanto menos processamento for usado, mais econômico fica. Logo, quanto mais funções forem dadas ao front-end e retiradas do back-end mais barato ficará o serviço.

1
  • é o mesmo ponto de vista que o meu Commented 15/05/2015 às 12:09
1

Para jogar lenha na fogueira, posso sim fazer um código "LIMPO" do lado do cliente até chegar no lado do servidor, e continuar programando javascript no lado do servidor basta usar o nodeJs.

https://nodejs.org/

Então a questão de validar do lado do server ou do lado do cliente, vai depender do que esta validando, se for alguma coisa que não vá comprometer a segurança de um banco de dados, ou deixar um javascript do lado do cliente onde ele posso sobreescrever uma função para mudar alguma coisa nesses casos deixe tudo do lado do servidor.

Mas uma validação do tipo digite seu login que é o email, e uma função que verifica se o email tem um @ no meio da string, nesse caso eu posso tranquilamente jogar isso do lado do cliente.

9
  • NodeJs é um framework :)
    – Edilson
    Commented 13/05/2015 às 20:37
  • Essa é uma resposta seria ? Sempre devemos validar os dados de origem duvidosa (que sua aplicação não tem controle). Até mesmo um e-mail / senha deveria ser validado, imagine que você tem uma política de senhas, você poderia validar esta politica antes de ir diretamente no banco de dados e ainda aproveitar a mesma regra no seu cadastro de usuários.
    – wryel
    Commented 13/05/2015 às 21:23
  • Concordo que se não comprometer a segurança de um banco de dados, jogar o trabalho para o lado do cliente(alguns casos) pouparia o servidor de fazer trabalhos extras(como repetir o mesmo processo). Não entendo porquê a galera insiste em dizer consistentemente(sem exceção) que deve-se se verificar de ambos os lados. Cada caso é um caso, como SneepS disse, e eu concordo, "Então a questão de validar do lado do server ou do lado do cliente, vai depender do que esta validando, se for alguma coisa que não vá comprometer a segurança de um banco de dados"
    – Ale
    Commented 14/05/2015 às 17:40
  • 1
    @wryel acho que você não me entendeu, a validação de um "email" se ele esta dentro do formato nome@dominio eu valido somente com javascript do lado do cliente, se for usado como login, e ele passar errado simplemeste não vai logar, e o script da validação do lado cliente irá avisar que o formato do email esta errado, simples asism. Commented 15/05/2015 às 12:17
  • 1
    @wryel conforme citou ["deveriamos lançar um exceção ou e sair do fluxo principal"] nesse caso eu uso o javascript para lançar a exceção, assim nem chega um email sem ser formatado para o server verificar, e ref. a sair do FLUXO PRINCIPAL isso sim o php tratará(caso seja enviado um post para o server de forma maquiavélica) não logando pois o email não formatado não será localizado no SGBD. Commented 18/05/2015 às 11:04

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .