Combining URL parameters into an object with NestJS's HTTP module

Question

Combining URL parameters into an object with NestJS's HTTP module

Is there a method for passing URL parameters to the httpService in nestjs? I want to improve the readability of this URL without resorting to Axios as nest has its own HTTPModule.

Currently, this is how it looks and functions:

const response = await this.httpService
      .get(`https://api.github.com/users/${username}/repos?per_page=5&sort=created:asc&client_id=${process.env.GITHUB_ID}&client_secret=${process.env.GITHUB_SECRET}`,)
      .toPromise();

I came across this syntax used in Angular, but it doesn't seem to be functioning correctly:

const response = await this.httpService.get(
      `https://api.github.com/users/${username}/repos`,
      params: {
        per_page: 5,
        sort: created:asc,
        client_id: process.env.GITHUB_ID,
        client_secret: process.env.GITHUB_SECRET
      }).toPromise();

There must be a way to enhance the appearance of the code.

typescript nestjs url-parameters httpmodule

Answer 1

Answer №1

You seem to have overlooked the opening and closing brace for the options object.

const response = await this.httpService.get(
  `https://api.github.com/users/${username}/repos`,
  {
    params: {
      per_page: 5,
      sort: created:asc,
      client_id: process.env.GITHUB_ID,
      client_secret: process.env.GITHUB_SECRET
    }
  }
).toPromise();

If you don't include them, it essentially means using the variable params of type

{ per_page: 5, sort: created:asc, client_id: process.env.GITHUB_ID, client_secret: process.env.GITHUB_SECRET }

(I would expect Typescript to raise an issue about using values as types in this scenario).

Answer 2

You seem to have overlooked the opening and closing brace for the options object.

const response = await this.httpService.get(
  `https://api.github.com/users/${username}/repos`,
  {
    params: {
      per_page: 5,
      sort: created:asc,
      client_id: process.env.GITHUB_ID,
      client_secret: process.env.GITHUB_SECRET
    }
  }
).toPromise();

If you don't include them, it essentially means using the variable params of type

{ per_page: 5, sort: created:asc, client_id: process.env.GITHUB_ID, client_secret: process.env.GITHUB_SECRET }

(I would expect Typescript to raise an issue about using values as types in this scenario).

Combining URL parameters into an object with NestJS's HTTP module

Answer №1

Similar questions

React is unable to assign a class field beyond the scope of axios

TypeScript application was constructed with incorrect imports from the src folder instead of the dist folder

Tips for fetching individual item information from Firebase real-time database using Angular 9 and displaying it in an HTML format

How can I apply styling to Angular 2 component selector tags?

Unable to access member function of Typescript class

Mismatched data types for function arguments

Upgrading my loop React component from vanilla JavaScript to TypeScript for improved efficiency and functionality

Incorporate an HTML span element with an onclick function bound in Angular framework

Oops! The Angular compiler is throwing an error because it needs TypeScript version greater than or equal to 3.1.1 and less than 3.2.0, but it found version 3

Capturing page titles accurately for timeonsite tracker in a single-page Angular app is challenging when navigating to other pages

When using TypeScript and Material UI, it is important to assign a value to boolean attributes

Tips for sending data to CSS in Angular

In TypeScript, the 'as const' syntax results in a syntax error due to the missing semicolon

When the route is changed, the system must execute a function to verify the authenticity of the token

Customize the border color of a dynamic textbox with Angular

Adding markers to a map in Angular 2 using ngOnInit after initialization

Exciting Update: Next.js V13 revalidate not triggering post router.push

Retrieve user roles from core in Angular prior to implementing a guard

Implementing Microdata with React and Typescript: A Comprehensive Guide

The error message "Property 'pipe' is not found on 'ReadableStream<Uint8Array>'" indicates that the pipe method cannot be used on the given type