API Javascript de Monitoramento - Exemplos completos de uso de coleta de dados a partir de um site externo

Configurações no LumisXP

Antes de executar um dos exemplos, algumas configurações devem ser realizadas na instalação do LumisXP para que os exemplos consigam ser executados corretamente.
Para essas configurações, é considerado que os exemplos serão acessados através da URL http://localhost:3000 no navegador.
Essas configurações são descritas abaixo.

Cadastro de Regras de CORS

É necessário incluir duas novas regra de CORS. A primeira é para que o arquivo Javascript track.js da API Javascript de monitoramento possa ser incluído corretamente no site:
Essa regra deve ser:

Posição: 1
Padrão da origem da requisição: http://localhost:3000
Padrão do caminho da requisição: /lumis/portal/monitor/script/track.js
Métodos permitidos na requisição: GET
Cabeçalhos permitidos: DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range,X-LUM-MONUID
Permite envio de credenciais: Sim
Cabeçalhos expostos na requisição: Content-Length,Content-Range
Idade máxima de cache de informações de CORS: 1.800

Outra regra deve ser adicionada para que a API Javascript de monitoramento consiga chamar seus endpoints REST.
Essa regra deve ser:

Posição: 2
Padrão da origem da requisição: http://localhost:3000
Padrão do caminho da requisição: /lumis/api/rest/lumis/monitor/v1/.*
Métodos permitidos na requisição: *
Cabeçalhos permitidos: DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range,X-LUM-MONUID
Permite envio de credenciais: Sim
Cabeçalhos expostos na requisição: Content-Length,Content-Range
Idade máxima de cache de informações de CORS: 1.800

Exemplo de coleta de dados de um site externo usando Javascript puro

Esse exemplo visa a demonstrar como a coleta de dados de um site externo pode ser realizada utilizando Javascript puro.
Para acessar o código desse exemplo, veja essa página.