Sistemas Web Seguros

Atividades Semanas 7 e 8 Sistemas Web Seguros ATIVIDADE SOMATIVA ATIVIDADE SOMATIVA 2 Cliente SISFIN e integração de serviços Estudante Atividade 1 Construção do cliente SISFIN integrado aos serviços do sistema SISRH Vamos construir um sistema cliente que representará o SINFIN e acessará os serviços do SISRH O SISFIN será construído em JavaScript Como nosso foco não está na programação de sistemas clientes deixamos o código disponível e faremos a explicação na videoaula Utilizaremos a framework Vuejs httpsvuejsorg para ajudar no desenvolvimento do cliente principalmente no momento de fazer as chamadas para os serviços REST do SISRH 1 Na pasta webapp crie o arquivo sisfinhtml 2 Inclua o seguinte código script srchttpscdnjsdelivrnetnpmvue2script script srchttpscdnjscloudflarecomajaxlibsaxios0190axiosjsscript div idapp h1 Sistema Financeiro SISFIN h1 h2 Módulo de Integração ao SISRH h2 1 Usuário input vmodelusuario placeholderUsurio Senha input vmodelsenha placeholderSenha button vonclickloginLoginbutton hr Token JWT div stylecolor blue width 400px wordwrap breakword tokenJWT div hr h3Folha de Pagamento h3 button vonclicklistarEmpregadosCalcular Folhabutton div stylecolor rederrorMessagediv div viftotalFolha 0 hr div stylecolor blueTotal de Empregados totalEmpregados div div stylecolor blueFolha de Pagamento R totalFolha00div hr h3 viftotalFolha 0Lista de Empregados h3 ul idexample1 li vforempregado in listaEmpregado keyempregadomatricula empregadonome R empregadosalario 00 li ul hr div div script var app new Vue el app data url httplocalhost8080sisrhrest usuario sisfin senha 123456 tokenJWT vazio errorMessage listaEmpregado methods login function event thistokenJWT vazio thiserrorMessage thislistaEmpregado const login usuario thisusuario senha thissenha axiospostthisurl loginunicojwt login thenresponse thistokenJWT responsedata catcherror thiserrorMessage error consoleerrorThere was an error error listarEmpregados function event axiosgetthisurl empregado headers jwt thistokenJWT thenresponse thislistaEmpregado responsedata catcherror thiserrorMessage errormessage 2 consoleerrorThere was an error error computed totalFolha function return thislistaEmpregadoreduce acumulador emp acumulador empsalario 0 totalEmpregados function return thislistaEmpregadolength script style langsass body font normal 12px Verdana Arial sansserif style 3 Inicie o servidor Tomcat 4 Acesse a URL httplocalhost8080sisrhsisfinhtml 5 Teremos neste momento o SISFIN em JavaScript que fará a integração segura com o SISRH em Java por meio dos serviços REST O SISFIN tem a missão de realizar o cálculo da folha de pagamento e para isso precisará das informações de salário dos empregados vindas do SISRH A segurança da comunicação se dará pelo modelo de autorização do RBAC utilizando JWT Vamos aos testes 3 6 Acione o botão Login que utilizará o usuário sisfin para se autenticar no SSO e obter um token de acesso Você pode logar com qualquer usuário mas deixamos configurado o SISFIN porque representa o sistema em questão Na tela exibimos o JWT para deixar claro qual é o resultado da operação de login 7 Com o token em mãos vamos utilizálo para acionar o serviço de listagem de empregados do SISRH A partir da relação de empregados o JavaScript do SISFIN fará o cálculo da folha de pagamento 8 Acione o botão Calcular Folha e observe o resultado 9 Para entender os detalhes técnicos do cliente SISFIN assista à videoaula indicada na qual explicamos detalhadamente como o cliente SISFIN consegue acessar os serviços REST do SISRH utilizando a autorização de acesso por meio do padrão RBAC com JWT Cliente SISFIN e integração de serviços Atividade 2 Novos serviços no SISRH Empregado Construa dois serviços para o recurso empregado 1 Um serviço para listar apenas empregados ativos ou seja cuja data de desligamento seja nula 4 2 Um serviço para listar apenas empregados inativos ou seja quando o empregado possui uma data de desligamento Observação se preciso faça novas consultas na classe Bancojava Entrega Envie prints de tela de todos os testes feitos com o SoapUI para esses novos serviços Atividade 3 Serviços para manutenção de usuários Até este momento o SISRH não possui mecanismos para fazer gestão dos usuários Por exemplo se um empregado for contratado conseguiremos incluilo por meio dos serviços de empregado mas não criar um usuário para que ele acesse o SISRH Nosso objetivo é disponibilizar uma API completa para manipulação de usuário criação modificação de senha e desativação Assim construa uma API que permita a manutenção dos usuários por meio dos seguintes serviços REST 1 Listar usuários 2 Obter um usuário a partir de uma matrícula 3 Incluir um usuário 4 Alterar um usuário a partir da sua matrícula 5 Excluir um usuário 6 Criar um cenário de uso completo a Criar um empregado b Criar um usuário vinculado ao empregado recémcriado c Gerar um JWT para esse novo usuário d Com esse token acessar um serviço a que um usuário comum tenha permissão e Tentar acessar um serviço a que um usuário comum não tenha permissão o sistema deve apresentar uma mensagem de erro Entrega Para os passos de 1 a 6 envie prints de tela de todos os testes feitos com a ferramenta SoapUI 5 Sistemas Web Seguros Semana 7 s e 8 Atividades ATIVIDADE SOMATIVA ATIVIDADE SOMATIVA 2 Cliente SISFIN e integração de serviços Estudante Atividade 1 Construção do cliente SISFIN integrado aos serviços do sistema SISRH Vamos construir um sistema cliente que representará o SINFIN e acessará os serviços do SISRH O SISFIN será construído em JavaScript Como nosso foco não está na programação de sistemas clientes deixamos o código disponível e faremos a explicação na videoaula Utilizaremos a framework Vuejs httpsvuejsorg para ajudar no desenvolvimento do cliente principalmente no momento de fazer as chamadas para os serviços REST do SISRH script srchttpscdnjsdelivrnetnpmvue2script script srchttpscdnjscloudflarecomajaxlibsaxios0190axiosjsscript div idapp h1 Sistema Financeiro SISFIN h1 Inclua o seguinte código 2 sisfinhtml webapp crie o arquivo 1 Na pasta h2 Módulo de Integração ao SISRH h2 Usuário input vmodelusuario placeholderUsurio Senha input vmodelsenha placeholderSenha button vonclickloginLoginbutton hr Token JWT div stylecolor blue width 400px wordwrap breakword tokenJWT div hr h3Folha de Pagamento h3 button vonclicklistarEmpregadosCalcular Folhabutton div stylecolor rederrorMessagediv div viftotalFolha 0 hr div stylecolor blueTotal de Empregados totalEmpregados div div stylecolor blueFolha de Pagamento R totalFolha00div hr h3 viftotalFolha 0Lista de Empregados h3 ul idexample1 li vforempregado in listaEmpregado keyempregadomatricula empregadonome R empregadosalario 00 li ul hr div div script var app new Vue el app data url httplocalhost8080sisrhrest usuario sisfin senha 123456 tokenJWT vazio errorMessage listaEmpregado methods login function event thistokenJWT vazio thiserrorMessage thislistaEmpregado const login usuario thisusuario senha thissenha axiospostthisurl loginunicojwt login thenresponse thistokenJWT responsedata catcherror thiserrorMessage error consoleerrorThere was an error error listarEmpregados function event axiosgetthisurl empregado headers jwt thistokenJWT thenresponse thislistaEmpregado responsedata catcherror thiserrorMessage errormessage consoleerrorThere was an error error computed totalFolha function return thislistaEmpregadoreduce acumulador emp acumulador empsalario 0 totalEmpregados function return thislistaEmpregadolength script style langsass body font normal 12px Verdana Arial sans serif style 3 Inicie o servidor Tomcat 4 Acesse a URL httplocalhost8080sisrhsisfinhtml 1 5 Teremos neste momento o SISFIN em JavaScript que fará a integração segura com o SISRH em Java por meio dos serviços REST O SISFIN tem a missão de realizar o cálculo da folha de pagamento e para isso precisará das informações de salário dos empregados vindas do SISRH A segurança da comunicação se dará pelo modelo de autorização do RBAC utilizando JWT Vamos aos testes 6 Acione o botão Login que utilizará o usuário sisfin para se autenticar no SSO e obter um token de acesso Você pode logar com qualquer usuário mas deixamos configurado o SISFIN porque representa o sistema em questão Na tela exibimos o JWT para deixar claro qual é o resultado da operação de login 7 Com o token em mãos vamos utilizálo para acionar o serviço de listagem de empregados do SISRH A partir da relação de empregados o JavaScript do SISFIN fará o cálculo da folha de pagamento 8 Acione o botão Calcular Folha e observe o resultado 2 9 Para entender os detalhes técnicos do cliente SISFIN assista à videoaula indicada na qual explicamos detalhadamente como o cliente SISFIN consegue acessar os serviços REST do SISRH utilizando a autorização de acesso por meio do padrão RBAC com JWT Cliente SISFIN e integração de serviços Atividade 2 Novos serviços no SISRH Empregado Construa dois serviços para o recurso empregado 1 Um serviço para listar apenas empregados ativos ou seja cuja data de desligamento seja nula 3 2 Um serviço para listar apenas empregados inativos ou seja quando o empregado possui uma data de desligamento 4 Observação se preciso faça novas consultas na classe Bancojava Entrega Envie prints de tela de todos os testes feitos com o SoapUI para esses novos serviços Atividade 3 Serviços para manutenção de usuários Até este momento o SISRH não possui mecanismos para fazer gestão dos usuários Por exemplo se um empregado for contratado conseguiremos incluilo por meio dos serviços de empregado mas não criar um usuário para que ele acesse o SISRH Nosso objetivo é disponibilizar uma API completa para manipulação de usuário criação modificação de senha e desativação Assim construa uma API que permita a manutenção dos usuários por meio dos seguintes serviços REST 1 Listar usuários 2 Obter um usuário a partir de uma matrícula 5 3 Incluir um usuário 4 Alterar um usuário a partir da sua matrícula 6 5 Excluir um usuário 6 Criar um cenário de uso completo a Criar um empregado 7 b Criar um usuário vinculado ao empregado recémcriado c Gerar um JWT para esse novo usuário 8 d Com esse token acessar um serviço a que um usuário comum tenha permissão e Tentar acessar um serviço a que um usuário comum não tenha permissão o sistema deve apresentar uma mensagem de erro 9 Entrega Para os passos de 1 a 6 envie prints de tela de todos os testes feitos com a ferramenta SoapUI 1 0 1 1