Page Contents

Add a Controller

soap-calculator-add-service

Now it is time to add the controller which will make the REST endpoints available to client applications through the REST server.

Scaffold a BASIC controller

Run the following command to create a BASIC controller.

lb4 controller calculator

Next, select the Empty Controller.

? What kind of controller would you like to generate? (Use arrow keys)
❯ Empty Controller
  REST Controller with CRUD functions

At this point, you should have two files in the src/controllers directory.

  • calculator.controller.ts
  • index.ts

The generated Empty controller looks like this. You may remove the comments at this point.

// Uncomment these imports to begin using these cool features!

// import {inject} from '@loopback/context';

export class CalculatorController {
  constructor() {}
}

Adding the imports into the Controller

Add the following two lines at the begining of the src/controllers/calculator.controller.ts file.

The get and param are classes imported from the LB4 REST server and used to make the @get and @param decorators available.

The HttpErrors is used to help use raise the precondition error whenever we find that the client application is trying to divide by zero.

import {inject} from '@loopback/core';
import {get, param, HttpErrors} from '@loopback/rest';

To complete importing the necessary classes, we need to also include the service and the interfaces we modeled in the previous step as follows:

import {
  CalculatorService,
  CalculatorParameters,
  AddResult,
  MultiplyResult,
  DivideResult,
  SubtractResult,
} from '../services/calculator.service';

Injecting the Service into the Controller

In the constructor method, we inject the service. Please note that the key services.CalculatorService has not been defined so far, we will inform our Application about this key in the last step.

export class CalculatorController {
  constructor(
    @inject('services.CalculatorService')
    protected calculatorService: CalculatorService,
  ) {}
}

Creating the end point methods

Now we need to create and end point for each operation. There will be four(4) end points in total. Each end point is a method inside the CalculatorController, so make sure the next code segments are placed before the last } in the file.

Adding the Divide end point

Our divide method looks like this initially. Notice we are using the <CalculatorParameters> for type assertion. The Node.js methods defined in the service are available from here due to the dependency injection available through out LB4.

 async divide(intA: number,intB: number): Promise<DivideResult> {
    //Preconditions
    if (intB === 0) {
      throw new HttpErrors.PreconditionFailed('Cannot divide by zero');
    }
    return await this.calculatorService.Divide(<CalculatorParameters>{
      intA,
      intB,
    });
  }

Now, if we add the @GET decorator we are making it available to the REST server as follows.

  @get('/divide/{arg1}/{arg2}')
   async divide(intA: number,intB: number): Promise<DivideResult> {

Finally we can use the @param decorator on the two properties to help us validate the data type associated to each parameter. In this case we are making sure the client application only sends integer values as the remote SOAP web service expects this data type and this is done automatically for us.

The final code looks like as follows:

@get('/divide/{arg1}/{arg2}')
  async divide(
    @param.path.integer('arg1') intA: number,
    @param.path.integer('arg2') intB: number,
  ): Promise<DivideResult> {
    //Preconditions
    if (intB === 0) {
      throw new HttpErrors.PreconditionFailed('Cannot divide by zero');
    }
    return await this.calculatorService.Divide(<CalculatorParameters>{
      intA,
      intB,
    });
  }
Adding the remaining end points

Add the following end point methods inside the CalculatorController class above the divide end point method.

 @get('/multiply/{arg1}/{arg2}')
  async multiply(
    @param.path.integer('arg1') intA: number,
    @param.path.integer('arg2') intB: number,
  ): Promise<MultiplyResult> {
    return await this.calculatorService.Multiply(<CalculatorParameters>{
      intA,
      intB,
    });
  }
  @get('/add/{arg1}/{arg2}')
  async add(
    @param.path.integer('arg1') intA: number,
    @param.path.integer('arg2') intB: number,
  ): Promise<AddResult> {
    return await this.calculatorService.Add(<CalculatorParameters>{
      intA,
      intB,
    });
  }

  @get('/subtract/{arg1}/{arg2}')
  async subtract(
    @param.path.integer('arg1') intA: number,
    @param.path.integer('arg2') intB: number,
  ): Promise<SubtractResult> {
    return await this.calculatorService.Subtract(<CalculatorParameters>{
      intA,
      intB,
    });
  }

Previous step: Add a Service

Next step: Run and Test the Application