Json được xây dựng dựa trên 2 cấu trúc:

• Một bộ sưu tập của các cặp key: value
• Một danh sách giá trị theo thứ tự (như array)

Json support các kiểu dữ liệu:

• String
• Number
• Boolean
• Object
• Array
• Null

Link tham khảo JSON

2. BSON (Binary JSON)

BSON là một định dạng kiểu dữ liệu, nơi mà lưu trữ các cặp key/value theo thứ tự được biểu diễn như một thực thể (thực thể ở đây đang nói tới chính là document)

Advantages BSON

• Lightweight (Nhẹ) & Traversable (khả năng di chuyển): Khả năng lưu trữ một lượng dữ liệu lớn trong BSON file (Lightweight), giúp dễ dàng cho việc lưu trữ hoặc truyền BSON file trong network (Traversable).

• Efficent (có hiệu quả): BSON sử dụng không gian nhiều hơn JSON vì nó định nghĩa những tiền tố độ dài (length prefixes) và chỉ số mảng (array indices) rõ ràng. Chính điều này mang lại sự hiệu quả cho việc truy vấn (query) và quét (scan) nhanh hơn.

BSON types

• ObjectId

• String

• Boolean
• Object
• Array
• Null

• Date

• Int32

• Int64
• Double

• Decimal128 (New in version 3.4.)

• min

• max

• Binary

• Undefined (Deprecated)
• Timestamp

• Code

• BSONRegex

• BSONSymbol (Deprecated)
• BSONMap

Link tham khảo BSON

Convert BSON to JSON via MongoDB tools

Sử dụng bsondump để convert BSON file to JSON file

bsondump --outFile=collection.json collection.bson

Import & Export BSON file

Export a collection

mongodump  --db=test --collection=records

Import a collection

mongorestore --db=test --collection=records dump/test/records.bson

Export a database

mongodump  --db=test

Import a database

mongorestore --nsInclude='test.*' /dump

** Lưu ý: Export file data sẽ được save mặc định vào dump folder, nếu muốn thay đổi nơi export file thì sử dụng thuộc tính --out

Import & Export JSON/CSV/ file

Export a collection (must specify collection to export) mặc định mongoexport sẽ xuất file dưới định dạng .json

mongoexport --db=test --collection=records --out=records.json

Để xuất file dưới định dạng .csv ta sẽ cần cung cấp thêm các thuộc tính

• --type=csv
• fields=fieldName1,fieldName2,... hoặc --fieldFile=fieldName.txt cho câu lệnh.

mongoexport --db=test --collection=records --type=csv --fields=_id,name --out=records.json

Có thể export data theo điều kiện

mongoexport --db=sales --collection=contacts --query='{"dept": "ABC", date: { $gte: { "$date": "2018-01-01T00:00:00.000Z" } }}'

Import a collection

mongoimport --db=test --collection=records --file=records.json

Application giao tiếp với MongoDB thông qua driver (tùy ngôn ngữ sẽ có các driver riêng).

1. Open Chrome Browser
2. Copy-Paste the Google Drive sharing URL and let the page load
3. F12 to open Developer Console
4. Click on the video file to play once the Dev Tools are opened
5. Click on Networks Tab
6. Type videoplayback in the filter search box to filter the video URL
7. Double click on the URL shown under the name section
8. A new tab will open
9. Click on the three vertical dots
10. Press the Download button to Save the File

Series này mình muốn rèn luyện khả năng suy nghĩ và giải bài tập, qua đó để hiểu rõ hơn các khái niệm của Javascript.

Bài 1

class MySort {
  constructor(object) {
    this.object = object;
  }

  getSort() {
    return Object.entries(this.object)[0][1].sort()[
      Object.values(this.object).length
    ];
  }
}

const object = {
  month: ["July", "September", "January", "December"],
};

const sortMe = new MySort(object);

console.log(sortMe.getSort());

Lời giải:

class MySort {
  constructor(object) {
    this.object = object;
  }

  getSort() {
    return Object.entries(this.object)[0][1].sort()[
      // Object.entries(object) sẽ trả về một mảng chứa các mảng con 
      // (mà mỗi mảng con đó chứa 2 phần tử [key of phần tử x, value of phần tử x])
      // với x lần lượt từ phần tử đầu tiên tới phần tử cuối cùng của object
      // => Object.entries(this.object) = [['month', ["July", "September", "January", "December"]]]
      // => Object.entries(this.object)[0][1] = ["July", "September", "January", "December"]
      // => sort() = ["December", "January", "July", "September"]

      Object.values(this.object).length
      // Object.values(object) trả về một mảng các values trong object
      // => [["July", "September", "January", "December"]]
      // => length = 1
    ];
  }
}

const object = {
  month: ["July", "September", "January", "December"],
};

const sortMe = new MySort(object);

console.log(sortMe.getSort());
// sortMe.getSort() = ["December", "January", "July", "September"][1] = "January"

Kiến thức liên quan:

• Object.entries
• Object.values

Bài 2

const flag = [] !== !!!!![];

let f = () => {};

// console.log((typeof f()).length + flag.toString().length);

Lời giải

const flag = [] !== !!!!![];
// [] là truthy => !!!!![] = false
// [] !== false => flag = true

let f = () => {};

// console.log((typeof f()).length + flag.toString().length);
// Chú ý là đang lấy typeof của giá trị trả về khi thực thi function f
// chứ không phải là (typeof f)
// => (typeof f()) = undefined // do hàm f không trả về giá trị nào
// 'undefined'.length + 'true'.length = 9 + 4 = 12

Kiến thức liên quan:

• Falsy value: false / 0 / -0 / 0n (BigInt) / '' "" `` (empty string) / NaN / null / undefined / document.all (in browser)
• Truthy value: là những giá trị khác với Falsy value
• type of variable

Bài 3

(function (a, b, c) {
  arguments[2] = (typeof arguments).length;

  c > 10 ? console.log(c) : console.log(++c);
})(1, 2, 3);

Lời giải:

(function (a, b, c) {
  // arguments = [a, b, c] = [1, 2, 3]
  arguments[2] = (typeof arguments).length;
  // (typeof arguments) = 'object'.length = 6
  // => arguments = [1, 2, 6]

  // c = arguments[2] = 6
  // => console.log(++6) => in ra 7
  c > 10 ? console.log(c) : console.log(++c);
})(1, 2, 3);

Kiến thức liên quan:

• arguments in function

Bài 4

var name = "Auckland";

const nz = {
  name: "Kiwi",

  callMe: function () {
    return this.name;
  },
};

let me = nz.callMe;

let she = nz.callMe.bind(nz);

let result = me() === nz.callMe() ? she() : `${me()} ${she()}`;

console.log(result);

Lời giải

var name = "Auckland";

const nz = {
  name: "Kiwi",

  callMe: function () {
    return this.name;
  },
};

let me = nz.callMe;
// khi gọi me() thì this trong hàm callMe sẽ trỏ đến biến toàn cục global
// => this.name = "Auckland"

let she = nz.callMe.bind(nz);
// khi gọi she() tương tự như me() this sẽ trỏ tới biến global
// tuy nhiên ta lại sử dụng bind(nz) => this trỏ tới nz object
// => this.name = "Kiwi"

let result = me() === nz.callMe() ? she() : `${me()} ${she()}`;
// me() === nz.callMe() => false
// `${me()} ${she()}` = "Auckland Kiwi"

console.log(result); // "Auckland Kiwi"

Kiến thức liên quan:

• this
• bind (bind this)

Series này mình muốn rèn luyện khả năng suy nghĩ và giải bài tập, qua đó để hiểu rõ hơn các khái niệm của Javascript.

Bài 1

let promise = new Promise((rs, rj) => {
  setTimeout(() => rs(4), 0);
  // Nhớ lại kiến thức về Event loop, setTimeout là một hàm xử lý bất đồng bộ
  // do đó callback function của nó sẽ được đưa sang API xử lý và đẩy về callback queue để chờ được đẩy lên call stack
  // => trong trường hợp này nó sẽ được xử lý sau 2 lệnh ở dưới

  Promise.resolve(console.log(3)); // in ra giá trị "3" và in ra trước lệnh console.log(2)

  console.log(2); // in ra giá trị "2"
});

promise
  .then((rs) => { // rs = 4
    console.log(rs ? rs ** rs : rs); // = console.log(4**4) = 256
    return rs; // return 4
  })
  .then((rs) => console.log(rs == 256 ? rs : rs * rs)); // = console.log(4*4) = 16

Lời giải:

let promise = new Promise((rs, rj) => {
  setTimeout(() => rs(4), 0);
  // Nhớ lại kiến thức về Event loop, setTimeout là một hàm xử lý bất đồng bộ
  // do đó callback function của nó sẽ được đưa sang API xử lý và đẩy về callback queue để chờ được đẩy lên call stack
  // => trong trường hợp này nó sẽ được xử lý sau 2 lệnh ở dưới

  Promise.resolve(console.log(3)); // in ra giá trị "3" và in ra trước lệnh console.log(2)

  console.log(2); // in ra giá trị "2"
});

promise
  .then((rs) => { // rs = 4
    console.log(rs ? rs ** rs : rs); // = console.log(4**4) = 256
    return rs; // return 4
  })
  .then((rs) => console.log(rs == 256 ? rs : rs * rs)); // = console.log(4*4) = 16

Kiến thức liên quan:

• Event loop
• setTimeout

Bài 2

async function f() {
  let promise = new Promise((resolve, reject) => {
    setTimeout(() => resolve("done!"), 0);
  });

  setTimeout(() => console.log("world"), 0);

  console.log(await promise);

  console.log("hello");
}

f(setTimeout(() => console.log("kiora"), 0));

Lời giải:

async function f() {
  // Khai báo một Promise
  let promise = new Promise((resolve, reject) => {
    setTimeout(() => resolve("done!"), 0); // Tương tự giải thích như (P1)
  });

  setTimeout(() => console.log("world"), 0); // Tương tự giải thích như (P1)

  // Phần thú vị nằm ở đoạn này
  // Do sử dụng await ở đây => lệnh console.log("hello") ở dưới bị block lại cho đến khi promise trả về giá trị
  // Mà trong promise được khai báo ở trên, nội dung trong nó lại là một hàm setTimeout 
  // => các setTimeout được khai báo trước đó phải được run xong thì mới run đến "setTimeout - done!"
  // => in ra "kiora"
  // => in ra "done!"
  console.log(await promise);

  // Sau khi đợi promise trả về kết quả, thì sẽ thực thi console.log("hello")
  // Và cuối cùng là in ra "world", do console.log("world") nằm trong setTimeout
  console.log("hello");
}

f(setTimeout(() => console.log("kiora"), 0));
// (P1) Đầu tiên chương trình sẽ thực thi đoạn code setTimeout(() => console.log("kiora"), 0) nằm trong phần tham số đầu vào của hàm f()
// do sử dụng setTimeout => đoạn code này sẽ được đưa sang webApi để xử lý hàm setTimeout
// Sau đó callback của hàm setTimeout được đưa vào callback queue để chờ event loop đưa lên callstack để xử lý nội dung của callback đó

// Tiếp theo sẽ thực thi hàm f()


// Kết quả:
// kiora
// done!
// hello
// world

Kiến thức liên quan:

• Promise
• Hiểu về event loop

Bài 3

function name() {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve("New Zealand");
    }, 10);
  });
}

function fruit() {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve("Kiwi");
    }, 20);
  });
}

(async function countryandfruit() {
  const getName = await name();
  const getFruit = await fruit();

  console.log(`Kiora: ${getName} ${getFruit}`);
})();

(async function fruitandcountry() {
  const [getName, getFruit] = await Promise.all([name(), fruit()]);

  console.log(`Hello: ${getName} ${getFruit}`);
})();

Lời giải:

function name() {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve("New Zealand");
    }, 10);
  });
}

function fruit() {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve("Kiwi");
    }, 20);
  });
}

(async function countryandfruit() {
  const getName = await name();
  const getFruit = await fruit();

  console.log(`Kiora: ${getName} ${getFruit}`);
})();

(async function fruitandcountry() {
  const [getName, getFruit] = await Promise.all([name(), fruit()]);

  console.log(`Hello: ${getName} ${getFruit}`);
})();

// In ra "Hello New Zealand Kiwi" trước
// In ra "Kiora New Zealand Kiwi" sau

// Bản chất là phân biệt được Promise.all là dùng để thực hiện đồng thời nhiều promise
// Ở đây ta chú ý tới tổng thời gian thực thi promise trước khi trả về kết quả thông qua console.log()
// fruitandcountry function có tổng thời gian chờ = 20 ms
// countryandfruit function có tổng thời gian chờ = 10 + 20 ms

Kiến thức liên quan:

• Promise.all

Mô hình microservices

1.1 Services

Các services sẽ được xây dựng dựa trên NestJS (base trên nền ExpressJS - một NodeJS framework)

1. Basic setup

• Triển khai một service theo doc cơ bản của NestJS
• Sử dụng MongoDB làm database (setup theo mongo doc của NestJS)
• Sử dụng Swagger làm api documentation (setup theo swagger doc của NestJS)
• Sau khi setup Swagger thì mình dùng thêm express-basic-auth npm để security cho swagger doc link (xem thêm ở bài viết này)
• Sử dụng config npm để quản lý các configs trong service thay vì hướng dẫn trong NestJS (lý do tại sao thì mình sẽ cập nhật thêm sau, do hiện tại chỉ thấy rằng các project trong dự án mình tham gia sử dụng theo cách này)
• Setup validation theo NestJS doc (xem thêm ở bài viết này)

2. Security

• Sử dụng helmet để bảo vệ ứng dụng khỏi một số lỗ hổng web bảo mật (xem thêm tại NestJS doc helmet )

3. Heath check

• Sử dụng @nestjs/terminus trong NestJS để kiểm tra tình trạng sức khỏe của ứng dụng, có 2 bước cần thực hiện ở đây:
  • Step 1: Kiểm tra sức khỏe của các thành phần liên quan (ví dụ: database ( mongodb ), microservices, memory, disk,...)
  • Step 2: Cung cấp một url cho các dịch vụ của cơ sở hạ tầng (ví dụ: kubenetes) dùng để ping tới liên tục để kiểm tra sức khỏe hệ thống và xử lý các bước tiếp theo tùy vào trạng thái trả về là healthy or unhealthy.

4. Hybrid app (http + microservice)

Đối với mỗi một services chúng ta có thể thiết lập nó chỉ để phục vụ:

• http(s) request / response
• microservice app (sử dụng TCP / MQTT hoặc Topic,...)
• hybrid (http + microservice)

Thì đối với hệ thống của chúng ta, chúng ta sẽ phải kết hợp cả 2 loại dịch vụ nên sẽ lựa chọn loại app là hybrid

Để thiết lập hybrid app trong NestJS ta làm như hướng dẫn trong doc của NestJS

• 1.2 Web UI

Giao diện web sẽ được xây dựng dựa trên ReactJS library

2. Triển khai app

Các services sẽ triển khai dưới dạng Docker container và được quản lý bởi Kubenetes

3. Cơ sở hạ tầng để run app

Sử dụng các dịch vụ của AWS

4. Repository / Image registry

Sử dụng Gitlab để lưu trữ source code, Docker images

Series này mình muốn rèn luyện khả năng suy nghĩ và giải bài tập, qua đó để hiểu rõ hơn các khái niệm của Javascript.

Bài 1

const id = 10;

const getID = (...id) => {
  id(id);

  function id(id) {
    console.log(typeof id);
  }
};

getID(id);

Lời giải

const id = 10;

const getID = (id) => {
  id(id);

  function id(id) {
    console.log(typeof id);
  }
  // function được khai báo trong function, tức là chúng ta đang làm việc với closure
  // function id được hoisting
};

getID(id);
// gọi hàm id(id) // tính chất closure thể hiện là hàm id(id) vẫn nhớ được scope thực thi của nó trong getId function
// trong hàm id, in ra type của id (ở đây id chính là function id, do đã được hoisting)
// => kết quả: function

Kiến thức liên quan:

• Closure
• Hoisting

Bài 2

var book1 = {
  name: "Name of the rose",
  getName: function () {
    console.log(this.name);
  },
};

var book2 = {
  name: { value: "Harry Potter" },
};

var bookCollection = Object.create(book2);
// Cú pháp Object.create(proto) | Object.create(proto, propertiesObject)
// => ở đây book2 chỉ là "propertiesObject", tức là nó được sử dụng để định nghĩa thuộc tính trong book1
// => thuộc tính name của book1 sẽ được khai báo với value = "Harry Potter"

bookCollection.getName();
// => console.log(this.name) = "Harry Potter"

Lời giải:

var book1 = {
  name: "Name of the rose",
  getName: function () {
    console.log(this.name);
  },
};

var book2 = {
  name: { value: "Harry Potter" },
};

var bookCollection = Object.create(book2);
// Cú pháp Object.create(proto) | Object.create(proto, propertiesObject)
// => ở đây book2 chỉ là "propertiesObject", tức là nó được sử dụng để định nghĩa thuộc tính trong book1
// => thuộc tính name của book1 sẽ được khai báo với value = "Harry Potter"

bookCollection.getName();
// => console.log(this.name) = "Harry Potter"

Kiến thức liên quan:

• Object.create(proto) hoặc Object.create(proto, propertiesObject)

Bài 3

(() => {
  const a = Object.create({});
  const b = Object.create(null);

  let f1 = a.hasOwnProperty("toString"); 

  let f2 = "toString" in b;

  let result =
    f1 === false && f2 === false
      ? console.log((typeof a.toString()).length)
      : console.log(b.toString());
})();

Lời giải:

(() => {
  const a = Object.create({}); // a sẽ là một object rỗng (vẫn bao gồm các thuộc tính build-in của object)
  const b = Object.create(null); // b sẽ là một object rỗng (KHÔNG bao gồm các thuộc tính build-in của object)

  let f1 = a.hasOwnProperty("toString"); 
  // hasOwnProperty là một method của object để lấy ra các thuộc tính (KHÔNG bao gồm các thuộc tính build-in)
  // nằm trong object đó
  // toString là một build-in method của object
  // => kết quả: false

  let f2 = "toString" in b;
  // => kết quả: false

  let result =
    f1 === false && f2 === false
      ? console.log((typeof a.toString()).length) // => kết quả: 6
      : console.log(b.toString());
})();

Kiến thức liên quan:

• Object.create(null)
• Object.prototype.toString()

Series này mình muốn rèn luyện khả năng suy nghĩ và giải bài tập, qua đó để hiểu rõ hơn các khái niệm của Javascript.

Bài 1

var ronaldo = { age: 34 };

var messi = { age: 32 };

function score(year, tr, t) {
  if (typeof tr === "function" && typeof t === "function") {
    console.log(`You score ${tr(year, t(this.age))} times`);
  }
}

const transform = (x, y) => x - y;

const title = (x) => ++x + x++;

const helloRonaldo = score.bind(ronaldo, 2029, transform, title);

helloRonaldo();

const helloMessi = score.bind(messi, 2029, transform, title);

helloMessi();

Lời giải:

var ronaldo = { age: 34 };

var messi = { age: 32 };

function score(year, tr, t) {
  if (typeof tr === "function" && typeof t === "function") {
    console.log(`You score ${tr(year, t(this.age))} times`);
  }
}

const transform = (x, y) => x - y;

const title = (x) => ++x + x++;
// giả sử: x = 1
// biểu thức 1: ++x <=> trả về giá trị x + 1 và x = x + 1 => result = 2
// biểu thức 2: x++ <=> trả về giá trị x và x = x + 1 => result = 2 (do x = 2 sau khi biểu thức 1 được thực thi)
// biểu thức 3: ++x + x++ = 2 + 2 = 4

const helloRonaldo = score.bind(ronaldo, 2029, transform, title);

helloRonaldo();
// t(this.age) = t(34) = 35 + 35 = 70
// tr(year, t(this.age)) = year - 70 = 2029 - 70 = 1959
// => `You score 1959 times`

const helloMessi = score.bind(messi, 2029, transform, title);

helloMessi();
// t(this.age) = t(32) = 33 + 33 = 66
// tr(year, t(this.age)) = year - 66 = 2029 - 66 = 1963
// => `You score 1963 times

Kiến thức liên quan:

• x++ và ++x
• Function contructor method: bind

Bài 2

var person = {};

Object.defineProperties(person, {
  name: {
    value: "Vuong",
    enumerable: true,
  },
  job: {
    value: "developer",
    enumerable: true,
  },
  studying: {
    value: "PhD",
    enumerable: true,
  },
  money: {
    value: "NZD",
    enumerable: false,
  },
});

class Evaluate {
  static checkFlag(obj) {
    return Object.getOwnPropertyNames(obj) > Object.keys(obj)
      ? Object.getOwnPropertyNames(obj)
      : Object.keys(obj);
  }
}

const flag = Evaluate.checkFlag(person);

console.log(flag.length);

Lời giải:

var person = {};

Object.defineProperties(person, {
  name: {
    value: "Vuong",
    enumerable: true,
  },
  job: {
    value: "developer",
    enumerable: true,
  },
  studying: {
    value: "PhD",
    enumerable: true, // Mặc định khi tạo object thì thuộc tính enumerable = true
  },
  money: {
    value: "NZD",
    enumerable: false, // Object.keys sẽ không lấy ra được key này (money)
  },
});

class Evaluate {
  static checkFlag(obj) {
    return Object.getOwnPropertyNames(obj) > Object.keys(obj) 
      // Object.getOwnPropertyNames(obj) = ['name', 'job', 'stydying', 'money']
      // Object.keys(obj) = ['name', 'job', 'stydying'], do money được defined với thuộc tính "enumerable: false"
      // Để thực hiện phép so sánh trong JS, dữ liệu sẽ được convert sang dạng string hoặc number trước khi so sánh
      // => Object.getOwnPropertyNames(obj) > Object.keys(obj) = true
      ? Object.getOwnPropertyNames(obj)
      : Object.keys(obj);
  }
}

const flag = Evaluate.checkFlag(person);
// Có thể gọi trực tiếp Evaluate.checkFlag bởi vì checkFlag là static function
// => kết quả = ['name', 'job', 'stydying', 'money']

console.log(flag.length); // = 4

Kiến thức liên quan:

• Object.defineProperties
• Object.getOwnPropertyNames

Series này mình muốn rèn luyện khả năng suy nghĩ và giải bài tập, qua đó để hiểu rõ hơn các khái niệm của Javascript.

Bài 1

var languages = {
  name: ["elixir", "golang", "js", "php", { name: "feature" }],
  feature: "awesome",
};

let flag = languages.hasOwnProperty(Object.values(languages)[0][4].name);

(() => {
  if (flag !== false) {
    console.log(
      Object.getOwnPropertyNames(languages)[0].length <<
        Object.keys(languages)[0].length
    );
  } else {
    console.log(
      Object.getOwnPropertyNames(languages)[1].length <<
        Object.keys(languages)[1].length
    );
  }
})();

Lời giải:

var languages = {
  name: ["elixir", "golang", "js", "php", { name: "feature" }],
  feature: "awesome",
};

let flag = languages.hasOwnProperty(Object.values(languages)[0][4].name);
// Object.values(languages) = Array(
//    ["elixir", "golang", "js", "php", { name: "feature" }],
//    "awesome"
// )

// => flag = true

(() => {
  if (flag !== false) { // matching this case
    console.log(
      Object.getOwnPropertyNames(languages)[0].length <<
        Object.keys(languages)[0].length
    );

    // Object.getOwnPropertyNames(languages) = ['name', 'feature']
    // => Object.getOwnPropertyNames(languages)[0].length = 4

    // Object.keys(languages) = ['name', 'feature']
    // => Object.keys(languages)[0].length = 4

    // kết qủa = 4 * 2^4 = 64
  } else {
    console.log(
      Object.getOwnPropertyNames(languages)[1].length <<
        Object.keys(languages)[1].length
    );
  }
})();

Kiến thức liên quan:

• Left shift (<<) operator
• Object.getOwnPropertyNames

Bài 2

var player = {
  name: "Ronaldo",
  age: 34,
  getAge: function () {
    return ++this.age - this.name.length;
  },
};

function score(greeting, year) {
  console.log(
    greeting + " " + this.name + `! You were born in  ${year - this.getAge()}`
  );
}

window.window.window.score.call(window.window.window.player, "Kiora", 2019);

score.apply(player, ["Kiora", 2009]);

const helloRonaldo = window.score.bind(window.player, "Kiora", 2029);

helloRonaldo()

Lời giải:

var player = {
  name: "Ronaldo",
  age: 34,
  getAge: function () {
    return ++this.age - this.name.length;
  },
};

function score(greeting, year) {
  console.log(
    greeting + " " + this.name + `! You were born in ${year - this.getAge()}`
  );
}

// bản chất đối tượng window có chứa một thuộc tính cũng tên là window và trỏ tới window global (chính nó)
// do vậy window === window.window === window.window.window

window.window.window.score.call(window.window.window.player, "Kiora", 2019);
// call là một phương thức của Function contructor
// call = bind + thực thi hàm + truyền tham số dưới dạng param1, param2 vào hàm đó
// => kết quả = "Kiora Ronaldo! You were born in 1991"

score.apply(player, ["Kiora", 2009]);
// apply là một phương thức của Function contructor
// apply = bind + thực thi hàm + truyền tham số dưới dạng [param1, param2] vào hàm đó
// Do score function đã được thực thi 1 lần khi sử dụng call method ở trên => ++this.age ở player đã thực thi => lúc này age = 35
// => kết quả = "Kiora Ronaldo! You were born in 1980"

const helloRonaldo = window.score.bind(window.player, "Kiora", 2029);
// bind là một phương thức của Function contructor
// bind ràng buộc đối tượng this bằng cách truyền vào this argument (hay chính là đối tượng mà chúng ta muốn rằng buộc this của nó vào hàm của chúng ta)
// + truyền tham số dưới dạng param1, param2 vào hàm đó (tham số được sử dụng trong bind sẽ có độ ưu tiên cao hơn)

helloRonaldo()
// Do score function đã được thực thi 2 lần khi sử dụng call & apply method ở trên => ++this.age ở player đã thực thi 2 lần => lúc này age = 36
// => kết quả = "Kiora Ronaldo! You were born in 1999"

Kiến thức liên quan:

• Đối tượng window (trong trình duyệt)
• Function contructor: bind / call / apply

Trong NestJS cũng đã cho chúng ta một hướng dẫn về việc setup configuration, tuy nhiên dự án công ty mình lại chọn cách sử dụng config module (thực sự mình cũng chưa tìm hiểu được lý do dùng config module thay vì sử dụng config default như NestJS hướng dẫn - sẽ update thêm sau)

Đầu tiên chúng ta cần install package cần thiết

npm i config dotenv --save

Tiếp theo, trong project root folder ta tạo ra một config folder để chứa các config file (ở đây mình chọn .yaml làm định dạng config file - chúng ta có thể sử dụng các định dạng khác như .json, .js đều được)

/config
  default.yaml
  prod.yaml
  staging.yaml
  dev.yaml
  test.yaml

Ví dụ nội dung của test.yaml

# NODE_ENV=test
server:
  port: 5000

mongodb:
  uri: mongodb://localhost:27017/db-name

Tiếp theo để ứng dụng có thể nhận biết được môi trường đang thực thi là môi trường nào để từ đó sẽ lấy config tương ứng thì ta cần tạo một file .env nằm trong project root folder với nội dung

NODE_ENV=test // thay thế test bằng dev/staging/prod cho các file config tương ứng khác
// Thực ra khi triển khai trên các môi trường thật thì chúng ta không cần file .env này
// mà chúng ta sẽ phải setup biến môi trường ở trong chính môi trường đó

** Lưu ý:

• Các config sẽ được lấy tương ứng với nội dung config file
• Nhưng nếu config cần lấy không có trong config file tương ứng thì nó sẽ tìm trong defaul.yaml

Tiếp theo chúng ta phải làm cho ứng dụng hiểu được file .env là file chứa biến môi trường bằng cách thêm đoạn code sau vào trên cùng filemain.ts

require('dotenv').config();

Cuối cùng để sử dụng các biến config ta sẽ phải import config module và sử dụng nó như ví dụ dưới đây

import * as config from 'config';

const port = config.get('server.port');

Series này mình muốn rèn luyện khả năng suy nghĩ và giải bài tập, qua đó để hiểu rõ hơn các khái niệm của Javascript.

Bài 1

const array = (a) => {
  let length = a.length;
  delete a[length - 1];
  return a.length;
};

console.log(array([1, 2, 3, 4]));

const object = (obj) => {
  let key = Object.keys(obj);
  let length = key.length;
  delete obj[key[length - 1]];

  return Object.keys(obj).length;
};

console.log(object({ 1: 2, 2: 3, 3: 4, 4: 5 }));

const setPropNull = (obj) => {
  let key = Object.keys(obj);
  let length = key.length;
  obj[key[length - 1]] = null;

  return Object.keys(obj).length;
};

console.log(setPropNull({ 1: 2, 2: 3, 3: 4, 4: 5 }));

Lời giải:

const array = (a) => {
  let length = a.length; // lấy độ dài của mảng a
  delete a[length - 1]; // mong muốn xóa phần tử cuối cùng trong mảng a
  // tuy nhiên toán tử delete chỉ cho phép xóa chỉ định một thuộc tính của một object
  // eg: delete obj.name
  // chứ delete operator không có khả năng xóa mảng/object/hay phần tử trong mảng

  return a.length; // trả về độ dài của mảng a
};

console.log(array([1, 2, 3, 4])); // return => 4

const object = (obj) => {
  let key = Object.keys(obj); // trả về 1 mảng chứa key của object obj
  let length = key.length; // trả về độ dài của mảng key
  delete obj[key[length - 1]]; // xóa phần tử cuối cùng trong object obj

  return Object.keys(obj).length; // trả về độ dài của mảng chứa key của object obj
};

console.log(object({ 1: 2, 2: 3, 3: 4, 4: 5 })); // return => 3

const setPropNull = (obj) => {
  let key = Object.keys(obj); // trả về 1 mảng chứa key của object obj
  let length = key.length; // trả về độ dài của mảng key
  obj[key[length - 1]] = null; // gán giá trị null cho phần tử cuối cùng trong object obj

  return Object.keys(obj).length; // trả về độ dài của mảng chứa key của object obj
};

console.log(setPropNull({ 1: 2, 2: 3, 3: 4, 4: 5 })); // return => 4

Kiến thức liên quan:

• Toán tử delete

Bài 2

var a = [1, 2, 3];
var b = [1, 2, 3];

var c = [1, 2, 3];
var d = c;

var e = [1, 2, 3];
var f = e.slice();

console.log(a === b);
console.log(c === d);
console.log(e === f);

Lời giải:

var a = [1, 2, 3];
var b = [1, 2, 3];

var c = [1, 2, 3];
var d = c;

var e = [1, 2, 3];
var f = e.slice(); // Array.property.slice() dùng để sao chép một phần của mảng ra một mảng mới
// Đồng thời không làm ảnh hưởng đến dữ liệu của mảng gốc (mảng e)

console.log(a === b); // bản chất array là một loại object đặc biện trong JS
// Liên hệ lại kiến thức so sánh object thì 2 object luôn luôn không bằng nhau
// trừ trường hợp 2 object cùng tham chiếu tới cùng một vùng nhớ
// => false
console.log(c === d); // biến d được gán bằng c, do đó d,c cùng trỏ tới một ô nhớ
// => true
console.log(e === f); // Theo định nghĩa thì f sẽ là một mảng mới được sao chép ra từ mảng e
//  do đó 2 mảng này vẫn tham chiếu tới 2 vùng nhớ khác nhau
// => false

Kiến thức liên quan:

• Array.property.slice()
• So sánh 2 object:
  • chỉ cần nhớ rằng 2 object luôn KHÔNG bằng nhau
  • trừ 1 trường hợp duy nhất là 2 object đó cùng tham chiếu tới một vùng nhớ

Series này mình muốn rèn luyện khả năng suy nghĩ và giải bài tập, qua đó để hiểu rõ hơn các khái niệm của Javascript.

Bài 1

String.prototype.lengthy = () => {
  console.log("hello");
};

let x = { name: "Vuong" };

delete x;

x.name.lengthy();

Lời giải:

String.prototype.lengthy = () => {
  console.log("hello");
}; // đây là cách thêm prototype vào một đối tượng

let x = { name: "Vuong" };

delete x; // => return false
// delete operator là toán tử xóa phần tử của object, ko phải để xóa object
// 1 trường hợp ngoại lệ delete có thể xóa cả object đó là khi object đó: 
// - nằm ở global scope
// - và KHÔNG được khai báo bằng từ khóa let, const hay var

x.name.lengthy(); // => return "hello"

Kiến thức liên quan:

• Toán tử delete

Bài 2

let x = {};

x.__proto__.hi = 10;

Object.prototype.hi = ++x.hi;

console.log(x.hi + Object.keys(x).length);

Lời giải:

let x = {};

x.__proto__.hi = 10; // <=> Object.prototype.hi = 10
// bởi vì __proto__ sử dụng để objectA trỏ tới prototype của objectB (ở đây objectA là x và objectB là Object build-in trong JS)

Object.prototype.hi = ++x.hi; // Thiết lập prototype của Object = ++x.hi = 11

console.log(x.hi + Object.keys(x).length);
// x.hi = 11 
// Object.keys(x) = ["hi"] => length = 1
// kết quả = 11 + 1 = 12

Kiến thức liên quan:

• proto (deprecated)

Series này mình muốn rèn luyện khả năng suy nghĩ và giải bài tập, qua đó để hiểu rõ hơn các khái niệm của Javascript.

Bài 1

let x = {};
let y = {};
let z = x;

console.log(x == y);
console.log(x === y);
console.log(x == z);
console.log(x === z);

Lời giải:

let x = {};
let y = {};
let z = x;

console.log(x == y); // x và y đều là object rỗng, tuy nhiên JS không so sánh được giá trị của object => false
console.log(x === y); // tương tự như trên => false
console.log(x == z); // x,z cũng là 2 object rỗng, tuy nhiên 2 biến này cùng trỏ tới một vị trí ô nhớ => true
console.log(x === z); // tương tự như trên => true

Kiến thức liên quan:

• Để so sánh 2 object (có cùng thứ tự các phần tử trong object) thì có thể sử dụng phương pháp: JSON.stringify(obj1) === JSON.stringify(obj2)
• Để so sánh 2 object (mà không quan tâm đến thứ tự phần tử trong object) thì có thể sử dụng lodash (isEqual)

Bài 2

console.log("hello");

setTimeout(() => console.log("world"), 0);

console.log("hi");

Lời giải:

console.log("hello"); // in ra ngay "hello"

setTimeout(() => console.log("world"), 0); 
// do nằm trong setTimeout nên hàm này sẽ là bất đồng bộ
// do đó khi chương trình này sẽ được đưa vào Web/Node API để thực thi và trả về callback cho event loop và sau đó đưa vào call stack => chạy sau console.log("hi")

console.log("hi"); // in ra ngay "hi"

// => Kết quả: "hello" => "hi" => "world"

Kiến thức liên quan:

• Hiểu về Event loop trong JS

Series này mình muốn rèn luyện khả năng suy nghĩ và giải bài tập, qua đó để hiểu rõ hơn các khái niệm của Javascript.

Bài 1

const js = { language: "loosely type", label: "difficult" };

const edu = { ...js, level: "PhD" };

const newbie = edu;

delete edu.language;

console.log(Object.keys(newbie).length);

Lời giải:

const js = { language: "loosely type", label: "difficult" };

const edu = { ...js, level: "PhD" }; // edu = { language: "loosely type", label: "difficult", level: "PhD" };

const newbie = edu; // edu = { language: "loosely type", label: "difficult", level: "PhD" };

delete edu.language; // edu = { label: "difficult", level: "PhD" };

console.log(Object.keys(newbie).length);
// Object.keys(newbie) = ['label', 'level'] => Object.keys(newbie).length = 2

Kiến thức liên quan:

• Spread operator
• Object.keys trả về một mảng với thành phần là các key của object truyền vào

Bài 2

var candidate = {
  name: "Vuong",
  age: 30,
};

var job = {
  frontend: "Vuejs or Reactjs",
  backend: "PHP and Laravel",
  city: "Auckland",
};

class Combine {
  static get() {
    return Object.assign(candidate, job);
  }

  static count() {
    return Object.keys(this.get()).length;
  }
}

console.log(Combine.count());

Lời giải:

var candidate = {
  name: "Vuong",
  age: 30,
};

var job = {
  frontend: "Vuejs or Reactjs",
  backend: "PHP and Laravel",
  city: "Auckland",
};

class Combine {
  static get() {
    return Object.assign(candidate, job); // gộp 2 object: candidate và job thành một
  }

  static count() {
    return Object.keys(this.get()).length;
    // this.get() = object gộp từ 2 object candidate và job
    // Object.keys(this.get()) = mảng chứa keys của object trả về từ this.get()
    // Object.keys(this.get()).length = 5
  }
}

console.log(Combine.count());

Kiến thức liên quan:

• Từ khóa static trong class sẽ cho phép truy cập tới phương thức (hoặc thuộc tính) của lớp ở bên ngoài theo cú pháp Class.staticMethod()

Series này mình muốn rèn luyện khả năng suy nghĩ và giải bài tập, qua đó để hiểu rõ hơn các khái niệm của Javascript. Mình tham khảo các bài tập từ link này.

Bài 1

var tip = 100;

(function () {
  console.log("I have $" + husband());

  function wife() {
    return tip * 2;
  }

  function husband() {
    return wife() / 2;
  }

  var tip = 10;
})();

Lời giải:

var tip = 100;

(function () {
  // ở đây các hàm wife & husband cũng như biến tip đã được hoisting
  // do đó tip = undefined
  // => tip * 2 = NaN
  // => wife() / 2 = NaN

  console.log("I have $" + husband()); // => kết quả của console log = I have $NaN

  function wife() { // hàm được hoisting
    return tip * 2;
  }

  function husband() { // hàm được hoisting
    return wife() / 2;
  }

  var tip = 10; // biến tip ở đây sẽ được sử dụng trong phạm vi của IIFE function
  // và biết tip này cũng sẽ được khai báo đè biến tip ở phạm vi global
  // biết tip được hoisting nên sẽ được đưa khai báo lên đầu phạm vi của IIFE function và do là sử dụng var để khai báo nên biến tip sẽ nhận giá trị ban đầu là undefined
})(); // Đây là IIFE function - hiểu đơn giản là hàm thực thi ngay sau khi được khai báo

Kiến thức liên quan:

• Hoisting biến và function
• Biến sử dụng từ khóa var để khai báo thì sẽ được gán giá trị mặc định là undefined khi được hoisting
• Biến sử dụng từ khóa var có thể khai báo lại

Bài 2

var x = 1;

(() => {
  x += 1;
  ++x;
})();
((y) => {
  x += y;
  x = x % y;
})(2);
(() => (x += x))();
(() => (x *= x))();

console.log(x);

Lời giải:

var x = 1;

(() => {
  x += 1; // => x = 2
  ++x; // => x = 3
})();

((y) => {
  x += y; // x = x + 2 = 5
  x = x % y; // x = 5%2 = 1
})(2);

(() => (x += x))(); // x = 2

(() => (x *= x))(); // x = 2 * 2 = 4

console.log(x); // 4

Kiến thức liên quan:

Trong quá trình setup Swagger cho dự án, thì mình cũng chỉ cần follow theo docs của NestJs là setup thành công Swagger API doc cho service của mình.

Tuy nhiên Swagger API doc link này lại là public, ai cũng có thể truy cập được và điều đó không tốt một chút nào phải không.

Sau một thời gian ngắn gg search, mình tìm thấy một giải pháp đơn giản như sau:

• Sử dụng module express-basic-auth
• Setup basic auth (sử dụng user name & password) cho những route đang truy cập tới Swagger API doc của mình

import { NestFactory } from '@nestjs/core';
import { SwaggerModule, DocumentBuilder } from '@nestjs/swagger';
import { AppModule } from './modules/app.module';
import * as basicAuth from 'express-basic-auth';
require('dotenv').config();

async function bootstrap() {
  const app = await NestFactory.create(AppModule);

  // Setup Swagger
  app.use(['/api'], basicAuth({
    challenge: true,
    users: {
      [process.env.SWAGGER_USER]: process.env.SWAGGER_PASS,
    },
  }));

  const config = new DocumentBuilder()
  .setTitle('Swagger')
  .setDescription('The api-shops API description')
  .setVersion('1.0')
  .build();
  const document = SwaggerModule.createDocument(app, config);
  SwaggerModule.setup('api', app, document);

  // App listen
  await app.listen(3000);
}
bootstrap();

Và kết quả là

Series này mình muốn note lại những kiến thức về Javascript (JS)

var dùng như thế nào?

Từ khóa var được sử dụng để khai báo một biến trong JS

Biến được khai báo bằng var có một số đặc điểm như sau:

• (1) Biến đó sẽ có phạm vi toàn cục.
• (2) Biến đó sẽ có phạm vi cục bộ khi nằm trong hàm.
• (3) Biến đó có thể được khai báo lại hoặc ghi đè giá trị.
• (4) Biến đó sẽ được hoisting đồng thời được gán giá trị mặc định là undefined

console.log(k); // In ra undefined - do k có được đặc tính (1) & (4) 
{
  console.log(k); // In ra undefined - do k có được đặc tính (1) & (4) 
  {
    {
      const l = 2;
      if(l == 2) {
        var k = 1; // Do k đã được hoisting nên trên đầu của scope nên đoạn này tương đương việc khai báo lại và gán giá trị cho k - do k có được đặc tính (3)
      }
    }

    console.log(k);
  }

  function sayHello() {
    var name = 'zu';
  }

  console.log(name); // Do ta gọi biến name ở ngoài function nên sẽ trả về lỗi ReferenceError: name is not defined - do k có đặc tính (2)
}

let dùng như thế nào?

Từ khóa let được sử dụng để khai báo một biến trong JS

Biến được khai báo bằng let có một số đặc điểm như sau:

• (1) Biến đó sẽ có phạm vi block scope.
• (2) Biến đó có thể ghi đè giá trị.
• (3) Biến đó sẽ được hoisting, nhưng KHÔNG được gán giá trị mặc định là undefined (chỉ được khởi tạo nhưng không được gán giá trị => lỗi Reference error)

{
  console.log(k); // ReferenceError: k is not defined - do k có đặc tính (1) + (3)
    {
      const l = 2;
      if(l == 2) {
        let k = 1;
        k = 2; // Có thể ghi đè giá trị của k
        let k = 3; // Uncaught SyntaxError: Identifier 'k' has already been declared
      }
    }

    console.log(k); // ReferenceError: k is not defined - do k có đặc tính (1) + (3)
  }

  function sayHello() {
    var name = 'zu';
  }

  console.log(name); // Do ta gọi biến name ở ngoài function nên sẽ trả về lỗi ReferenceError: name is not defined - do k có đặc tính (2)
}

const dùng như thế nào?

Từ khóa const được sử dụng để khai báo một biến trong JS

Biến được khai báo bằng const có một số đặc điểm như sau:

• (1) Biến đó sẽ có phạm vi block scope.
• (2) Biến đó KHÔNG thể ghi đè giá trị.
• (3) Biến đó sẽ được hoisting, nhưng KHÔNG được gán giá trị mặc định là undefined (chỉ được khởi tạo nhưng không được gán giá trị => lỗi Reference error)

Series này mình muốn rèn luyện khả năng suy nghĩ và giải bài tập, qua đó để hiểu rõ hơn các khái niệm của Javascript. Mình tham khảo các bài tập từ link này.

Bài 1. Xác định kết quả

(function js(x) {
  const y = (j) => j * x;

  console.log(y(s()));

  function s() {
    return j();
  }

  function j() {
    return x ** x;
  }
})(3);

Lời giải:

(function js(x) {
  const y = (j) => j * x; // j = x^x => j * x = x^(x+1)

  console.log(y(s())); // In ra kết quả trả về của hàm y(x^x)

  function s() {
    return j(); // Trả về kết quả của hàm j() => trả về x^x
  }

  function j() {
    return x ** x; // Trả về x^x
  }
})(3); // x = 3 => kết quả = 3^4 = 81

Kiến thức liên quan:

• Hoisting sẽ ưu tiên theo thứ tự declare function > variable do đó ta có thể thấy là các fn j(), s() được viết ở phía dưới const y nhưng chương trình vẫn nhận biết được và giá trị trả về của các fn đó.

Bài 2

const x = function (...x) {
  let k = (typeof x).length;
  let y = () => "freetut".length;
  let z = { y: y };

  return k - z.y();
};

console.log(Boolean(x()));

Lời giải:

const x = function (...x) {
  let k = (typeof x).length;
  let y = () => "freetut".length;
  let z = { y: y };

  return k - z.y();
};

console.log(Boolean(x()));

// gọi hàm x() 
// function (...x){} => x = []; // Rest parameters: x là biến bên trong hàm x()
// typeof x = 'object' : lưu ý ở đây là Array là một dạng Object trong JS
// k = (typeof x).length = 'object'.length = 6
// y = () => "freetut".length; <=> y = () => 7
// z = {y: y} <=> z = {y: () => 7} => z.y() = 7
// k - z.y() = 6 - 7 = -1
// Boolean(x()) <=> Boolean(-1) => true
// lưu ý: Boolean(a) = false khi a = 0/''/null/undefined/false & = true cho tất cả trường hợp còn lại

Kiến thức liên quan:

• Rest parameters (...x) - là một trong 2 cách sử dụng của three dots trong javascript. (sử dụng trong tham số khai báo của hàm - để tập hợp các phần tử còn lại vào trong một array)
• Một cách khác để sử dụng three dots là spread operator (sử dụng trong việc để mở rộng một array/object thành một danh sách)

Khi cần setup Swagger cho một NestJs project mình cần phải install dependencies

npm install --save @nestjs/swagger swagger-ui-express

Tuy nhiên mình gặp phải lỗi khi các package phụ thuộc khác lại yêu cầu các version mới hơn.

Do đó mình phải cài module npm-check-updates, để check và update lại package.json

npm install -g npm-check-updates

Sử dụng cli ncu -u để thực hiện update đó

Sau đó ta chạy lệnh

npm install cho trường hợp chưa có node_modules folder

npm update cho trường hợp đã có node_modules folder

Cuối cùng hãy chạy lại lệnh để install các dependencies cho Swagger

npm install --save @nestjs/swagger swagger-ui-express

Sau khi đọc xong phần 1 về Gitlab CI/CD chắc hẳn các bạn đã tạo được một CI/CD job đơn giản để áp dụng cho dự án của mình rồi đúng không.

Tiếp tục sang phần 2 này mình sẽ hướng dẫn các bạn tích hợp SonarCloud để kiểm tra chất lượng code.

Trong file gitlab-ci.yaml chúng ta sẽ chỉnh sửa như sau

• Ở khu phần stages chúng ta sẽ thêm một step nữa tên là review

stages:
  - build
  - test
  - review // <= thêm mới dòng này

• Tiếp theo tương ứng với step review đó, ta sẽ viết các script tương ứng như sau

review:
  stage: review
  variables:
    SONAR_USER_HOME: '${CI_PROJECT_DIR}/.sonar' # Defines the location of the analysis task cache
    GIT_DEPTH: '0' # Tells git to fetch all the branches of the project, required by the analysis task
  image:
    name: sonarsource/sonar-scanner-cli:latest
    entrypoint: ['']
  cache:
    key: '${CI_JOB_NAME}'
    paths:
    - .sonar/cache
  script:
    - sonar-scanner

Để biết làm sao chúng ta có đoạn code cho review step, các bạn vui lòng tham khảo bài viết Cách thiết lập SonarCloud cho một Gitlab repository.

Kết quả cuối cùng ta sẽ được file gitlab-ci.yaml như sau:

image: docker/compose:alpine-1.27.4

services:
  - docker:dind

stages:
  - build
  - test
  - review

build:
  stage: build
  before_script:
    - docker login -u $CI_REGISTRY_USER -p $CI_REGISTRY_PASSWORD $CI_REGISTRY
  script:
    - docker pull $CI_REGISTRY_IMAGE:latest || true
    - docker build --cache-from $CI_REGISTRY_IMAGE:latest --tag $CI_REGISTRY_IMAGE:$CI_COMMIT_SHA .
    - docker push $CI_REGISTRY_IMAGE:$CI_COMMIT_SHA

test:
  stage: test
  before_script:
    - docker login -u $CI_REGISTRY_USER -p $CI_REGISTRY_PASSWORD $CI_REGISTRY
    - docker pull $CI_REGISTRY_IMAGE:$CI_COMMIT_SHA
    - docker tag $CI_REGISTRY_IMAGE:$CI_COMMIT_SHA $CI_REGISTRY_IMAGE:latest
  script:
    - docker run -d --name api-shops $CI_REGISTRY_IMAGE:$CI_COMMIT_SHA
    - sleep 15
    - docker exec api-shops sh -c "npm run test"
  coverage: /All files[^|]*\|[^|]*\s+([\d\.]+)/I

review:
  stage: review
  variables:
    SONAR_USER_HOME: '${CI_PROJECT_DIR}/.sonar' # Defines the location of the analysis task cache
    GIT_DEPTH: '0' # Tells git to fetch all the branches of the project, required by the analysis task
  image:
    name: sonarsource/sonar-scanner-cli:latest
    entrypoint: ['']
  cache:
    key: '${CI_JOB_NAME}'
    paths:
    - .sonar/cache
  script:
    - sonar-scanner

Sau đó các bạn có thể push commit lên repository để kiểm tra xem pipeline đã chạy chưa nhé.

Trong phần tiếp theo, mình sẽ viết về cách push docker image mới tương ứng với code mới lên registry container thông qua quá trình CI/CD.

Hi vọng bài viết này hữu ích với các bạn.

Thank everyone! Bye2 :D

Series này mình muốn note lại những nội dung xoay quanh việc thiết lập, sử dụng SonarCloud để kiểm tra chất lượng code trong các dự án.

Important:

• Do mình làm demo và sử dụng SonarClound free để làm ví dụ do đó các Group, repository trên Gitlab mình sẽ để là public
• Trong thực tế các bạn nên sử dụng SonarCloud (Analyze private project) và make sure Gitlab group, repository là private nhé.

1. Tạo một Group chứa các project trong dự án của bạn trên Gitlab

Chúng ta làm theo các bước sau:

Sau đó các bạn tạo Project nằm trong Group vừa tạo ở trên, và nhớ là chúng ta vẫn để Project là public nhé.

2. Tạo Personal access token để thiết lập cho SonarCloud có quyền truy cập vào Gitlab của chúng ta

3. Tạo một tổ chức (organization) trong SonarCloud để liên kết tới Gitlab

4. Thiết lập liên kết giữa SonarCloud và Gitlab repository

Có 2 việc chính trong phần này:

• Tạo file sonar-project.properties nằm trong root project
• Đưa được nội dung sau vào file .gitlab-ci.yaml nằm trong root project

variables:
  SONAR_USER_HOME: "${CI_PROJECT_DIR}/.sonar"  # Defines the location of the analysis task cache
  GIT_DEPTH: "0"  # Tells git to fetch all the branches of the project, required by the analysis task
sonarcloud-check:
  image:
    name: sonarsource/sonar-scanner-cli:latest
    entrypoint: [""]
  cache:
    key: "${CI_JOB_NAME}"
    paths:
      - .sonar/cache
  script:
    - sonar-scanner
  only:
    - merge_requests
    - master
    - develop

Để biết làm sao cho đoạn code trên hoạt động, các bạn hãy tham khảo series về cách tích hợp SonarCloud vào quá trình CI/CD của Gitlab nhé:

• GitLab CI/CD và kiểm định chất lượng code với SonarCloud (P.1)
• GitLab CI/CD và kiểm định chất lượng code với SonarCloud (P.2)

Hi vọng bài viết này hữu ích với các bạn.

Thank everyone! Bye2 :D