Escribe y ejecuta un proyecto "Hello World" en LoopBack 4 en TypeScript.
Page Contents

Prerrequisitos

Instala Node.js (version 8.9 ó la última) si no esta no esta instalado en tu máquina.

Instalación del CLI de LoopBack 4

El CLI de loopback 4 es una interfaz de línea de comando que establece un proyecto o un una extensión para generar el código básico. El CLI ofrece una forma mas rapida para iniciar con un proyecto en Loopback 4 que adhiere las mejores prácticas.

Instala el CLI de forma global para ejecutarlo.

npm i -g @loopback/cli

Crea un nuevo proyecto

La herramienta CLI basará el proyecto, configurará el compilador de TypeScript e instalará todas las dependencias necesarias. Para crear un nuevo proyecto, ejecute el CLI de la siguiente manera y responda a las solicitudes.

lb4 app

Responda las indicaciones de la siguiente manera:

? Project name: iniciando
? Project description: iniciando tutorial
? Project root directory: (iniciando)
? Application class name: StarterApplication
? Select features to enable in the project:
❯◉ Enable eslint: add a linter with pre-configured lint rules
 ◉ Enable prettier: install prettier to format code conforming to rules
 ◉ Enable mocha: install mocha to run tests
 ◉ Enable loopbackBuild: use @loopback/build helpers (e.g. lb-eslint)
 ◉ Enable vscode: add VSCode config files
 ◉ Enable docker: include Dockerfile and .dockerignore
 ◉ Enable repositories: include repository imports and RepositoryMixin
 ◉ Enable services: include service-proxy imports and ServiceMixin

Iniciando el proyecto

El proyecto viene con una ruta de “ping” para probarlo. Vamos a ejecutarlo de la siguiente manera.

cd iniciando
npm start

En el navegador, visita http://127.0.0.1:3000/ping.

Agregando tu propio controlador

Ahora que tenemos nuestro proyecto básico creado, es hora de agregar nuestro propio controller. Vamos a añadir un sencillo controlador “Hello World” como sigue:

lb4 controller
  • Nota: si tu aplicación todavía está ejecutándose, presiona CTRL+C para detenerla antes de llamar al command

  • Responda las indicaciones de la siguiente manera:

    ? Controller class name: hello
    ? What kind of controller would you like to generate? Empty Controller
      create src/controllers/hello.controller.ts
      update src/controllers/index.ts
    
    Controller hello was now created in src/controllers/
    
  • Pega el siguiente contenido dentro del archivo /src/controllers/hello.controller.ts:

    import {get} from '@loopback/rest';
    
    export class HelloController {
      @get('/hello')
      hello(): string {
        return 'Hello world!';
      }
    }
    
  • Inicia la aplicacion utilizando npm start.

  • Visita http://127.0.0.1:3000/hello para visualizar Hello world!

Código de ejemplo

Puedes ver el código generado para este ejemplo en: hello-world