<html><body><h2 style="text-align:justify;">1.  An introduction to Three.js</h2>Three.js is a Javascript library created by Ricardo Cabello. It allows us to deal with 3D visuals in the browser using WebGL in a very basic and natural manner.<h2 style="text-align:justify;">2. Fundamentals</h2>Let’s understand the structure of a three.js app.<img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-xjQBpXMrZBkc8fAw4dDWqbsVGPmrDBXfi8C5lm0B.png"><img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-CzaLuYFXydyXiCqTyGFiKBbQt6erYfi5lrOdYkJc.png" alt="">Things to notice about the diagram above.<ul><li style="text-align:justify;">The Renderer is the place where we are going to put the result of our scene. In Three.js we can have multiple scenes and each one can have different objects.</li><li style="text-align:justify;">The Mesh is made up of a Geometry and a Material.</li><li style="text-align:justify;">The Geometry — which defines its shape.</li><li style="text-align:justify;">The Material — which defines its appearance.</li></ul><figure class="table"><table><tbody><tr><td>// We define a box geometry with width = 1, height = 1, depth = 1  const geometry = new THREE.BoxGeometry( 1, 1, 1);  // We pass the color to the material  const material = new THREE.MeshBasicMaterial( { color: 0x00ff00 } );  // Create a mesh  const box = new THREE.Mesh( geometry, material );  // Add a mesh to a scene  scene.add( box );</td></tr></tbody></table></figure> Camera: There are two types. <ul><li style="text-align:justify;">The first type is referred to as the perspective camera. It is basically the same as real-life cameras. We need four values to make a perspective camera. The first is a vertical field of view (fov). It is the maximum angle of what can be seen through the lens of the camera. The second is the aspect ratio. It represents the proportion of the width and height. The last things are the near and far. It represents the position near or far from the camera.</li><li style="text-align:justify;">The second type is the orthographic camera. It can be useful for rendering 2D scenes and UI elements.</li></ul>Light: In this tutorial we will discover two types of light.<ul><li style="text-align:justify;">Let’s start with the most fundamental type of light - Ambient Light</li></ul><figure class="table"><table><tbody><tr><td>const ambientLight = new THREE.AmbientLight(0x333333, 1);  scene.add(ambientLight);</td></tr></tbody></table></figure> Create a light source, tell it what color it should be (grey in our example), and how intense it should be. This light cannot be used to cast shadows because it has no direction.The last one I would like to mention is SpotLight. This light emits light in the form of a cone. The farther the light source is from the receiving surface, the brighter the light. This light can cast shadows <figure class="table"><table><tbody><tr><td>const spotLight = new THREE.SpotLight(0xFFFFFF, 1);  scene.add(spotLight);  spotLight.position.set(-100, 100, 0);  spotLight.castShadow = true;  spotLight.angle = 0.2;</td></tr></tbody></table></figure> It has the same constructor as AmbientLight except for a few more attributes castShadow and angle (in the example above I just want to mention 2 attributes). Surely you will easily imagine the meaning of these two attributes based on its name. Angle is the maximum extent of the spotlight, in radians, from its direction.CastShadow if it is set to true light will cast dynamic shadows.<h2 style="text-align:justify;">3. Loading 3d models</h2>There are numerous file formats for 3D models, including OBJ, glTF (Graphics Language Transmission Format), and FBX (FilmBoX) (or .OBJ). glTF is the most well-known of them all. glTF has two file extensions: .gltf (JSON/ASCII file format) and .glb (binary file format).Now let’s start a new example. You can use gltf sample models with <a href="https://github.com/KhronosGroup/glTF-Sample-Models/tree/master/2.0">this link</a>   <figure class="table"><table><tbody><tr><td>import {GLTFLoader} from   'three/examples/jsm/loaders/GLTFLoader.js';  // resource URL  const imgUrl = new URL('./assets/photo.glb', import.meta.url);  // Instantiate a loader  const assetLoader = new GLTFLoader();  // Load a glTF resource  assetLoader.load(imgUrl.href,   // Called when the resource is loaded  function ( gltf ) {    const model = gltf.scene;    scene.add(model);    model.position.set(-12, 4, 10);  },   // Called while loading is progressing  function ( xhr ) {    console.log( ( xhr.loaded / xhr.total * 100 ) + '% loaded' );  },  // Called when loading has errors  function ( error ) {    console.log( 'An error happened' );  })</td></tr></tbody></table></figure>glTF is formatted as JSON file. The entirety of the 3D scene is described in this file. You can see it in the image below<img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-b4saYrisuPpOuSZnlhMebG8ELM0Np7zFszCi0fhF.png" alt=""><img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-12rWl0dvZ3duUxSwE5i3xZx4Yi8zMZel1DRK4zof.png"><ul><li style="text-align:justify;">The node is one node in the scene graph hierarchy. It can contain a transformation (e.g., rotation or translation)</li><li style="text-align:justify;">The mesh describes a geometric object that appears in the scene</li><li style="text-align:justify;">The material contains the parameters that define the appearance of an object. It usually refers to texture objects that will be applied to the rendered geometry.</li><li style="text-align:justify;">The texture is defined by a sampler and an image. The sampler defines how the texture image should be placed on the object.</li><li style="text-align:justify;">The accessor is used as an abstract source of arbitrary data. It is used by the mesh, skin, and animation, and provides the geometry data, the skinning parameters and the time-dependent animation values. It refers to a bufferView, which is a part of a buffer that contains the actual raw binary data.</li></ul><h2 style="text-align:justify;">4. Example</h2>I will create a new project so that you can apply it to real life. This project aims to choose products with your favorite color. As I’m a React developer, so I will install these packages to make it easily by using the syntax <figure class="table"><table><tbody><tr><td>yarn add three @react-three/fiber @react-three/drei</td></tr></tbody></table></figure> Here is src/App.js:<figure class="table"><table><tbody><tr><td>import {Suspense, useState} from 'react';  import {Canvas} from '@react-three/fiber';import {OrbitControls, useGLTF} from '@react-three/drei';   import './index.css'; export function Model({ ...props }) {    const { nodes, materials } = useGLTF('/Lamp.gltf')    return (      &lt;group {...props} dispose={null} scale={5}&gt;        &lt;mesh geometry={nodes.lamp.geometry} material={materials.IridescenceLamp}&gt;          &lt;meshBasicMaterial color={props.customColors.fabric} /&gt;        &lt;/mesh&gt;        &lt;mesh geometry={nodes.lamp_transmission.geometry} material={materials.IridescenceLampTransmissionIridescence}&gt;          &lt;meshBasicMaterial color={props.customColors.wood} /&gt;        &lt;/mesh&gt;        &lt;mesh geometry={nodes.lamp_iridescence.geometry} material={materials.IridescenceLampIridescence}&gt;          &lt;meshBasicMaterial color={props.customColors.metal} /&gt;        &lt;/mesh&gt;      &lt;/group&gt;    )  }  function App() {    const [fabric, setFabric] = useState("#000000")    const [wood, setWood] = useState("#ffffff")    const [metal, setMetal] = useState("#e5dcdc")    return (      &lt;Suspense fallback={null}&gt;        &lt;div className="App"&gt;          &lt;h1&gt;Three.js Demo&lt;/h1&gt;          &lt;div className="wrapper"&gt;              &lt;div className="card"&gt;                  &lt;div className="product"&gt;                    &lt;Canvas&gt;                      &lt;ambientLight /&gt;                      &lt;Model customColors={{fabric, metal, wood }}/&gt;                      &lt;OrbitControls makeDefault /&gt;                    &lt;/Canvas&gt;                  &lt;/div&gt;                  &lt;div className='colors'&gt;                      &lt;div&gt;                          &lt;input type="color" id="fabric" name="fabric"                                value={fabric}                                 onChange={(e) =&gt; setFabric(e.target.value)}/&gt;                          &lt;label for="fabric"&gt;Fabric&lt;/label&gt;                        &lt;/div&gt;                      &lt;div&gt;                          &lt;input type="color" id="metal" name="metal"                                  value= {metal}                                  onChange={(e) =&gt; setMetal(e.target.value)}/&gt;                          &lt;label for="metal"&gt;Metal&lt;/label&gt;                      &lt;/div&gt;                      &lt;div&gt;                          &lt;input type="color" id="wood" name="wood"                                  value={wood}                                   onChange={(e) =&gt; setWood(e.target.value)}/&gt;                          &lt;label for="label"&gt;Wood&lt;/label&gt;                      &lt;/div&gt;                    &lt;/div&gt;              &lt;/div&gt;          &lt;/div&gt;        &lt;/div&gt;      &lt;/Suspense&gt;    );  }  export default App; </td></tr></tbody></table></figure> You can download the sample model via <a href="https://github.com/KhronosGroup/glTF-Sample-Models/tree/master/2.0/IridescenceLamp/glTF">this link</a>. Now let’s dive into the example above:<ul><li style="text-align:justify;">OrbitControls allows the camera to orbit around a target. </li><li style="text-align:justify;">The hook named useGLTF is used to load 3d content.</li></ul> I guess you must be wondering how to make a model based on .gltf file. It is so easy if you are using React to create your app by using the syntax <figure class="table"><table><tbody><tr><td>npx gltfjsx Lamp.gltf</td></tr></tbody></table></figure> As soon as you enter the syntax, it will create a file named Lamp.js. The only thing you need to do now is copy and paste it into the function Model (so easy right haha). Here is the result <img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-jWVJ9yf26pUANFOv7P7SlJNfXYW323kRQqb2Xr5b.png" alt=""> <h2 style="text-align:justify;">5. Conclusion</h2>Thanks for reading. There’s a lot more that could be said about three.js, but I hope this post has given you enough knowledge to get started with this powerful technology.If you have any questions feel free to let me know via duy.le@saigontechnology.com. Resources<ul><li style="text-align:justify;">Demo source code: <a href="https://github.com/khanhduy62/react-three-fiber/tree/feature/lamp">Repo’s link</a></li></ul>References<ul><li style="text-align:justify;">Reference: <a href="https://threejs.org/docs/index.html#manual/en/introduction/Creating-a-scene">Link1</a>, <a href="https://github.com/KhronosGroup/glTF-Sample-Models/tree/master/2.0">Link2</a></li></ul></body></html>

Many individuals wish to build their own 3D website but may feel unsure of where to begin and have the confidence it would run smoothly. If you’re searching for a way to build 3d websites as a developer then this article will 100% help you.

Apply 3d content on a webpage using three.js library

Senior Developer

Trung Tran

.NET Developer

Vu Truong

Senior AI Engineer

Phong Le

Long Nguyen

Business Analyst

Duong Dat Thanh

Middle Developer

Nguyễn Nhật Minh

Cám ơn bài viết hay, nhưng mình thấy lý thuyết hơn nhiều, chưa có ví dụ để làm rõ

Nin Tran

<html><body><h2 style="text-align:justify;">1. Kiến trúc N-Layer</h2>Chúng ta sẽ có các lớp logic và vật lý khác nhau đáp ứng cho các nhu cầu trong quá trình phát triển ứng dụng. Hầu hết các ứng dụng sử dụng kiến trúc này đều sẽ chứa 4 lớp: presentation, business, persistence và database. Tùy thuộc vào độ phức tạp của ứng dụng mà các lớp sẽ nhiều hoặc ít hơn.<figure class="image"><img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-qMDyPoAWykT2Iwws5bsA5h2lA9Asp2r769b8hj8N.png"></figure><h6 style="text-align:justify;">Nguồn: <a href="https://www.oreilly.com/library/view/software-architecture-patterns/9781491971437/?_gl=1*7a1tjd*_ga*NzE5NTM3ODY4LjE2NzkzODcyOTk.*_ga_092EL089CH*MTY3OTYzMDAzNy42LjEuMTY3OTYzMDA1NS40Mi4wLjA.">Software Architecture Patterns by Mark Richards</a></h6>Các lớp trong mô hình kiến trúc này sẽ đảm nhiệm một vai trò cụ thể, và khi đứng từ một lớp nào đó, chúng ta chỉ có thể giao tiếp với các lớp bên trên hoặc bên dưới của nó. Trong đó:<ul><li style="text-align:justify;">Presentation: là lớp sẽ đảm nhiệm việc tương tác với người dùng, như là giao diện người dùng hoặc cung cấp thông tin dưới dạng Web API.</li><li style="text-align:justify;">Business: được xem như là thành phần chính trong các ứng dụng, là lớp sẽ chứa các logic nghiệp vụ, ánh xạ trực tiếp đến các nghiệp vụ thực tế mà ứng dụng cần đáp ứng.</li><li style="text-align:justify;">Persistence: là lớp truy xuất và lưu trữ dữ liệu bằng cách giao tiếp với lớp Database.</li><li style="text-align:justify;">Database: là nơi lưu trữ dữ liệu của ứng dụng, như là các cơ sở dữ liệu (SQL, No-SQL) hoặc File (Excel, CSV) ...</li></ul>Kiến trúc N-Layer có một số ưu điểm có thể kể đến đó là đơn giản, có thể tái sử dụng, kiểm thử độc lập, giúp cho lập trình viên có thể dễ tiếp cận và làm việc với các logic nghiệp vụ nhanh chóng. Vì vậy, chúng ta có thể sử dụng kiến trúc này cho các ứng dụng quy mô nhỏ hoặc thông thường.Tuy nhiên, đối với các ứng dụng quy mô lớn, tính mở rộng và phức tạp cao, thì kiến trúc sẽ hoạt động không hiệu quả. Do thiết kế phân lớp, việc thay đổi logic ở một lớp nào đó sẽ khó cập nhật lại ở các lớp khác, đồng thời cũng gây giảm hiệu suất vì các lớp không liền kề phải giao tiếp gián tiếp thông qua một lớp khác. Điều này làm cho ứng dụng sẽ ngày càng trở nên phức tạp và cồng kềnh hơn khi logic nghiệp vụ cũng nhiều hơn.<h2 style="text-align:justify;">2. Kiến trúc Onion</h2>Được giới thiệu lần đầu tiên bởi Jeffrey Palermo và năm 2008, để khắc phục các vấn đề kể trên của N-Layer, dựa trên mô hình Domain Driven, tức là xây dựng ứng dụng theo hướng tập trung vào Domain (nghiệp vụ). Từ cái tên "Onion", dịch ra là củ hành tây, ta có thể hiểu được ý đồ của mô hình này là đặt domain làm trung tâm, và bao bọc dần xung quanh bởi các lớp hệ thống khác.<figure class="image"><img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-PLCfIJtUNLXs2P2w7dVtbBJaIFlEafSq30vXLWIj.png"></figure><h6 style="text-align:justify;">Nguồn: <a href="https://www.thoughtworks.com/insights/blog/architecture/demystify-software-architecture-patterns">Demystifying software architecture patterns</a></h6>Các lớp trong Onion được cải tiến dựa trên nguyên lý Dependency Inversion để giải quyết vấn đề phân lớp quá chặt chẽ của N-Layer. Đối với các lập trình viên .NET Core, việc cải tiến này được thể hiện thông qua Dependency Injection, được hỗ trợ sẵn, nhằm giảm tối đa sự phụ thuộc giữa các lớp, service với nhau.Thông thường, Onion sẽ có 4 lớp chính: domain model, domain services, application service và presentation. Như đã đề cập ở trên, Domain Model sẽ là lớp trung tâm của kiến trúc này. Trong đó:<ul><li style="text-align:justify;">Domain Model: là nơi tập trung các trạng thái và phương thức, hành vi nghiệp vụ của ứng dụng.</li><li style="text-align:justify;">Domain Services: là lớp kế tiếp domain model, chứa các interfaces cho việc lưu trữ dữ liệu, phương thức truy xuất, còn được gọi là Repository.</li><li style="text-align:justify;">Application Services: chứa các interfaces với các phương thức như là Thêm, xóa, sửa.. Ở các lớp services sẽ chỉ chứa các interfaces và các commons class.</li><li style="text-align:justify;">Presentation: chứa UI và tests. Lớp này cũng chứa các cài đặt của các interface ở tầng services.</li></ul>Một số ưu điểm của kiến trúc này:<ul><li style="text-align:justify;">Ít bị ràng buộc giữa các lớp với nhau</li><li style="text-align:justify;">Xây dựng tập trung vào nghiệp vụ</li><li style="text-align:justify;">Linh hoạt, dễ chuyển đổi, bổ sung và mở rộng</li><li style="text-align:justify;">Có thể đưa vào phát triển với mẫu DDD (Domain-Driven Design)</li></ul>Bên cạnh đó, một số nhược điểm dễ nhận thấy ở kiến trúc Onion này là:<ul><li style="text-align:justify;">Khó tiếp cận đối với những lập trình viên mới bắt đầu tham gia, đòi hỏi thời gian học và tìm hiểu sâu</li><li style="text-align:justify;">Phức tạp và khó áp dụng nếu ứng dụng không có nhiều nghiệp vụ</li></ul><h2 style="text-align:justify;">3. Kiến trúc Clean</h2>Kiến trúc Clean được giới thiệu bởi Uncle Bob vào năm 2012, dựa trên nguyên lý và thừa hưởng các đặc tính của kiến trúc Onion. Điểm khác biệt là kiến trúc này lấy Entities (các đối tượng nghiệp vụ) làm trung tâm.<figure class="image"><img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-ddf3HUlqvDtDKQ9V9OIRe0gUVlbphOCyCuX7NF5U.png"></figure><h6 style="text-align:justify;">Nguồn: The Clean Code Blog by Robert C. Martin</h6>Các lớp trong kiến trúc clean sẽ được phân tách dựa trên các vai trò cụ thể:<ul><li style="text-align:justify;">Các entities sẽ là nơi chứa các logic nghiệp vụ chính (enterprise wide business), có thể là các đối tượng cùng phương thức, hành vi của nó, hoặc là tập hợp các cấu trúc dữ liệu (danh sách, node..) và các hàm. Các entities có thể được sử dụng ở nhiều nơi khác trong ứng dụng hoặc xuyên suốt quá trình xử lý nghiệp vụ. Các entities sẽ chỉ ràng buộc với chính nó.</li><li style="text-align:justify;">Bên ngoài sẽ là lớp chứa nghiệp vụ của ứng dụng - use cases (application specific business). Các thành phần trong lớp này sẽ chứa những cài đặt cho việc ứng dụng đó làm những gì (use cases). Những thay đổi ở lớp này sẽ không được tác động tới các entities, cũng như chính nó cũng sẽ không bị tác động bởi sự thay đổi của các thành phần khác (database, UI, thư viện...).</li><li style="text-align:justify;">Bao bọc các lớp nghiệp vụ sẽ là lớp thứ ba, chứa các interface adapters, dùng để khai báo interface chuyển đổi dữ liệu và thông tin được yêu câu giữa các lớp nghiệp vụ và các dịch bên ngoài, như là cơ sở dữ liệu, các frameworkss hay là API bên thứ ba.</li><li style="text-align:justify;">Lớp ngoài cùng sẽ chứa các frameworks và drivers, là các cái đặt cụ thể cho các interface adapters. Đây được xem là nơi chứa mọi chi tiết mà ở các lớp khác khai báo thông qua interfaces. Các frameworks và tools như là cơ sở dữ liệu, web framework, các thư viện bên thứ ba...</li></ul>Kiến trúc Clean vẫn đi theo nguyên lý của Onion: ràng buộc giữa các lớp nên là từ cấp thấp hơn sẽ phụ thuộc vào lớp cấp cao hơn thông qua các interfaces, có thể sử dụng Dependency Injection. Như vậy các logic xử lý chính sẽ không bị phụ thuộc vào các thay đổi đến từ lớp bên ngoài (frameworks and drivers). Ngoài ra, số lượng các lớp ở kiến trúc này cũng không cố định. Nó tùy thuộc vào ứng dụng cụ thể phức tạp ra sao, các yêu cầu nghiệp vụ như thế nào...Từ đó, ta có thể thấy một số ưu nhược điểm của kiến trúc này:<ul><li style="text-align:justify;">Ưu điểm:<ul><li style="text-align:justify;">Có thể sử dụng với mô hình microservices hay mẫu DDD</li><li style="text-align:justify;">Các lớp độc lập với nhau, các logic nghiệp vụ không bị phụ thuộc vào các lớp khác</li><li style="text-align:justify;">Dễ kiểm thử</li><li style="text-align:justify;">Dễ mở rộng, vì các lớp đã có vai trò riêng của nó</li></ul></li><li style="text-align:justify;">Nhược điểm:<ul><li style="text-align:justify;">Khó để học và hiểu các nghiệp vụ đã được chia tách thành các lớp</li><li style="text-align:justify;">Cấu trúc phức tạp vì cần phải triển khai qua nhiều lớp</li><li style="text-align:justify;">Do các lớp không phụ thuộc nhau nên sẽ khá trừu tượng</li></ul></li></ul><h2 style="text-align:justify;">4. Vậy kiến trúc Onion và Clean có giống nhau?</h2>Tuy kiến trúc Clean ra đời có nhiều ảnh hưởng từ Onion, giữa 2 kiến trúc vẫn có những điểm giống và khác nhau.Cả hai kiến trúc đều hướng tới việc chia ứng dụng thành nhiều lớp xử lý với các vai trò khác nhau, giúp cho việc xây dựng và triển khai dự án dễ dàng hơn. Cả hai kiến trúc đều áp dụng nguyên lý Dependency Inversion giữa các lớp, giúp cho sự ràng buộc giữa các lớp giảm bớt, các lớp cấp thấp hơn sẽ phụ thuộc lớp cấp cao hơn thông qua abstractions chứ không phải là trực tiếp. Ngoài ra các ứng dụng xây dựng trên 2 kiến trúc này sẽ có khả năng mở rộng cao và có thể được kiểm thử độc lập cho từng lớp.Những điiểm khác nhau giữa hai kiến trúc:<ul><li style="text-align:justify;">Kiến trúc Onion<ul><li style="text-align:justify;">Tập trung vào xử lý nghiệp vụ và đưa nó vào trung tâm</li><li style="text-align:justify;">Các lớp được chia theo vai trò chung (domain, repositories, services..), chủ yếu để phục vụ cho lớp domain trung tâm</li><li style="text-align:justify;">Các xử lý liên quan đến kỹ thuật, công nghệ được đưa các xử lý ra các lớp bên ngoài</li></ul></li><li style="text-align:justify;">Kiến trúc Clean:<ul><li style="text-align:justify;">Chia việc xử lý nghiệp vụ thành 2 lớp: enitities (enterprise wide business) và use cases (application specific business)</li><li style="text-align:justify;">Các lớp được chia theo vai trò cụ thể (entities, interface adapters, frameworks and drivers..)</li><li style="text-align:justify;">Sử dụng dependency inversion để phân tách các xử lý rồi mới đưa ra bên ngoài</li></ul></li></ul><h2 style="text-align:justify;">5. Vậy ta nên sử dụng kiến trúc nào?</h2>Các ứng dụng khác nhau sẽ có khối nghiệp vụ và độ phức tạp khác nhau. Cho nên, tùy vào mỗi ứng dụng và các yêu cầu chức năng của nó mà ta sẽ chọn kiến trúc cho phù hợp.Một số gợi ý khi chọn kiến trúc Onion:<ul><li style="text-align:justify;">Thường dành cho mô hình nghiệp vụ của ứng dụng tương đối phức tạp, yêu cầu khá nhiều về tính nhất quán cũng như nhiều tính toán chặt chẽ.</li><li style="text-align:justify;">Các công nghệ, thư viện sử dụng ở các lớp services có thể linh động</li></ul>Chúng ta sẽ cân nhắc chọn kiến trúc Clean khi:<ul><li style="text-align:justify;">Mô hình nghiệp vụ không quá phức tạp, có thể chứa trong các đối tượng truyền dữ liệu cùng các hành vi và phương thức</li><li style="text-align:justify;">Các công nghệ, thư viên sử dụng ở các lớp services có tính phổ biến, cung cấp nhiều tính năng cho hệ thống</li></ul><h2 style="text-align:justify;">6. Kết luận</h2>Onion và Clean đều là những kiến trúc rất hay, hướng ứng dụng tới việc xử lý những khía cạnh của nghiệp vụ, đưa các thư viện, dịch vụ khác ra các lớp bên ngoài. Những ứng dụng này sẽ có khả năng linh động cao, mở rộng tốt, và có tính bảo trì. Có thể nói, 2 kiến trúc này có thể sử dụng để xây dựng bất kỳ loại ứng dụng nào. Và các lập trình viên sẽ cần phải lựa chọn loại kiến trúc phù hợp với nhu cầu, sự phát triển của dự án, ứng dụng.Tài liệu tham khảo<ol><li style="text-align:justify;"><a href="https://www.oreilly.com/library/view/software-architecture-patterns/9781491971437/?_gl=1*7a1tjd*_ga*NzE5NTM3ODY4LjE2NzkzODcyOTk.*_ga_092EL089CH*MTY3OTYzMDAzNy42LjEuMTY3OTYzMDA1NS40Mi4wLjA.">Software Architecture Patterns by Mark Richards</a></li><li style="text-align:justify;"><a href="https://www.oreilly.com/library/view/clean-architecture-a/9780134494272/">Clean Architecture: A Craftsman’s Guide to Software Structure and Design</a></li><li style="text-align:justify;"><a href="https://blog.cleancoder.com/uncle-bob/2012/08/13/the-clean-architecture.html">The Clean code blog - Clean Architecture (Uncle Bob)</a></li><li style="text-align:justify;"><a href="https://jeffreypalermo.com/2008/07/the-onion-architecture-part-1/">The Onion Architecture - Jeffrey Palermo</a></li></ol></body></html>

Mô hình kiến trúc N-layer đã khá phổ biến trong phát triển phần mềm, nhưng nó vẫn có khá nhiều điểm yếu. Từ đó, nhiều kiến trúc khác đã ra đời để giúp việc phát triển được tốt hơn. Trong bài viết này, chúng ta sẽ tìm hiểu 2 mô hình được sử dụng rộng rãi là Onion và Clean.

&lt;html&gt;&lt;body&gt;&lt;h2&gt;1. Design Patterns l&agrave; g&igrave; nhỉ?&nbsp;&lt;/h2&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Tổng quan th&igrave; Design Patterns như một c&ocirc;ng thức để ta c&oacute; thể &aacute;p dụng v&agrave;o giải quyết một số vấn đề cụ thể trong lập tr&igrave;nh, cụ thể l&agrave; Lập tr&igrave;nh hướng đối tượng (OOP). N&oacute; l&agrave; những giải ph&aacute;p đ&atilde; được đ&uacute;c kết v&agrave; tối ưu h&oacute;a cho c&aacute;c trường hợp cụ thể. Thay v&igrave; phải t&igrave;m c&aacute;ch tối ưu h&oacute;a, tổ chức code lại từ đầu, th&igrave; bạn đơn giản c&oacute; thể &aacute;p dụng c&aacute;c Design Patterns ph&ugrave; hợp v&agrave; đ&atilde; được tối ưu cho trường hợp bạn gặp phải. Từ định nghĩa đ&oacute; ta c&oacute; thể thấy được một số t&igrave;nh huống m&agrave; Design Patterns c&oacute; thể ph&aacute;t huy sức mạnh tối đa của n&oacute;:&lt;/p&gt;&lt;ul&gt;&lt;li style=&quot;text-align:justify;&quot;&gt;Bạn gặp một t&igrave;nh huống phức tạp khi lập tr&igrave;nh. Đừng lo, khả năng cao đ&atilde; c&oacute; một (hoặc c&oacute; thể l&agrave; một v&agrave;i) Design Patterns c&oacute; thể giải quyết vấn đề của bạn thật đơn giản v&agrave; gọn g&agrave;ng. Chỉ cần &aacute;p dụng theo l&agrave; xong.&lt;/li&gt;&lt;li style=&quot;text-align:justify;&quot;&gt;Bạn trao đổi với c&aacute;c developer kh&aacute;c trong team về c&aacute;ch tổ chức source code của một hệ thống kh&aacute; lớn v&agrave; phức tạp. Bạn (v&agrave; team của bạn) cảm thấy kh&oacute; khăn khi tr&igrave;nh b&agrave;y &yacute; tưởng của m&igrave;nh. H&atilde;y sử dụng Design Patterns như một ng&ocirc;n ngữ chung để n&oacute;i về những &yacute; tưởng phức tạp một c&aacute;ch đơn giản. (Giả sử thay v&igrave; n&oacute;i rằng &ldquo;Ta c&oacute; thể tạo một Abstract Class để tập trung c&aacute;c xử l&yacute; tạo c&aacute;c Instance của class Hotel để dễ d&agrave;ng che giấu việc khai b&aacute;o c&aacute;c Instance con li&ecirc;n quan đến Hotel đồng thời c&oacute; thể dễ d&agrave;ng tạo nhiều Instance của Hotel mootj c&aacute;ch dễ d&agrave;ng v&agrave; tường minh&rdquo; th&igrave; ta c&oacute; thể n&oacute;i l&agrave; &ldquo;Ta c&oacute; thể &aacute;p dụng Abstract Factory Design Patterns cho class Hotel&rdquo; thế th&ocirc;i!)&lt;/li&gt;&lt;/ul&gt;&lt;h2&gt;2. Những điểm mạnh của Design Patterns&lt;/h2&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Việc nắm bắt v&agrave; &aacute;p dụng Design Patterns v&agrave;o trong c&ocirc;ng việc của một Developer thực sự sẽ gi&uacute;p ta c&oacute; một bước ph&aacute;t triển ho&agrave;n to&agrave;n mới về cả tư duy lẫn kỹ năng lập tr&igrave;nh. Bạn c&oacute; thể thấy r&otilde; điều đ&oacute; qua những điểm mạnh của n&oacute; sau đ&acirc;y:&nbsp;&lt;/p&gt;&lt;ul&gt;&lt;li style=&quot;text-align:justify;&quot;&gt;Gi&uacute;p bạn tăng tốc độ ph&aacute;t triển c&aacute;c ứng dụng.&nbsp;&lt;/li&gt;&lt;li style=&quot;text-align:justify;&quot;&gt;Cải thiện code structure, dễ d&agrave;ng n&acirc;ng cấp v&agrave; sửa đổi.&lt;/li&gt;&lt;li style=&quot;text-align:justify;&quot;&gt;Tăng khả năng code reusability.&lt;/li&gt;&lt;li style=&quot;text-align:justify;&quot;&gt;Tăng t&iacute;nh readable đối với những cấu tr&uacute;c code phức tạp. Tăng khả năng communicate giữa c&aacute;c th&agrave;nh vi&ecirc;n trong team (Nếu mọi người đều biết về Design Patterns)&lt;/li&gt;&lt;li style=&quot;text-align:justify;&quot;&gt;Do c&aacute;c Design Patterns đ&atilde; được tối ưu n&ecirc;n ta cũng c&oacute; thể tr&aacute;nh được những lỗi kh&ocirc;ng mong muốn ph&aacute;t sinh trong qu&aacute; tr&igrave;nh Implementation.&lt;/li&gt;&lt;/ul&gt;&lt;h2&gt;3. Những hạn chế của Design Patterns&lt;/h2&gt;&lt;ul&gt;&lt;li style=&quot;text-align:justify;&quot;&gt;Design Patterns kh&ocirc;ng phải l&agrave; ch&igrave;a kh&oacute;a vạn năng, n&oacute; chỉ c&oacute; thể giải quyết được một số những vấn đề nhất định. Nếu ta sử &aacute;p dụng Design Patterns v&agrave;o những trường hợp kh&ocirc;ng ph&ugrave; hợp c&oacute; thể l&agrave;m code trở n&ecirc;n rối v&agrave; phức tạp hơn.&lt;/li&gt;&lt;li style=&quot;text-align:justify;&quot;&gt;Design Patterns chỉ l&agrave;m cho code dễ đọc dễ hiểu với những người c&oacute; kinh nghiệm về Design Patterns đang được &aacute;p dụng. Tuy nhi&ecirc;n đối với những người mới c&oacute; thể sẽ gặp kh&oacute; khăn trong việc nắm bắt cấu tr&uacute;c v&agrave; kh&oacute; khăn trong việc debug.&lt;/li&gt;&lt;li style=&quot;text-align:justify;&quot;&gt;Bản th&acirc;n từng Design Patterns cũng c&oacute; những khuyết điểm của ri&ecirc;ng n&oacute; (ta sẽ khảo s&aacute;t cụ thể khi đi v&agrave;o chi tiết từng Pattern). N&ecirc;n khi &aacute;p dụng Design Patterns n&agrave;o ta lu&ocirc;n phải c&acirc;n nhắc kỹ lưỡng những lợi &iacute;ch v&agrave; khuyết điểm của n&oacute; để đưa ra quyết định c&oacute; n&ecirc;n sử dụng hay kh&ocirc;ng.&lt;/li&gt;&lt;/ul&gt;&lt;h2&gt;4. Ph&acirc;n loại c&aacute;c Design Patterns:&lt;/h2&gt;&lt;ul&gt;&lt;li style=&quot;text-align:justify;&quot;&gt;Nh&oacute;m Creational: Nh&oacute;m Creational l&agrave; nh&oacute;m những Design Patterns tập trung c&aacute;c giải ph&aacute;p khởi tạo đối tượng v&agrave; che giấu logic khởi tạo những đối tượng:&lt;ul&gt;&lt;li style=&quot;text-align:justify;&quot;&gt;&lt;i&gt;Nh&oacute;m Creational bao gồm: Factory Method,&nbsp;Abstract Factory, Builder, Prototype, Singleton&lt;/i&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li style=&quot;text-align:justify;&quot;&gt;Nh&oacute;m Structural: Nh&oacute;m Structural l&agrave; nh&oacute;m những Design Patterns tập trung v&agrave;o việc tối ưu c&aacute;c thiết kế của class v&agrave; sự kết hợp c&aacute;c class v&agrave; object trở lại một cấu tr&uacute;c lớn hơn.&lt;ul&gt;&lt;li style=&quot;text-align:justify;&quot;&gt;&lt;i&gt;Nh&oacute;m Structural bao&nbsp;gồm:&nbsp;Adapter, Bridge, Composite, Decorator, Facade, Flyweight v&agrave;&nbsp;Proxy&lt;/i&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li style=&quot;text-align:justify;&quot;&gt;Nh&oacute;m Behavioral: Nh&oacute;m Behaviour l&agrave; nh&oacute;m những Design Patterns tập trung sự ph&acirc;n chia tr&aacute;ch nhiệm của c&aacute;c class v&agrave; object để phục vụ một mục đ&iacute;ch cụ thể. Nh&oacute;m n&agrave;y tập trung nhiều hơn v&agrave;o mối quan hệ giữa c&aacute;c class v&agrave; object với nhau.&lt;ul&gt;&lt;li style=&quot;text-align:justify;&quot;&gt;&lt;i&gt;Nh&oacute;m Behavioral bao gồm:&nbsp;Interpreter, Template Method, Chain of Responsibility, Command, Iterator, Mediator, Memento, Observer, State, Strategy v&agrave; Visitor&lt;/i&gt;&nbsp;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h2&gt;5. Cần chuẩn bị những g&igrave; trước khi t&igrave;m hiểu về Design Patterns?&lt;/h2&gt;&lt;ul&gt;&lt;li style=&quot;text-align:justify;&quot;&gt;OOP: Tất nhi&ecirc;n rồi, bạn phải nắm t&iacute;nh vũng tư duy lập tr&igrave;nh theo hướng đối tượng đ&atilde;. C&aacute;c Design Patterns đơn giản l&agrave; gi&uacute;p bạn triển khai c&aacute;c t&iacute;nh chất của OOP dễ d&agrave;ng v&agrave; linh hoạt hơn m&agrave; th&ocirc;i.&lt;/li&gt;&lt;li style=&quot;text-align:justify;&quot;&gt;C&aacute;ch đọc sơ đồ UML:&nbsp; C&aacute;c Design Pattern thường được thể hiện dưới dạng UML diagram, việc đọc hiểu một số concept UML cơ bản l&agrave; cần thiết để bắt đầu học Design Patterns&nbsp;&lt;/li&gt;&lt;li style=&quot;text-align:justify;&quot;&gt;C&aacute;c bạn c&oacute; thể tham khảo tại đ&acirc;y:&nbsp;&lt;a href=&quot;https://www.guru99.com/uml-diagrams.html&quot;&gt;&lt;i&gt;&lt;u&gt;https://www.guru99.com/uml-diagrams.html&lt;/u&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;&lt;li style=&quot;text-align:justify;&quot;&gt;Dưới đ&acirc;y l&agrave; 1 số concept UML cơ bản m&igrave;nh sẽ sử dụng trong loạt b&agrave;i viết n&agrave;y:&nbsp;&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;&nbsp;&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-Cn1yI9X33XdJ5N3xgCYsyzvq0ix1YjSsqI6bTqLf.png&quot; alt=&quot;A picture containing diagram
        Description automatically generated&quot;&gt;&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-CpD296nUoYXW0lMySCd5csSytIINBYEQV7eQ1CdD.png&quot; alt=&quot;Diagram
        Description automatically generated&quot;&gt;&lt;/p&gt;&lt;p&gt;&nbsp;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Ngo&agrave;i ra hiểu được 2 quy tắc thiết kế &ldquo;&lt;i&gt;program to interfaces, not implementations&rdquo;&nbsp;&lt;/i&gt;v&agrave; &ldquo;&lt;i&gt;favor composition over inheritance&rdquo;&nbsp;&lt;/i&gt;cũng kh&aacute; quan trọng. Hầu hết c&aacute;c Design Patterns đề được thiết kế dựa tr&ecirc;n 2 quy tắc n&agrave;y.&lt;/li&gt;&lt;/ul&gt;&lt;h2&gt;6. Lời Kết&lt;/h2&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;T&oacute;m lại th&igrave;: Design Patterns l&agrave; những mẫu thiết kế để giải quyết những vấn đề phổ biến hay gặp phải trong lập tr&igrave;nh, đ&atilde; được chấp nhận v&agrave; sử dụng rộng r&atilde;i của nhiều lập tr&igrave;nh vi&ecirc;n c&oacute; kinh nghiệm.&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&Aacute;p dụng Design Patterns gi&uacute;p bạn cải thiện đ&aacute;ng kể tốc độ ph&aacute;t triển ứng dụng v&agrave; dễ d&agrave;ng hơn trong việc bảo tr&igrave;, sửa chữa.&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Tuy nhi&ecirc;n, bạn cũng cần phải c&acirc;n nhắc kỹ lưỡng t&iacute;nh chất của b&agrave;i to&aacute;n cần giải quyết, quy m&ocirc; dự &aacute;n đang triển khai cũng như những th&agrave;nh vi&ecirc;n trong team của bạn trước khi cố gắng &aacute;p dụng bất k&igrave; Design Patterns n&agrave;o v&agrave;o code của dự &aacute;n.&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Cuối c&ugrave;ng, Design Patterns sinh ra nhằm mục đ&iacute;ch đơn giản h&oacute;a qu&aacute; tr&igrave;nh ph&aacute;t triển ứng dụng, chứ kh&ocirc;ng phải l&agrave;m cho n&oacute; phức tạp l&ecirc;n. Nhớ điều n&agrave;y nh&eacute;!&lt;/p&gt;&lt;p&gt;&nbsp;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;References:&nbsp;&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://refactoring.guru/design-patterns&quot;&gt;&lt;u&gt;Design Patterns&lt;/u&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://www.digitalocean.com/community/tutorials/gangs-of-four-gof-design-patterns&quot;&gt;&lt;u&gt;Gangs of Four (GoF) Design Patterns | DigitalOcean&lt;/u&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;Books:&nbsp;&lt;a href=&quot;https://books.google.com.vn/books/about/Head_First_Design_Patterns.html?id=GGpXN9SMELMC&amp;amp;redir_esc=y&quot;&gt;&lt;u&gt;Head First Design Patterns&lt;/u&gt;&lt;/a&gt;&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;

Design Patterns là một trong những công cụ hữu hiệu nhất để giải quyết các bài toán bạn gặp phải trong khi lập trình. Trong bài viết này mình sẽ chia sẻ cho các bạn khái niệm tổng quan về Design Patterns. Ở những bài viết sau ta sẽ đi sâu vào từng Design Patterns để có thể hiểu sâu hơn về nó.

Giới thiệu tổng quan về Design Patterns

So sánh Onion Architecture và Clean Architecture

Bài viết này mình tập trung chủ yếu vào các nguyên lý của SOLID.  Nhằm hướng dẫn cho anh em lập trình viên nhà mình có một cái nhìn tổng quan về SOLID chẳng hạn như: SOLID là gì? Lợi hại của SOLID? Hy vọng có thể support được mọi người có thêm kiến thức về các nguyên lý thiết kế code.

[Design Pattern] Bài 01: SOLID Trong Thiết Kế Hướng Đối Tượng

Bài viết nằm trong chuỗi bài về design pattern. Mở đầu của serie này là một design pattern khá quen thuộc và thân thương đó chính là Singleton. Vậy Singleton là gì, làm sao để implement một Singleton...
Qua bài viết hy vọng có thể support được mọi người có thêm kiến thức về Singleton.
OK Let’s Go.

[Design Pattern] Bài 03: Sử Dụng Singleton Trong Java

Design Patterns

Are you facing problems with data consistency in a highly concurrent environment? Are you looking for a way to limit and synchronize access to a shared resource across services in a distributed system? Let's see how a distributed lock can help in this situation.

Implement Distributed Lock For a Microservices Software System

Cảm ơn phần chia sẽ kiến thức của bạn. Cho mình hỏi là nếu không dùng camera 0 từ điện thoại hay laptop mà dùng camera IP có hỗ trợ RTSP thì cần phải sửa lại thế nào

Đức Duy Võ

Are you looking for a way to develop video calls on mobile platforms? With the capabilities of React Native and WebRTC integration, this post helps you to have more understanding of how connections establish between multiple devices and step by step to build a simple group video calling application.

How to build group video call with React Native & WebRTC

<html><body><h2 style="text-align:justify;">1. AWS Là Gì</h2>Trước tiên anh em mình cùng nhau tìm hiểu để biết xem AWS là gì nhé. Amazon Web Service hay còn được gọi với cái tên thân mật là AWS.  Thật ra có hàng trăm thậm chí là hàng ngàn câu hỏi liên quan đến AWS khi mình tự tập tành tìm hiểu về nó và sau một thời gian tìm hiểu cũng như làm thực tế trên các dự án liên quan đến AWS mình xin mạo muội làm một series về AWS để chia sẻ với anh em đang có mong muốn tìm hiểu về nền tảng đám mây này. Ông bà ta có câu: Răng với tóc là gốc con người, cái tên nói lên tất cả. Amazon Web Service là dịch vụ điện toán đám mây (Cloud Services) nó cung cấp rất nhiều dịch vụ từ việc lưu trữ như: Storage, rồi thì Networking, Virtualization đến cả Machine Learning, AR &amp; VR…Mình sẽ liệt kê ra cho mấy bạn những service thông dụng mà anh em lập trình viên cũng như DevOps thường dùng. Mình có thể thao tác với AWS thông qua hai công cụ chính là AWS Web Console hoặc là AWS CLI. Sẽ bật mí với mấy bạn về hai công cụ hữu ích này sau nha, giờ mình sẽ list ra những dịch vụ cơ bản của AWS.Common Services Của AWS <ul><li style="text-align:justify;">Storage: AWS S3, Databases, Elastic Container Registry (ERC)</li><li style="text-align:justify;">Virtualization:  Elastic Compute Cloud (EC2)</li><li style="text-align:justify;">Programming: Elastic Container Service (ECS), Code Pipeline, Code Build</li><li style="text-align:justify;">Networking: Virtual Private Cloud (VPC), Route53, Load Balancing</li><li style="text-align:justify;">Identity: IAM</li><li style="text-align:justify;">Monitoring: CloudWatch</li></ul> Anh em có thể đăng ký một tài khoản AWS từ <a href="https://portal.aws.amazon.com/billing/signup#/start/email">website chính hãng</a> để khám phá tất tần tật các dịch vụ của em nó. Ok giờ mình thảo luận tí về lợi ích và thế mạnh mà AWS mang lại.<h2 style="text-align:justify;">2. Điểm Mạnh Của AWS</h2> Rõ ràng lợi ích đầu tiên mình thấy được đó là số lượng dịch vụ mà AWS cung cấp. Có khoản 200 dịch vụ và hầu hết các dịch vụ này đủ sức đáp ứng được nhu cầu phát triển cơ sở hạ tầng cũng như nền tảng công nghệ cho các doanh nghiệp trong nhiều lĩnh vực trong đó các doanh nghiệp về lĩnh vực công nghệ thông tin chiếm đa số. Nhưng số lượng dịch vụ nhiều chỉ là một trong những điểm mạnh của AWS bên cạnh đó chất lượng của từng dịch vụ có thể mô tả trong hai từ “tuyệt vời”. Do đó có rất nhiều công ty kể cả chính phủ tin tưởng vào AWS. Xin cả nhà một phút quảng cáo, công ty <a href="https://saigontechnology.com/">SaiGon Technology</a> đã và đang phát triển rất nhiều sản phẩm dựa trên nền tảng AWS.  Để nói về các điểm mạnh cũng như tiện ích của AWS, mình sẽ lấy một ví dụ cụ thể để từ đó anh em DEV có cái nhìn thực tiễn và khách quan. Đặc biệt đối với mấy anh em bắt đầu tìm hiểu về AWS cũng có thể hình dung ra được những tính năng mà AWS mang lại. Lấy ví dụ như thế này. Công ty <a href="https://saigontechnology.com/">SaiGon Technology</a> muốn xây dựng một trang web về e-commerce giống như Shopee or Lazada…Mình sẽ list ra những công việc ở mức high level cần phải được hoàn thành như sau: Phát triển những tính năng của trang web: Authorization, Authentication, Purchasing Product, Account Management, Product Management… Xây dựng cơ sở dữ liệu:<ul><li style="text-align:justify;">Lựa chọn hệ quản trị cơ sở dữ liệu: SQL-Server, MySQL, PostgreSQL, No-SQL…</li><li style="text-align:justify;">Cài đặt DBMS vào máy chủ</li><li style="text-align:justify;">Thiết lập các phương án backup dữ liệu</li></ul> Build Server tạo môi trường cho việc kiểm thử và vận hành:<ul><li style="text-align:justify;">Xây dựng các máy chủ như: UAT, Staging, Production</li><li style="text-align:justify;">Build các docker image</li><li style="text-align:justify;">Publish các docker image lên repository</li><li style="text-align:justify;">Deploy docker image</li><li style="text-align:justify;">Xây dựng hệ thống log để monitor trong quá trình vận hành</li><li style="text-align:justify;">Mua tên miền và mapping tên miền vào server</li></ul> Ngoài ra, vào những dịp lễ tết, trang web của chúng ta thường chạy các event giảm giá sập sàn, siêu sale, flash sale…dẫn đến việc quá tải. Lúc đó mình lại phải cấm đầu vào cái việc load balancing để chia tải cho hệ thống.Chốt: rất nhiều công việc mà anh em Dev phải chạy bằng cơm.Vậy thông qua ví dụ trên, mình sẽ liệt kê ra các tính năng hữu ích của AWS cho các bạn.<h3 style="text-align:justify;">Tính Tiện Dụng</h3>AWS là một web service, là một dạng của SaaS do đó chỉ cần trong điều kiện có kết nối đến internet là chúng ta có thể truy cập và sử dụng mọi lúc, mọi nơi.Ngoài ra, cá nhân mình cảm thấy giao diện của AWS được thiết kế gọn gàng, trực quan, tạo cho người dùng cảm giác thân thiện, dễ sử dụng<figure class="image"><img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-o6bIfFXJ5P6nJBnndHOmFOr6IQ4sHMK1fC4AeMsZ.png"></figure>Quay lại với ví dụ trên, việc lập trình các tính năm của trang web thì chủ yếu liên quan đến nhánh lập trình bạn có thể sử dụng các ngôn ngữ như: <a href="https://www.facebook.com/SaigonTechnology.HCM.Careers">Java, .Net, Python</a>…Nên mình sẽ không bàn về nó tại thời điểm này.  Mình chuyển sang bước tiếp theo là xây dựng CSDL. Giả sử rằng mình chọn PostgreSQL làm CSDL cho trang web. Vậy theo cách thông thường mình phải setup PostgreSQL vào máy rồi sau đó tạo một connection từ application đến CSDL. Giờ đây với tính năng Relational Database Service (RDS) của AWS mình có thể skip qua việc setting up PostgreSQL. Chỉ một vài cái click chuột mình đã có thể tạo một hệ quản trị CSDL PostgreSQL riêng cho mình. Ngoài ra RDS còn support cả: SQL-Server, MySQL, MariaDB, Oracle <figure class="image"><img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-ciEOv3BzNeATVh4G0rIpQk6mqPFvBcRpp2fnzWf5.png"></figure>Free source: <a href="https://scandiplan.dk/en/aws-rds-snowflake">https://scandiplan.dk/en/aws-rds-snowflake</a> Nhưng nếu mình muốn sử dụng Nosql thì sao? Yên tâm bạn có thể sử dụng DynamoDB từ AWS nhé. Tiếp theo là việc build server tạo môi trường cho việc kiểm thử và vận hành trang web của mình. AWS hỗ trợ rất tốt các hệ điều hành Linux, do đó việc tạo và maintain một máy chủ trên AWS có thể được thực hiện thông qua Elastic Compute Cloud (EC2). Với EC2 bạn có thể xây dựng một máy chủ với hệ điều hành mà bạn mong muốn: Fedora, Ubuntu, Window Server, AWS Linux…<figure class="image"><img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-uOMEYXqBcGLWobdTRJJ1RH8vhaxuOEExzZ4McM0C.png"></figure>Free source: <a href="https://docs.aws.amazon.com/images/AWSEC2/latest/UserGuide/images/overview_getting_started.png">https://docs.aws.amazon.com</a>Ngoài ra những năm gần đây với sự phát triển và phổ biến của Docker thì AWS cũng ra đời Elastic Container Registry (ERC) hỗ trợ cho việc host các docker image.AWS Code Build, Code Pipeline hỗ trợ rất tốt trong việc build và deploy ứng dụng.<figure class="image"><img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-cvdfpnfDPGlXTnCBiGjEXqRsmRMqKigBruY39Krc.png"></figure>Free source: <a href="https://skdevops.files.wordpress.com/2022/03/62.image-1.png?w=656&amp;h=300&amp;crop=1">https://skdevops.files.wordpress.com</a> Trên trang web của chúng ta không thể nào thiếu các hình ảnh liên quan đến sản phẩm, hình ảnh đại diện của user…thay vì mình lưu những file hình đó vào CSDL hoặc lưu trực tiếp vào ổ đĩa thì mình có thể tận dụng Simple Storage Service (S3). Một service của AWS hỗ trợ việc lưu trữ và transfer file khá tốt.Như mình có đề cập trong ví dụ là cần một domain name gắn vào server. Ví dụ mình cần một tên miền: <a href="https://www.facebook.com/SaigonTechnology.HCM.Careers">saigontechnology-career.com</a> Vậy thì mình có thể đăng ký tên miền này thông qua AWS Route53. Chi phí thì tùy vào tên miền mình chọn, trung bình khoản 15$/năm. Việc cấu hình tên miền cũng được thực hiện dễ dàng thông qua AWS Web Console.<h3 style="text-align:justify;">Khả Năng Mở Rộng</h3>Khả năng mở rộng cũng chính là một điểm mạnh khi sử dụng Cloud nói chung và AWS nói riêng. Thử hình dung xem, một ngày nào đó lượng dữ liệu mà mình phải chứa trong csdl lên đến hàng TB/ngày thì anh em Dev mình phải cuốn cuồng xử lý. Dĩ nhiên, điều này dẫn đến rất nhiều vấn đề tuy nhiên mình chỉ đề cập ở khía cạnh dung lượng lưu trữ. Hoặc trong các event flash sale, lượng người truy cập quá lớn, lúc đó có thể gây quá tải trên hệ thống. Hoặc đơn giản là mình cần nâng cấp RAM cho máy chủ.Tất cả những vấn đề trên, nếu mình tự build một server vật lý thì anh em Dev phải rất vất vả đi xử lý tuy nhiên mình hoàn toàn có thể được giải quyết nhanh gọn bằng các service của AWS. <h3 style="text-align:justify;">Tính Bảo Mật Cao</h3>Không chỉ riêng về AWS, bảo mật là tính năng cần thiết hàng đầu đối với tất cả các ứng dụng, đặc biệt là các ứng dụng về Cloud. Và AWS đã đạt được các chứng nhận về việc tuân thủ khung đảm bảo quyền riêng tư.<ul><li style="text-align:justify;">ISO 27017 về bảo mật đám mây.</li><li style="text-align:justify;">ISO 27701 về quản lý thông tin quyền riêng tư.</li><li style="text-align:justify;">ISO 27018 về bảo vệ thông tin cá nhân trên đám mây.</li></ul>Nãy giờ mình cũng chém gió về điểm mạnh, giờ mình xin phép chia sẻ một vài cái mình  cảm thấy hạn chế khi sử dụng AWS. <h2 style="text-align:justify;">3. Hạn Chế Của AWS</h2><h3 style="text-align:justify;">Chi Phí</h3>Đầu tiên mình muốn đề cập là vấn đề chi phí. AWS là một dạng Cloud Services do đó nó không chỉ tính chi phí trên nguồn tài nguyên mình sử dụng mà nó còn tính cả chi phí về thời gian lưu trữ. Do đó, có những lúc chi phí phát sinh rất cao mà mình không thể kiểm soát được. AWS có cung cấp tính năng gửi notification khi chi phí vượt quá mức giới hạn cho phép. Tuy nhiên nó chỉ là notification bạn nhé. Vì vậy, trong quá trình sử dụng, các bạn nên chú ý và tắt đi những service thật sự không cần thiết.<h3 style="text-align:justify;">Internet</h3>Là một cloud services nên mình chỉ có thể sử dụng AWS ở những địa điểm có kết nối internet. AWS không hỗ trợ offline nên anh em chú ý nhé.<h3 style="text-align:justify;">Thiếu Chuyên Gia</h3>AWS có cơ sở hạ tầng vô cùng phức tạp, nó cung cấp hàng trăm service trãi dài hầu hết nhiều lĩnh vực. Do đó, còn khá ít các chuyên gia có kỹ năng về AWS. Vì vậy, một tổ chức hay cá nhân muốn phát triển AWS thì đây là một điểm bất lợi khá lớn.Mình xin phép kết thúc bài viết tại đây. Hy vọng nhận được nhiều đóng góp của mọi người để cộng đồng lập trình ngày càng phát triển và đặc biệt để những bài viết sau được tốt hơn. </body></html>

Bài viết nhằm hướng dẫn cho anh em lập trình viên nhà mình có một cái nhìn tổng quan nhất về Amazon Web Service (AWS) chẳng hạn như: AWS là gì? Có gì trong AWS? Lợi ích của AWS? Nên tìm hiểu AWS từ đâu.
Qua bài viết hy vọng có thể support được mọi người có thêm kiến thức về AWS.
OK Let’s Go.

Duy Le