...
Agora que você realizou a configuração Mingle e o método init() já está pronto, vamos dizer para o seu aplicativo utilizar a classe AppInitService quando for compilado e iniciado.
No app.module.ts -> Providers:
1- Declare AppInitService e MingleService
2- Crie um provide para realizar o APP_INITIALIZER que será responsável por executar as configurações realizadas no passo anterior
3- Adicione o bloco de código abaixo em seu app.module.ts (pode ser logo após os imports ou então se for de sua preferencia pode ser uma função importada de um terceiro arquivo externo).
Bloco de código | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
export function initializeApp1(appInitService: AppInitService) { return (): Promise<any> => { return appInitService.mingleConfiguration(); } } |
No app.module.ts -> Providers:
1- Declare AppInitService e MingleService
2- Crie um provide para realizar o APP_INITIALIZER que será responsável por executar as configurações realizadas no tópico anterior
Bloco de código | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
providers: [ AppInitService, MingleService, { provide: APP_INITIALIZER, useFactory: initializeApp1, deps:[AppInitService], multi: true}, {provide: HTTP_INTERCEPTORS, useClass: MingleHttpInterceptor, multi: true} ] |
Agora basta compilar a aplicação e acompanhar o terminal de logs.
Para essa aplicação utilizamos o comando: $ng serve
Caso no terminal seja apresentada a mensagem: "Mingle Service configuration completed", sua configuração inicial deu certo.
...
Acompanhe os próximos tópicos desta documentação para começar a desenvolver a aplicação utilizando o Mingle, como por exemplo realizar uma autenticação ou uma chamada uma requisição de API utilizando utilizando a segurança que o gateway do Mingle proporciona.
HTML |
---|
<style> div.theme-default .ia-splitter #main { margin-left: 0px; } .ia-fixed-sidebar, .ia-splitter-left { display: none; } #main { padding-left: 10px; padding-right: 10px; overflow-x: hidden; } .aui-header-primary .aui-nav, .aui-page-panel { margin-left: 0px !important; } .aui-header-primary .aui-nav { margin-left: 0px !important; } </style> |