Configuração do Cloud Flare
As capturas de tela a seguir ilustram como configurar Cloudflare para fornecer conteúdo. As configurações essenciais são marcadas com um círculo vermelho.
Essa configuração pode ser feita completamente no navegador usando apenas o Painel do Cloud. Se você já estiver familiarizado com Trabalhadores em nuvem, Wrangler & GitHub e não tem medo de inserir comandos em uma janela de terminal, você pode querer seguir as instruções aqui em vez disso.
Criar um site do Cloud Flare
Se você já tiver um site de clarão na nuvem e uma configuração de DNS, pode pular para a Configurar invalidação por push seção.
Insira o domínio:
Selecione um plano:
Observe que as invalidações por push cirúrgico são suportadas somente no Enterprise plano. Em todos os outros planos, todo o cache do site será removido sempre que um autor publicar uma alteração de conteúdo.
Para esta apresentação, usaremos o Plano gratuito.
Configurar invalidação por push
A invalidação por push limpa automaticamente o conteúdo na CDN de produção do cliente (por exemplo, www.yourdomain.com
), sempre que um autor publicar alterações de conteúdo.
O conteúdo é removido por url e por tag/chave de cache.
A invalidação por push é ativada ao adicionar propriedades específicas à configuração do projeto (uma pasta de trabalho do Excel chamada .helix/config.xlsx
no Sharepoint ou em uma planilha do Google chamada .helix/config
no Google Drive).
Propriedades de configuração:
Para criar um token de API,
- ir para Tokens de API
- clique em "Criar token",
- vá para "Criar token personalizado" na parte inferior e clique em "Começar"
- digite um nome de token (por exemplo,
"Production Site Purge Token"
), - Permissões: "Zona", "Limpeza de cache", "Limpeza"
- Recursos de região: "Incluir", "Zona específica", "<your production="" zone="">"
- clique em "Continuar para o resumo"
- clique em "Criar token",
- copie o valor do token gerado.
Observe que somente os sites no plano corporativo serão removidos cirurgicamente pelo URL e pela chave de cache. A Limpar tudo serão executados em sites não empresariais sempre que um autor publicar uma alteração de conteúdo.
Você pode validar as credenciais com este ferramenta.
Configuração de DNS
Para um novo site, começaremos com uma simples configuração de DNS.
- Criar um novo
CNAME
registro. Se a sua zona forexample.com
e deseja distribuir o tráfego nowww.example.com
, o nome deverá serwww
- Se você quiser veicular tráfego no example.com (sem um www), o nome deverá ser
@
- E se você quiser veicular o tráfego em todos os subdomínios, o nome deverá ser
*
como na captura de tela abaixo - Como estamos usando trabalhadores para veicular o conteúdo, o valor do campo Conteúdo não importa. É mais fácil usar seu
ref--repo--owner.hlx.live
nome do host aqui. Este é um nome de host, não um URL, portanto, deixe de fora o cabeçalhohttps://
Verifique se o registro CNAME está Proxy:
Configuração de SSL/TLS
Selecionar SSL/TLS no painel esquerdo e Certificados do Edge na lista suspensa:
No lado direito, role para baixo até Sempre usar HTTPS e ative-a:
Configurar armazenamento em cache
Criar regra de página
Criar trabalhador
Escolha Workers no painel esquerdo e clique em "Gerenciar Workers":
Clique em "Criar um serviço":
Digite um nome para a operadora (p. ex., "helix-worker") e clique em "Criar Serviço":
Clique em "Edição rápida":
Editar código do trabalhador
- Se você tiver configurado o com êxito invalidação por push copiar o conteúdo de este arquivo, caso contrário, copie o conteúdo de este arquivo.
- No painel esquerdo, substitua o conteúdo existente pelo conteúdo copiado.
- Clique em "Salvar e implantar":
Clique em Configurações e em "Adicionar variável":
Adicionar uma variável ORIGIN_HOSTNAME
e defina o valor para o nome do host de sua origem (por exemplo, main--mysite--hlxsites.hlx.live
):
Clique em Triggers e selecione "Adicionar rota":
Insira a rota do seu domínio (por exemplo, www.mydomain.com/*
), selecione sua zona e clique em "Add route":
Dependendo da configuração escolhida em Configuração de DNS, você selecionaria as rotas www.mydomain.com/*
, mydomain.com/*
ou *.mydomain.com/*
Depois de concluir todas as etapas, você deve estar pronto.
Expandir o AEM em seu site
Caso você comece com apenas uma parte do site sendo roteada para o seu .live
origem e rotearam uma pasta específica (por exemplo, /blog/*
) você pode adicionar mais rotas posteriormente sempre que estiver pronto para expor novas seções do site simplesmente adicionando mais rotas e repetindo as últimas etapas "adicionar rota" conforme necessário, sem alterar a configuração do worker.
Fique atento a conteúdo duplicado
Os mecanismos de pesquisa muitas vezes penalizam os sites por conteúdo duplicado, portanto, é importante garantir que seu conteúdo não esteja disponível na Web em outro lugar. O Cloud Flare, infelizmente, tem uma configuração padrão que expor seu site em portas de rede adicionais. Em planos de Cloud Flare pagos, você pode bloquear o tráfego nessas portas adicionais. Essa é uma configuração recomendada para sites de produção.