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:

key
valor
comentário
cdn.prod.host
<Production Host>
Nome do host do site de produção, por exemplo www.yourdomain.com
cdn.prod.type
cloudflare
cdn.prod.plan
e.g. free

valores: free, pro, business, enterprise

padrão: free

somente o plano empresarial suporta expurgação por tag

cdn.prod.zoneId
<Cloudflare Zone ID>
ID da zona de produção
cdn.prod.apiToken
<Cloudflare API Token>

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", "&lt;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.

  1. Criar um novo CNAME registro. Se a sua zona for example.com e deseja distribuir o tráfego no www.example.com, o nome deverá ser www
  2. Se você quiser veicular tráfego no example.com (sem um www), o nome deverá ser @
  3. E se você quiser veicular o tráfego em todos os subdomínios, o nome deverá ser * como na captura de tela abaixo
  4. 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çalho https://

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

Copiar
url
URL (obrigatório)

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":

Copiar
trabalhador
Nome do serviço

Clique em "Edição rápida":

Editar código do trabalhador

  1. 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.
  2. No painel esquerdo, substitua o conteúdo existente pelo conteúdo copiado.
  3. Clique em "Salvar e implantar":

Clique em Configurações e em "Adicionar variável":


Copiar
variável
Nome da variável
valor
Valor

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.

Copiar
url
Rota

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.

recommendation-more-help
10a6ce9d-c5c5-48d9-8ce1-9797d2f0f3ec