Criação de soluções com integração Aprenda como criar soluções as quais o LumisXP consome APIs externas. Tipo Complementar Perfil Front-end Back-end
Introdução Neste vídeo será abordado o que será construído nos próximos vídeos e apresentado a API REST que será consumida pelo LumisXP Link do vídeo https://youtu.be/KISSTxZLHO0?list=PLWQffCOarlCqUK3XShjLX4uE0Pz-SsnzU Posição 1
Setup do ambiente Neste vídeo é apresentado o processo de setup do ambiente que será utilizado neste módulo Descrição Passos de execução Criar um projeto com o nome Treinamento Integração Importar tema dentro do projeto. Para baixar o tema clique aqui. Marcar page holder main no template de página Atualizar páginas a partir do template Link do vídeo https://youtu.be/pE4b_bxlq_Q?list=PLWQffCOarlCqUK3XShjLX4uE0Pz-SsnzU Posição 2
Criando a página inicial Neste vídeo será criado a página inicial do sistema de pedidos Descrição Passos de execução Remover da página inicial instâncias de interface de detalhes hierárquicos e painel de interface criadas através da criação de projeto Por padrão, ao criar um projeto é criado uma estrutura inicial para gestão de conteúdo, onde o publicador poderá criar novas páginas. Como para este módulo trata-se totalmente de um portal sistêmico e o desenvolvedor que vai criar tais páginas essa interface não será necessária Renomear Página para Página inicial Criar instancia de serviço "Scripts" com o nome "Estilos" Instanciar interface do serviço "Script" no page holder "main" Criar estilo "Página inicial" utilizando a opção HTML do layout Link do vídeo https://youtu.be/HBOIUp0WRMs?list=PLWQffCOarlCqUK3XShjLX4uE0Pz-SsnzU Posição 3
Criando a API de pedidos Neste vídeo será criado a API de pedidos utilizando um gerador online de API, que será consumida pelo LumisXP Descrição Passos de execução Acessar https://retool.com/api-generator API Name: pedidos Colunas numero_pedido: Number random nome_pedido: Misc / Lorem Ipsum info_adicional: Misc / Lorem Ipsum detalhes: Misc / Lorem Ipsum Rows: 1 Gerar API Link do vídeo https://youtu.be/AbJfYEd-Cw8?list=PLWQffCOarlCqUK3XShjLX4uE0Pz-SsnzU Posição 4
Criando a página de lista de pedidos Neste vídeo será criado uma página Lista de pedidos no LumisXP que irá consumir os pedidos da API criada anteriormente Link do vídeo https://youtu.be/wJg6lc-xXPA?list=PLWQffCOarlCqUK3XShjLX4uE0Pz-SsnzU Posição 5
Criando a página de detalhes do pedido Neste vídeo será criado uma página no LumisXP, que exibe os detalhes de um pedido específico Link do vídeo https://youtu.be/eRrtim-c7GI?list=PLWQffCOarlCqUK3XShjLX4uE0Pz-SsnzU Posição 6
Criando a página de Novo pedido Neste vídeo será criado uma página que permite que o usuário crie novos pedidos através de um formulário. Este formulário realiza uma requisição POST para a API de pedidos Link do vídeo https://youtu.be/_Q_8UafeWMw?list=PLWQffCOarlCqUK3XShjLX4uE0Pz-SsnzU Posição 7
Concluindo o fluxo completo Neste vídeo será ajustado alguns links para possibilitar a navegação do usuário no sistema de pedidos Link do vídeo https://youtu.be/5LsZ1RUOe8w?list=PLWQffCOarlCqUK3XShjLX4uE0Pz-SsnzU Posição 8
Tornando o sistema uma área logada Neste vídeo a solução criada será configurada para se tornar uma área logada, ou seja, acessível somente através de login Descrição Passos de execução Verificar que usuários não logados conseguem acessar o sistema de pedidos Configurar o controle de acesso do canal para adicionar o grupo "Usuários cadastrados" e remover "Todos os usuários" Verificar que usuários não logados NÃO conseguem acessar o sistema de pedidos Link do vídeo https://youtu.be/T4sHwlgCEZ4?list=PLWQffCOarlCqUK3XShjLX4uE0Pz-SsnzU Posição 9
Página de login customizada Neste vídeo será criado uma página de login customizada com o próprio layout, que será utilizada pelos usuários finais para acessar o sistema de pedidos Link do vídeo https://youtu.be/6o8RU97E6Xc?list=PLWQffCOarlCqUK3XShjLX4uE0Pz-SsnzU Posição 10
Conclusões Neste vídeo será apresentado o desfecho para a série de vídeos vistos anteriormente Descrição Conclusões Para o sistema criado neste módulo, os pedidos não estão relacionados a um usuário específico. Uma solução real deveria permitir que cada usuário gerencie seus próprios pedidos. Para isso ao criar um pedido a API deveria receber o identificador do usuário. Ao requisitar a lista de pedidos, deveria existir um filtro para exibir apenas os pedidos do usuário em questão. É importante garantir a segurança dos dados para evitar que usuários visualizem pedidos de outras pessoas. Uma solução híbrida pode ser adotada, onde parte da gestão de conteúdo é feita pelos publicadores e outra parte é mais sistêmica. Link do vídeo https://youtu.be/u2ymkxNomG0?list=PLWQffCOarlCqUK3XShjLX4uE0Pz-SsnzU Posição 11
