Histórico da Página

...

Dessa forma o resultado do endereço para o request é "https://dev-mingle.totvs.com.br/listaProdutos" e através do seu ALIAS o Mingle identifica qual é o endereço final do servidor para realizar a chamada GET no endpoiont endpoint listaProdutos. 

Ao utilizar a classe mingleService.gateway você substitui o request http padrão do typescript e garante a segurança da informação.

O Mingle aceita apenas requisições com conteúdo JSON, objeto ou formData no body.

Headers customizados

É possível enviar headers customizados de acordo com a sua implementação para o seu host.

...

getProducts() {
   const options = {headers: {"x-totvs-header-customizado": "123456"}};
 
return this.mingleService.gateway.get('listaProdutos', options).subscribe(response=>{
     return JSON.stringify(response);
   }, error => {
     console.error("Error in gateway endpoint 'listaProdutos'");
     return error ;
   })
}

Classe mingleService.Gateway

A classe mingleService.gateway está pronta para realizar as seguintes ações:

Image Removed

Os métodos get, post,put, delete e patch são responsáveis pela comunicação http entre o aplicativo e o servidor do Mingle conforme apresentado nos tópicos anteriores desse documento. 

O método getHeaders retorna os headers padrões do MingleService.

O método getUrl retorna a URL padrão do MingleService. 

Envio de arquivos (FormData)

Se o seu aplicativo permite upload de arquivos para o usuário, você pode enviá-los para o seu host através do Mingle usando a interface FormData.

Essa interface utiliza o mesmo formato que um form html utilizaria se o tipo de codificação estivesse configurado como "multipart/form-data".

Neste exemplo, recebemos arquivos com qualquer tipo de extensões através do upload no html

<po-upload name="upload" [(ngModel)]="fileUpload"> </po-upload>

<ion-button (click)="sendFilesByMingle(fileUpload)">Direto</ion-button>

Query Params customizados

É possível enviar queryParams customizados de acordo com a sua implementação para o seu host.

Neste exemplo, vamos adicionar o queryParams "filial e id" ao request, conforme exemplo abaixoE enviamos com o MingleService no método sendFilesByMingle(fileUpload):

public sendFilesByMingle (file: anygetProducts() {
    const formData: FormDataqueryParams = new FormData();

    formData.append('file', file[0].rawFile);

    const options = { body: formData };

   { "filial": "D MG", "id": "FIN501" }; 

return this.mingleService.gateway.post("api/upload", optionsget('listaProdutos', {}, queryParams).subscribe(res response=> {
     return consoleJSON.log("HTTP RESPONSE OK: ", res)
 stringify(response);
   }), error => {
      console.logerror("HTTP RESPONSE ERROR:", errorError in gateway endpoint 'listaProdutos'");
    }

 return error ;
   })
}

Classe mingleService.Gateway

A Envie o formData através do body usando a classe mingleService.gateway está pronta para realizar as seguintes ações:

Image Added

Os métodos get, post,put, delete e patch são responsáveis pela comunicação http entre o aplicativo e o servidor do Mingle conforme apresentado nos tópicos anteriores desse documento. 

O método getHeaders retorna os headers padrões do MingleService.

O método getUrl retorna a URL padrão do MingleService. 

Envio de arquivos

Para saber mais sobre envio de arquivos com o gateway do Mingle, acesse: Transferência de arquivosDessa forma os seus arquivos serão enviados para o seu host.