Cấu trúc post request với GraphQL API

Interface

import * as request from 'supertest';

export interface Irequest {
  useMutation(
    operationName: string,
    query: string,
    variables: any,
    headers?: any,
  ): Promise<any>;
}

Implementation


export class GraphQLClient implements Irequest {
  async useMutation(
    operationName: string,
    query: string,
    variables: any,
    headers: any = {},
  ): Promise<any> {
    const response = request('https://your-domain')
      .post('/graphql')
      .send({
        operationName,
        query,
        variables,
      })
      .set('Bearer 1234eyJraWQiOiYD98934JtcFI0MHFRVnp') // set token is default
      .set(headers); // add more header<key:value> 

    return response;
  }
}

export const graphQLClient: Irequest = new GraphQLClient();

Usage

1. Query

export const accountQuery = `
    mutation createAccount($input: AccountInput) {
      createAccount(input: $input) {
        id
      }
    }
`;

2. Variables

export const accountInput = {
  input: {
    name: 'jacob@testgpt.com',
    password: 'deptraicogilasai@2023',
  },
};

2. Use graphql client object

async function createAccount() {
  const response = await graphQLClient.useMutation(
    'createAccount',
    accountQuery,
    accountInput,
    {'Content-Type': 'text/html'} // this is option
  );

  console.log('response data:', response); // return response data 
 console.log('response data:', response. createAccount.id); // return account id
}

1/ Cài supertest

Theo hướng dẫn ở đây. It should be installed when generating the project with nest. https://github.com/Jacobvu84/nest-graphql-api-test/issues/1

npm install supertest --save-dev

2/ Ý nghĩa của một số từ khoá

export: Có vai trò giống như public access modifier bên Java. Nó cho phép các module khác có thể truy cập vào sử dụng các tài nguyên của một module khác.
await: Dùng để xử lý các tác vụ bất đồng bộ. Khi một tác vụ (Task1 )bị phụ thuộc vào trạng thái công việc của một tác vụ khác [Task2, Task3] thì await được sử dụng để đợi một promise trả về kết quả trước khi tiếp tục thực hiện các lệnh tiếp theo trong tác vụ ban đầu của Task1. Nếu ai đã dùng selenium WebDriver thì await sẽ giống với vai trò các lệnh trong nhóm wait trước khi thực hiện thực hiện một lệnh thuộc nhóm action
const: được sử dụng để khai báo một biến hằng số, nghĩa là giá trị của biến này không thể thay đổi sau khi đã được gán giá trị ban đầu. Nó giống với từ khoá final bên java

// Java
final int MAX_VALUE = 100;

// Typescripts
const MAX_VALUE = 100;

async: Từ khóa async được sử dụng để chỉ ra rằng hàm được định nghĩa là một hàm bất đồng bộ (asynchronous function) trong JavaScript. Khi một hàm được đánh dấu bằng từ khóa async, nó sẽ trả về một đối tượng Promise và có thể chứa từ khóa await

async function getData() { const response = await fetch('https://example.com/data'); const data = await response.json(); return data; } getData() .then(data => { // xử lý kết quả trả về }) .catch(error => { // xử lý lỗi });

const promise = new Promise((resolve, reject) => { // tác vụ bất đồng bộ const result = doSomething(); if (result) { resolve(result); // giải quyết promise nếu thành công } else { reject('Error'); // từ chối promise nếu có lỗi xảy ra } }); promise.then((result) => { // xử lý kết quả trả về khi promise được giải quyết }).catch((error) => { // xử lý lỗi khi promise bị từ chối hoặc có lỗi xảy ra });

const promise1 = new Promise((resolve, reject) => { setTimeout(() => { resolve('Promise 1'); }, 2000); }); const promise2 = new Promise((resolve, reject) => { setTimeout(() => { resolve('Promise 2'); }, 1000); }); promise1 .then((result) => { console.log(result); // "Promise 1" return promise2; }) .then((result) => { console.log(result); // "Promise 2" }) .catch((error) => { console.log(error); });

Jacobvu84 / nest-graphql-api-test