Backbone.js - roteadores

Apesar que Backbone.js reside no cliente, a sua capacidade como framework MVC é totalmente normal, pois não só nos permite gerar modelos, visualizações e controladores, também temos a possibilidade de trabalhar com Roteadores, dando assim a possibilidade de criar URLs amigáveis e dar melhor acesso aos controladores da mesma aplicação.
Normalmente com Backbone.js tendemos a fazer aplicativos de página única, então talvez possamos questionar o uso de um RoteadorNo entanto, o fato de ser um aplicativo de página única não nos impede de usar a URL como um assistente para acessar os diferentes recursos que nosso aplicativo possui.
Roteador em Backbone.js
O Roteador em Backbone.js permite-nos gerar URLs onde damos acesso aos diferentes recursos da aplicação, a ideia é poder ter URLs amigáveis ​​para motores de busca e SEO, além de permitir ao utilizador marcar ou marcar a nossa aplicação como favorita em seu navegador, mas permitindo URLs amigáveisIsso pode marcar uma seção específica, economizando muita navegação no site.
Os URLs que podemos alcançar com o Roteador do Backbone.js eles se parecem com isto:

Ou se quisermos acessar uma consulta mais avançada, por exemplo, por categorias e com uma página específica dessa pesquisa, poderíamos obter algo assim:

Construir um roteador com Backbone.js
Uma vez que temos um entendimento básico do que é e o que Roteador em uma aplicação de Backbone.jsAgora veremos como podemos gerar um, para que possamos incluí-lo em nossos aplicativos.
RoteadorA ideia de Roteador em Backbone.js é que devemos ter uma função que seja executada quando a rota for atingida, com isso a aplicação saberá o que fazer quando tiver esse tipo de requisições para a URL, essa relação é um dos pilares mais importantes quando criamos um Roteador .
O relacionamento é definido da seguinte forma: 'caminho': 'função',. Onde rota é a solicitação feita na barra do navegador e a função é onde o Roteador.
Vamos agora construir um Roteador básico para ilustrar o que vimos explicando.

 var exampleRouter = Backbone.Router.extend ({/ * definimos as rotas e funções que * / routes: {"test": "sampleTest", / * podem ser acessadas usando o formulário: http://example.com/# teste * / "search /: query / p: page": "searchConsult", / * podemos fazer uma rota mais complexa permitindo vários parâmetros * / / * por exemplo: http://example.com/#query/work/ p1 * /}, showTest: function () {console.log ("Acessamos o teste do roteador");}, searchQuestion: function (query, page) {var page_no = page || 1; console.log ("O número da página: "+ page_no +" da pesquisa que contém a palavra: "+ consulta);}, defaultRoute: function (other) {console.log ('O recurso:' + outro + 'Não existe');} }); var myRouter = novo exampleRouter (); 

Aqui estamos criando em primeira instância nosso Backbone.Router, dentro vamos definir todas as rotas com suas respectivas funções associadas, com isso teremos nosso mapa, então definimos cada função que temos relacionado às rotas e finalmente inicializamos nosso Roteador.Gostou e ajudou este tutorial?Você pode recompensar o autor pressionando este botão para dar a ele um ponto positivo