Existem dois modos principais de desenvolvimento de aplicativos da Web:
-
Extremidades dianteiras e traseiras não são separadas
-
Separação das extremidades dianteira e traseira
Entender suas diferenças nos ajuda a testar os produtos correspondentes.
Extremidades dianteiras e traseiras não são separadas
No início, o desenvolvimento de aplicativos da Web adotava principalmente o método de não separar front-end e back-end. É um modo de desenvolvimento que renderiza principalmente o modelo diretamente no back-end para concluir a resposta. O diagrama de arquitetura da aplicação web desenvolvida de forma que front e back end não sejam separados é o seguinte:
Se você quiser aprender o teste de automação de interface, aqui eu recomendo um conjunto de vídeos para você. Este vídeo pode ser considerado o tutorial de teste de automação de interface número um em toda a rede na estação B. Ao mesmo tempo, o número de usuários chegou a 1.000, e há notas para coletar e usar. Trocas técnicas de vários mestres: 798478386
https://www.bilibili.com/video/BV17p4y1B77x/?spm_id_from=333.337O navegador inicia uma solicitação para o servidor e o servidor busca os dados do banco de dados após receber a solicitação, renderiza o modelo HTML e retorna os dados HTML renderizados ou retorna um redirecionamento. A maior parte do trabalho é processada no back-end, e o cliente (navegador) é responsável apenas pela exibição da página e pela interação do usuário.
Este método de desenvolvimento tem as seguintes características:
-
Geralmente, um aplicativo precisa apenas de um servidor de segundo plano
-
O cliente só precisa solicitar páginas diferentes e o servidor completará toda a lógica de dados na página, portanto, o número de solicitações http é menor
-
Cada solicitação é um HTML, haverá muitos dados redundantes
-
Durante o desenvolvimento, os códigos front-end e back-end são altamente acoplados e a responsabilidade pelos problemas não é clara
-
Ao desenvolver um site simples, a eficiência é muito alta
-
Os dados de resposta são HTML, que só podem ser adaptados para um único cliente. Quando o suporte multi-terminal é necessário, ele precisa ser desenvolvido separadamente
Separação das extremidades dianteira e traseira
Com o surgimento da tecnologia AJAX, as solicitações http podem ser enviadas ao servidor sem atualizar a página, portanto, surgiu o modo de desenvolvimento de separação de front-end e back-end.
O back-end só precisa desenvolver a interface, e o front-end pode obter os dados do back-end iniciando uma solicitação AJAX, renderizar e como chamar a interface e entregá-los ao front-end. O diagrama de estrutura da aplicação web desenvolvida na forma de separação front-end e back-end é o seguinte:
Este método de desenvolvimento tem as seguintes características:
-
É o atual modelo mainstream de desenvolvimento Web
-
Requer servidor de arquivos estáticos e servidor de interface de back-end
-
O servidor de segundo plano fornece apenas serviços de interface de dados e a resposta geralmente é dados JSON
-
Durante o desenvolvimento, as responsabilidades de front-end e back-end são claramente divididas
-
O desacoplamento de front-end e back-end pode ser desenvolvido ao mesmo tempo, melhorando a eficiência do desenvolvimento
-
Um plano de fundo pode atender às necessidades de vários aplicativos, como sites, aplicativos e pequenos programas
Resumir
Para aplicações em que as extremidades frontal e traseira não são separadas, geralmente apenas o teste funcional é necessário. Para aplicações onde front-end e back-end são separados, tanto o teste funcional quanto o teste de interface são necessários e, ao realizar o teste funcional, também é necessário analisar se o bug é um problema de front-end ou back-end.