Upload e Download de Ficheiros — LoopBack

Neste artigo, vamos aprender como fazer uma API que permita realizar upload e download de ficheiros.

Para realizar este projeto, utilizei o projeto realizado anteriormente (App Todo + MongoDB) que se pode encontrar neste artigo.

Seguindo este caminho: api_loopback_mongodb_download_upload\todo_app\src , vamos criar um ficheiro designado por: types.ts.

Que irá conter o seguinte código:

// Copyright IBM Corp. 2020. All Rights Reserved.
// Node module: @loopback/example-file-transfer
// This file is licensed under the MIT License.
// License text available at https://opensource.org/licenses/MIT
import {RequestHandler} from 'express-serve-static-core';
export type FileUploadHandler = RequestHandler;

Irá também ser criado um ficheiro denominado por: keys.ts, que irá conter o seguinte código:

// Copyright IBM Corp. 2020. All Rights Reserved.
// Node module: @loopback/example-file-transfer
// This file is licensed under the MIT License.
// License text available at https://opensource.org/licenses/MIT
import { BindingKey } from '@loopback/core';
import { FileUploadHandler } from './types';
/**
* Binding key for the file upload service
*/
export const FILE_UPLOAD_SERVICE =
BindingKey.create<FileUploadHandler>(
'services.FileUpload',
);
/**
* Binding key for the storage directory
*/
export const STORAGE_DIRECTORY = BindingKey.create<string
('storage.directory');

Agora, no cmd vamos abrir o diretório do projeto, e vamos executar o comando:

npm install --save-dev @types/multer

Obtemos assim este output:

Agora que a extensão necessária está instalada, prosseguimos com a criação de 2 ficheiros. Seguindo o caminho: api_loopback_mongodb_download_upload\todo_app\src\controllers , vamos criar os 2 ficheiros. O 1º ficheiro terá o nome de: FileDownloadController.ts e vamos inserir o seguinte código:

O 2º ficheiro terá o nome de: FileUploadController.ts e vamos inserir o seguinte código:

No caminho: api_loopback_mongodb_download_upload\todo_app\public , encontra-se um ficheiro chamado de index.html. Abrimos esse ficheiro com um editor de texto e inserimos o seguinte código:

Vamos iniciar a nossa API, e para isso, no cmd executamos o seguinte comando:

npm start

Obtendo um output como o seguinte:

No browser, inserimos o seguinte URL:

http://[::1]:3000/

Obtemos então o seguinte output:

Assim verificamos que a nossa API foi realizada com sucesso!!