Visão Geral
Adicionar proxies e redirecionamentos são práticas comuns no desenvolvimento web para melhorar a experiência do usuário e otimizar a entrega de conteúdo. Proxies e redirecionamentos têm finalidades diferentes e podem ser benéficos em diversos cenários.
Os redirecionamentos são principalmente utilizados quando você tem uma página que pode não existir mais, mas que ainda é acessada pelos usuários através de marcadores salvos ou links externos. Em vez de retornar um erro 404 (não encontrado), você pode criar um redirecionamento para garantir uma transição tranquila para seus usuários. Ao implementar redirecionamentos, seu site pode continuar servindo o conteúdo desejado para essas rotas específicas, mantendo uma experiência positiva para o usuário.
Ao utilizar proxies e redirecionamentos, você pode otimizar a entrega de conteúdo, gerenciar transições e fornecer uma experiência de usuário perfeita. Nas seções a seguir, vamos explorar como adicionar proxies e redirecionamentos usando o Admin da deco, passo a passo.
O processo geral envolve a alteração do mapa de rotas do site e a associação de um proxy ou redirecionamento, dependendo do caso de uso específico. Ao final do processo, saberemos como criar uma rota de exemplo /example-proxy
que faz proxy de solicitações para o deco.cx e uma rota /example-redirect
que redireciona para a página inicial do google.com. Observe a diferença: o primeiro manterá você no mesmo domínio, enquanto o último o levará para fora do domínio do seu site.
Passo a passo
Adicionando um Redirecionamento
Primeiro, faça login no Admin da deco. Uma vez logado, você pode acessar o site com o qual deseja trabalhar.
Entre na configuração de
redirects
do site.Pressione
Criar um redirect
e configure de acordo com sua necessidade.
Preencha o campo
De
com a rota desejada, por exemplo,/example-redirect
e, emPara
, insirahttps://google.com
ou a URL para a qual deseja redirecionar.Escolha o tipo como
temporary
, já que este redirecionamento pode mudar ao longo do tempo. Se o redirecionamento não deve mudar ao longo do tempo, você pode selecionarpermanent
(o que pode resultar em respostas mais rápidas, já que os redirecionamentos permanentes são armazenados em cache pelo navegador do usuário).Crie o redirect para aplicá-lo.
Agora você pode acessar https://seu-site.deco.site/example-redirect
e verificar se o redirecionamento está funcionando corretamente.
Adicionando um Proxy
Proxies são utilizados quando você deseja manter o usuário dentro do mesmo site, mas fornecendo um conteúdo diferente. Os proxies permitem o compartilhamento de recursos sob o mesmo domínio, proporcionando uma experiência de usuário unificada. Isso pode ser especialmente útil quando você precisa servir conteúdo de diferentes fontes ou plataformas, mantendo uma interface de usuário consistente. Os proxies são comumente usados durante processos de migração de plataforma, permitindo que você adote gradualmente o Deco e decida se uma página específica deve ser proxied ou servida diretamente pelo Deco.
Para criar um proxy em vez de um redirecionamento, você pode seguir os seguintes passos:
Primeiro, faça login no Admin da deco. Uma vez logado, você pode acessar o site com o qual deseja trabalhar.
Abra o
App
de site para edição. E pressione para adicionar um novosite map
.
Selecione o tipo da rota como
Route
, e adicione essa nova rota.Como
Path template
, selecione a base da rota (ex.:/example-proxy
), selecione o valorProxy
e aURL
, como a URL a ser proxiada (ex.:https://deco.cx
).Publique as alterações.
Agora, ao acessar a rota especificada (por exemplo, https://seu-site.deco.site/example-proxy
), você será proxied para a URL especificada (neste caso, https://deco.cx
).
Adicionando um arquivo de redirects.
Repita os passos de 1 e 2 da seção anterior. Em seguida:
- Suba um arquivo como
redirect.csv
para a base do projeto. Ele deve ter o formato indicado abaixo:
from,to,type
/example-redirect,/test,temporary
/google,https://www.google.com,permanent
Adicione a rota do tipo
redirectsFromCsv.ts
.Selecione
redirect.csv
como arquivo de redirects.Publique as alterações.