<html><body><h2>1. Introduction</h2><h3>What is Supabase</h3>Supabase is an open source founded in 2020 by Paul Copplestone and Jonathan Thornton. It provides developers with a set of tools to help them easily build web and mobile applications by handling common functionality like user management, data storage, and file hosting.Supabase manages all of the infrastructure and databases required so developers can focus on just building their applications. Some of the key features Supabase offers include user authentications, real-time synchronization, auto-generated APIs, dashboard and storage. Since it is open source, Supabase gives developers more transparency and control compared to other proprietary backend-as-a-service options. In just a couple years, Supabase has gained significant traction with developers who want a powerful but simplified way to create modern applications<h2>2. Features</h2><h3>Database</h3>Supabase database is built on top of PostgreSQL. It is an open source RDBMS which offers a reliable and scalable solution for various scenarios either small projects or enterprise applications. The database seamlessly integrates with Supabase’s authentication, storage and real-time services that will help developers to build a full-stack application more efficiently and quickly. Moreover, it provides powerful tools as web-bases like SQL editor, migrations, and APIs combine with built-in row-level security for data privacy and integrity without any extra configuration.<h3>Storage</h3>The Supabase storage service is built on Amazon S3, ensuring data redundancy, durability and automatic backups. The storage service offers a variety of authentication and authorization such as access control, row-level security policies, signed URLs for secure file access. It also supports real-time updates and notifications for file related events that will enhance the user experience.<h3>Authentication</h3>Supabase provides a comprehensive and flexible authentication system that will be tight with other services such as database or storage. It provides various authentication providers such as email/ password, 3rd parties providers (Google, Facebook…) and custom providers.The authentication allows easy association of user data with database records by implementing access control or row-level authentication. It offers built-in support for user management, password reset flows and email verification. Multi-factor is also provided by Supabase which is very flexible for developers to control their application access control flows.<h3>Realtime</h3>With PostgreSQL’s replication and streaming capabilities, real-time service immediately propagates database changes to connected clients for up-to-date data. It supports real-time subscriptions, allowing developers to define specific data for clients to subscribe to and receive automatic updates.<h3>Functions</h3>Developers can write Edge functions by Javascript or Typescript to manipulate content ( image optimization, compression, server-side rendering), caching strategies, security layers and many more use-cases. They offer user-friendly tooling for management, dashboard for monitoring, version control and much more.<h2>3. Pros &amp; Cons</h2>Supabase, as an open-source platform for building modern applications, offers a range of benefits and advantages, but it also comes with some potential drawbacks and considerations. Here are some pros and cons of using Supabase:<h3>Pros</h3><ul><li>Open-Source: Supabase is an open-source stage, which suggests that engineers can get to and adjust the source code as per their necessities. This advances straightforwardness, customization, and community-driven improvement.</li><li>Coordinates Administrations: Supabase gives a suite of firmly coordinated administrations, counting a database, verification, capacity, and real-time highlights. This integration rearranges advancement and diminishes the requirement for overseeing different third-party administrators.</li><li>Versatility: Supabase is built on the beat of battle-tested advances like PostgreSQL and Amazon S3, which are known for their adaptability and execution. This guarantees that applications built on Supabase can handle expanding workloads and activity without compromising execution.</li><li>Ease of Utilize: Supabase offers a user-friendly interface and tooling, making it simpler for designers to oversee and convey their applications, databases, and administrations.</li><li>Community Bolster: As an open-source extension, Supabase benefits from a dynamic and developing community of engineers who contribute to its advancement, give bolster, and share assets.</li></ul><h3>Cons</h3><ul><li>Seller Lock-in: Whereas Supabase is open-source, it depends intensely on exclusive administrations from Amazon Web Administrations (AWS), such as Amazon S3 and AWS Lambda. This could lead to potential merchant lock-in and expanded costs as the application scales.</li><li>Constrained Customization: In spite of being open-source, customizing and altering certain center components of Supabase may be challenging, particularly for less experienced engineers or those new with the fundamental advances.</li><li>Security Contemplations: As with any application that handles delicate information, engineers must be careful around executing legitimate security measures and taking after best hones when utilizing Supabase to guarantee information protection and security.</li><li>Learning Bend: Whereas Supabase points to simplify advancement, designers may still ought to familiarize themselves with the basic innovations and ideas, such as PostgreSQL, Amazon S3, and serverless capacities, which can have a learning bend</li><li>Dependency on Third-Party Services: Indeed in spite of the fact that Supabase gives a coordinated suite of administrations, it still depends on third-party administrators like AWS, which implies that any blackouts or issues with those administrations can possibly affect applications built on Supabase.</li></ul><h2>4. How to build an app with Supabase</h2><h3>Introduce what we are going to build</h3>Let's build a simple Todo app using React Native and Supabase! This will be a greatopportunity to learn how to integrate Supabase with a React Native application and leverage its various services, such as the database, authentication, and real-time features.Here's an overview of what we'll be doing:<ul><li>Set up the React Native project: We'll start by creating a new React Native project and installing the required dependencies, including the Supabase client library.</li><li>Configure Supabase: We'll set up a new Supabase project and configure our React Native app to connect to the Supabase services.</li><li>Implement authentication: We'll integrate Supabase's authentication service into our app, allowing users to sign up, log in, and log out.</li><li>Create the Todo list: We'll use Supabase's database to store and retrieve todo items for each authenticated user.</li><li>User interface: We'll build a simple user interface using React Native components to display the Todo list, add new items, and mark items as complete.</li><li>Throughout the process, we'll explore various Supabase features and learn how to integrate them seamlessly with our React Native application. By the end of this project, you'll have a solid understanding of how to build a full-stack application using React Native and Supabase.</li></ul>Are you ready to get started? Let's begin by setting up the React Native project!<h3>Init Expo project</h3>Step 1: Create your first Supabase account &amp; projectAfter login your Supabase account successfully, please head to <a href="https://supabase.com/dashboard/projects">https://supabase.com/dashboard/projects</a> for creating your first project<img class="image_resized" style="width:83.84%;" src="https://api.careers.saigontechnology.com/storage/ck-editor/unnamed%20(16)-sExyEjxRmZNVeY4eRmbODv5WFYNBjMj5us1h1omq.webp"> Step 2: Init you code base projectUnset        &gt; npx create-expo-app todo-techblog       &gt; cd todo-techblog       &gt; npx expo install @supabase/supabase-js @react-native-async-storage/async-storage react-native-url-polyfill react-native-elements rneui/themed rneui/baseStep 3: Create new src/utils/supabase.js file as image below and copy the codeJavascript       import 'react-native-url-polyfill/auto';       import AsyncStorage from '@react-native-async-storage/async-storage';       import { createClient } from '@supabase/supabase-js';        const supabaseUrl = YOUR_REACT_NATIVE_SUPABASE_URL;       const supabaseAnonKey = YOUR_REACT_NATIVE_SUPABASE_ANON_KEY;        export const supabase = createClient(supabaseUrl, supabaseAnonKey, {            auth: {                  storage: AsyncStorage,                  autoRefreshToken: true,                  persistSession: true,                  detectSessionInUrl: false,              },            });There are few information that you need to change to your own project details<ul><li>YOUR_REACT_NATIVE_SUPABASE_URL</li><li>YOUR_REACT_NATIVE_SUPABASE_ANON_KEY</li></ul>You can find these pieces of information in your project’s dashboard:<figure class="image image_resized" style="width:88.01%;"><img src="https://api.careers.saigontechnology.com/storage/ck-editor/unnamed%20(17)-bIPVThIRTemdz6RlhdyouLMtxf8cG3dBoC1VWD0b.webp"></figure><h3>Authentication</h3>Step 1: Setup your app’s authentication flow//App.jsimport 'react-native-url-polyfill/auto'import { useState, useEffect } from 'react'import { supabase } from './lib/supabase'import Auth from './components/Auth'import Account from './components/Account'import { View } from 'react-native'import { Session } from '@supabase/supabase-js' export default function App() {  const [session, setSession] = useState&lt;Session | null&gt;(null)   useEffect(() =&gt; {    supabase.auth.getSession().then(({ data: { session } }) =&gt; {      setSession(session)    })     supabase.auth.onAuthStateChange((_event, session) =&gt; {      setSession(session)    })  }, [])   return (    &lt;View&gt;      {session &amp;&amp; session.user ? &lt;Account key={session.user.id} session={session} /&gt; : &lt;Auth /&gt;}    &lt;/View&gt;  )}<h3>Create new table in Supabase</h3><figure class="image image_resized" style="width:86.93%;"><img src="https://api.careers.saigontechnology.com/storage/ck-editor/unnamed%20(18)-wxMFwFxWNqbhX9kr9A8XL6uK1wn5eSLjwy9UdKWG.webp"></figure><h3>C.R.U.D operations with Database</h3>Now we create a new src/page/TodoPage.js import React, { useEffect, useState } from 'react';import { View, Text, TextInput, FlatList, Sheet, TouchableOpacity } from 'react-native';import { supabase } from '../utils/supabase'import { CheckBox } from '@rneui/themed'; const TodoPage = () =&gt; {  const [todos, setTodos] = useState([]);  const [newTodo, setNewTodo] = useState('');   useEffect(() =&gt; {    fetchTodos();  }, []);   const fetchTodos = async () =&gt; {    await supabase      .from('todo')      .select('*')      .eq('user_id', (await supabase.auth.getSession()).data.session.user.id)      .then((response) =&gt; {        setTodos(response.data ?? []);      })      .order('is_compeleted', { ascending: false });  } //add a new todo to Supabase  const addTodo = async () =&gt; {    await supabase      .from('todo')      .insert([{        text: newTodo,        user_id: (await supabase.auth.getSession()).data.session.user.id,      }])      .then((response) =&gt; {        fetchTodos();      });     setNewTodo('');  } //delete a todo from Supabase  const removeTodo = async (id) =&gt; {    await supabase      .from('todo')      .delete()      .eq('id', id)      .eq('user_id', (await supabase.auth.getSession()).data.session.user.id)      .then((response) =&gt; {        fetchTodos();      });  } //complete a todo from Supabase  const completeTodo = async (id, checked) =&gt; {    await supabase      .from('todo')      .update([{        is_completed: !checked,      }])      .eq('id', id)      .eq('user_id', (await supabase.auth.getSession()).data.session.user.id)      .then((response) =&gt; {        fetchTodos();      });  }   return (    &lt;View ={s.container}&gt;      &lt;Text ={s.heading}&gt;Todo App&lt;/Text&gt;      &lt;View ={s.inputContainer}&gt;        &lt;TextInput          ={s.input}          placeholder="Enter a new todo"          value={newTodo}          onChangeText={(text) =&gt; setNewTodo(text)}        /&gt;        &lt;TouchableOpacity ={s.addButton} onPress={addTodo}&gt;          &lt;Text ={s.addButtonText}&gt;Add&lt;/Text&gt;        &lt;/TouchableOpacity&gt;      &lt;/View&gt;      &lt;FlatList        data={todos}        keyExtractor={(item) =&gt; item.id.toString()}        renderItem={({ item }) =&gt; (          &lt;View ={s.todoItem}&gt;            &lt;CheckBox              checked={item.is_completed}              onPress={() =&gt; completeTodo(item.id, item.is_completed)}            /&gt;            &lt;Text ={s.todoText}&gt;{item.text}&lt;/Text&gt;            &lt;TouchableOpacity onPress={() =&gt; removeTodo(item.id)}&gt;              &lt;Text ={s.deleteButton}&gt;Delete&lt;/Text&gt;            &lt;/TouchableOpacity&gt;          &lt;/View&gt;        )}      /&gt;    &lt;/View&gt;  );}; const s = Sheet.create({  container: {    marginTop: 40,    padding: 16,    backgroundColor: '#fff',  },  heading: {    fontSize: 24,    fontWeight: 'bold',    marginBottom: 16,  },  inputContainer: {    flexDirection: 'row',    alignItems: 'center',    marginBottom: 16,  },  input: {    flex: 1,    borderWidth: 1,    borderColor: '#ccc',    borderRadius: 4,    padding: 8,    marginRight: 8,  },  addButton: {    backgroundColor: '#007AFF',    paddingHorizontal: 16,    paddingVertical: 8,    borderRadius: 4,  },  addButtonText: {    color: '#fff',    fontWeight: 'bold',  },  todoItem: {    flexDirection: 'row',    alignItems: 'center',    marginBottom: 8,    padding: 8,    backgroundColor: '#f2f2f2',    borderRadius: 4,  },  todoText: {    flex: 1,  },  delete button: {    color: 'red',    fontWeight: 'bold',  },}); export default TodoPage;<h2>5. Conclusion</h2>Supabase is an open-source platform that provides a suite of backend tools and services for building modern applications. It aims to simplify and accelerate the development process by offering a tightly integrated set of features, including:<ul><li>Database: Supabase provides a robust database solution built on top of PostgreSQL, a popular and feature-rich open-source relational database management system (RDBMS).</li><li>Authentication: Supabase offers a comprehensive authentication system that supports various authentication providers, such as email/password, third-party providers (e.g., Google, GitHub), and custom providers. It seamlessly integrates with the database and row-level security policies.</li><li>Storage: Supabase provides a scalable and secure storage solution built on top of Amazon S3, allowing developers to manage file uploads, downloads, and access control with ease.</li><li>Real-time: Supabase includes a powerful real-time service that enables real-time data synchronization and updates between clients and the server, enabling responsive and engaging applications.</li><li>Edge Functions: Supabase offers serverless edge functions that run closer to the user, enabling faster response times and improved performance for web applications.</li><li>Integration: Supabase seamlessly integrates its various services, allowing developers to build full-stack applications with minimal setup and configuration.</li><li>Open-Source: Supabase is an open-source platform, promoting transparency, customization, and community-driven development.</li></ul><ol><li>References</li></ol><ul><li><a href="https://supabase.com/">https://supabase.com/</a></li><li><a href="https://docs.expo.dev/guides/using-supabase/">https://docs.expo.dev/guides/using-supabase/</a></li></ul><ol start="2"><li>Source code</li></ol><ul><li><a href="https://github.com/minhphansts/supabase-todo-app">https://github.com/minhphansts/supabase-todo-app</a></li></ul></body></html>

This article will help you understand what Supabase is and how you can achieve it to build your application more robustly and efficiently by exploring it and creating a Todo app.

Supabase: Build an ready to published TODO app in just 30 minutes

<html><body><h2>1. Introduction </h2>In this article, I will guide you on how to build a simple UI with MAUI, including transition and mapping data. We will make a TODO app, which needs authentication, and then the main application where you can create/ edit, or mark the Todo task.The below mockup image will give you some hints about how the UI will look like<img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-2fmIh4j7HwIeglTJ5uZnttqzbjayDvLsx64LN7O8.png" alt="Figure 1. TODO app’s UI Mockup">Figure 1. TODO app’s UI Mockup<h2>2. Screens</h2><h3>Sign In</h3>In the first screen, we will use the VerticalStackLayout to stack components vertically from top to bottom. We will use 2 Entry controls for Email and Password, and 3 buttons for Sign In, Register and Forget password.The Application’s title and “Forget Password” buttons will stick to the top and bottom respectively. The rest of the UI will stay in the middle when the height is increasing or narrowing.Let’s create a new ContentPage and name it “SignIn” in the folder “Pages” as in the image shown below:<img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-cvoGEu1LXiXwnKjx7VnZsSBtB33vwMXPn0ObrKuZ.png">Figure 2. Sign In page’s contentWe modify the AppShell.xaml a little to make the application start from the page we created recently:<img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-GYSfKrn3UdiLTaFOs3EPsEPQ32eyARlEvSuHiN1r.png">Figure 3. AppShell’s contentTo achieve the requirements stated above. We need to use StackLayout and divide the UI into 3 sections separately: Top, Middle, and Bottom<img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-EI3FOI65lJGa1WpbTpo94Y6OyejXKhURnhpt1tvW.png">Figure 4. Sign In page’s structureNow, we add the Label control to the TOP section<img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-ui1Z8G8OsuvWfNAFd4jxAfh40X27tvh5zejuJBJ9.png">Figure 5. Sign In page’s top sectionFor Email and Password inputs, we use Entry control to draw it in UI. Entry has a property named IsPassword, if we set it to True, the UI will hide what the user typed in as usual.<img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-NWyA0c5at5djLLqmvdlKDjKhqym6CNTAewFKpoUY.png">Figure 6. Entry code examplesFor buttons, we use Button controls to achieve the click event. The event will be explained more clearly later in this article<img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-yiiVTjc76gPg5Uqrko0gEkTc69xlATcYHRFW0dye.png">Figure 7. Button code examplesThe final result will look like this::<img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-ZrflQrTk3HxpNfpzXYtpPkBXQVBmgFw1n47zgLuC.png">Figure 8. The final result of Sign In page<img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-vGdPD4wphh02tL7P6tD2XiFqHXjfRvXVVvEeWj19.png">Figure 9. The code behind it looks like thisLet's continue by adding some logic to the “Sign In” button. For example, we will display an alert if the user is not type in the Email or Password field; otherwise, we will navigate to the MainPage<img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-3AqWjqFaAdOBS5Zb4ypvP0tqbu6sIhTTaFAS3GbU.png">Figure 10. The code to achieve the logic above<img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-CFWbeS8BeHWspBAxSNsFNCmTE37wL0SZLOM0nQDH.png">Figure 11. The alert will pop up if Email or Password is empty<img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-yix10WlplIlXYBd1hOGcnkJcLZ6so6SzbEk7AsLI.png">Figure 12. Otherwise, it will navigate to the MainPage<h3>Register &amp; Forget Password</h3>Let's try to create 2 other pages and name them Register and Forgot Password respectively. Play with it by adding more controls. This article will only use them for navigation purposes<img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-WvPDKdMoiDF1WblYrcteS9eM3wyIYw071DftvNzB.png">Figure 13. The Register page<img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-DG5DtkVlPo9hygDEWmGSDU4xy4TU9FGCBkm3C2IU.png">Figure 14. The Forgot Password page<h3>Main Page</h3>This is the main page of our application, where we will display the list of TODO. For demo purposes, we will add a button to simulate the add event to the list.This page utilizes the CollectionView to present a list of items. The appearance of each item is specified through the CollectionView.ItemTemplate. To enable scrolling in case the list is extensive, we enclose the entire content within a ScrollView.<img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-ck1g9V875zPON288wsI9sXJt4rPXjA95eYHd0Uxy.png">Figure 15. The final code example of MainPageThe result:<img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-IYzm4cKm6ykHbhQq8TtElfciyLyXeVgEYXb3sDTY.png">Figure 16. The final result of MainPage<h2>3. Navigation</h2>There are multiple ways to handle navigation in the MAUI app. For example: <ul><li>NavigationPage</li><li>Shell</li><li>TabbedPage</li><li>CarouselPage</li><li>Modal Navigation or URI-based navigation.   </li></ul>This article will show you how to use 3 common navigation<h3>NavigationPage: </h3>NavigationPage is a built-in navigation container that manages a stack of pages. You can push new pages onto the stack and pop them off to go back. It provides a navigation bar with a back button by default.<img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-zmp4LRQtnyCJVRQFYrD0miKnSDQuWA1T11HdcHun.png">Figure 17. Example code of NavigationPage<img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-EmhyLFNrd60j9NgUDlxImpW2von4NFMSxIbpIhAI.png">Figure 18. Example code of how to navigate to another page<h3>Shell</h3>Shell is a higher-level navigation container that offers a simplified and declarative way to define your application's navigation structure. It allows you to define routes, handle navigation events, and easily customize the appearance of your app's navigation.<img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-LHQagj6HIujXCckDHL0EbNT9wBNypMic0QRfoQb0.png">Figure 19. Example code of AppShell<img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-nltJvihyO98b8jY2FW0ffyDt0FLpyXQYE8bwysZn.png">Figure 20. Example code of how to register a route<img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-UgApGTQKMm6VWUXDbwp61rDkfxuPJkQP7Audd45j.png">Figure 21. Example code of how to navigate to another page by using Shell<h3>URI-based navigation (Based on Shell)</h3>MAUI supports URI-based navigation, where you can define routes and navigate to specific pages by using a URI. This allows for deep linking and handling navigation based on incoming URLs.<img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-UgQ895CZPxiqTXdiBJazlCjz9aeQePx0Rq4eWJUs.png">Figure 22. Example code of navigation with parameters<img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-mSKDlBz24KBOSScjFCZKzDNy1MkGYi6NGhgFZ7u3.png">Figure 23. Example code of how to access parameters at the destination page<h2>4. Design Pattern - Model-View-ViewModel (MVVM)</h2>MVVM stands for Model-View-ViewModel and is a design pattern commonly used in application development, including in .NET MAUI apps. MVVM provides a structured approach to separating concerns and organizing code in a way that enhances maintainability and testability.In the context of a .NET MAUI app, the MVVM pattern typically involves the following components:Model: The Model represents the data and business logic of the application.<img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-Lj3QaxZKpUM7rgDL6w3UlunXJD6ihOkOlD6YNunF.png">Figure 24. TodoItem model classView: It defined how the application is presented to the user by defining controls, layout, and others<img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-1MI989KmkhlOrrL5rtWHoMVtpbxsU2SE0tZJXhnm.png">Figure 25. View example ViewModel: plays a key role between View and Model. To connect and handle business logic in UI reactions<img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-CMX22B6gWiwnPDzV1cM819A17P7wHdvdL25eMbyj.png">Figure 26. ViewModel exampleIn a .NET MAUI app, you typically use data binding and commands to establish the communication between the View and the ViewModel. The data binding mechanism allows the View to automatically update when the ViewModel's properties change, and commands enable the View to trigger actions in the ViewModel.By adopting the MVVM pattern in a .NET MAUI app, you can achieve a clean separation of concerns, easier testing, and improved code maintainability.</body></html>

This article will help you learn how to create a UI with MAUI layouts and controls. It also gives some tips when developing applications with MAUI

How to build UI with .NET MAUI

<html><body><h2 style="text-align:justify;">1. Introduction</h2>.NET MAUI stands for .NET Multi-platform App UI, which is a cross-platform framework for creating not only native mobile but also desktop apps with C# and XAML. This means that you can develop an application that can run on Android, iOS, macOS, and Windows from a single shared codebase..NET MAUI is open source with an MTI license and is the next generation of Xamarin.Forms. Its UI controls have been rebuilt to improve performance and extensibility. As a result, there are some similarities between .NET MAUI and Xamarin.Forms. The purpose of .NET MAUI is to enable you to implement as much of your app logic and UI layouts in a single codebase as possible..NET MAUI was released on May 23rd, 2022, and will follow the same monthly service schedule as the rest of .NET. It will retain the release schedule every 18 months that .NET developers have grown accustomed to.<h2 style="text-align:justify;">2. .NET MAUI Architecture</h2>From .Net 6, it has provided a series of platform-specific frameworks for creating apps: .NET for Android, for iOS, for MacOS and Windows UI (WinUI 3) libraries. These frameworks share the same .NET 6 Base Class Library (BCL). While BCL allows apps running on different platforms to share common business logic, the developer can define the user interface and models of how the elements of it communicate and interoperate. They can have separate UI for each platform separately, however, this approach requires you to develop and maintain a code base for each individual family of devices.The below diagram shows a high-level of the architecture of a .NET MAUI app:<img src="https://api.careers.saigontechnology.com/storage/ck-editor/image-rRE3uJikie3wsTghk4dKhWyZxAbloHhnw459qkqn.png">Figure 1. .NET MAUI architectureIn a .NET MAUI development, you write code that focuses on interacting with the .NET MAUI API (1). Then the framework directly consumes the native platform APIs (3). Moreover, the app code may directly interact with the platform APIS too, if needed. (2)Despite developing a .NET MAUI App that can be done on both PC and Mac, building apps for iOS and macOS still requires a MAC. Here is how a .NET MAUI app is compiled:<ul><li style="text-align:justify;">Android apps built using .NET MAUI compile from C# into an intermediate language (IL) which is then just-in-time (JIT) compiled to a native assembly when the app launches.</li><li style="text-align:justify;">iOS apps built are fully ahead-of-time (AOT) compiled from C# into native ARM assembly code.</li><li style="text-align:justify;">The app is built for macOS using Mac Catalyst, which brings your iOS built with UIKit to the desktop, and augments it with additional AppKit and platform APIs as required.</li><li style="text-align:justify;">Windows apps use the WinUI 3 library to create native apps that target the Windows desktop platform.</li></ul><h2 style="text-align:justify;">3. .NET MAUI Features</h2><h3 style="text-align:justify;">Modern development tools</h3>Create modern and innovative applications using the latest .Net 6 technology which is updated annually. The development environment supports both Mac and Windows. Another advantage is the large community of developers who are developing and contributing to .Net.<h3 style="text-align:justify;">UI controls for building application interface</h3>Maximize code reuse by not having to rebuild the entire UI for each platform you target. The framework will take care of this for you by applying XAML, built-in controls, and other advanced features. You can also customize controls yourself to be pixel-perfect and take advantage of the community by using third-party UI controls via the NuGet package manager.<h3 style="text-align:justify;">Cross-platform APIs for devices features</h3>You can use common shared APIs or take advantage of native performance by using specific APIs to control device sensors or unique features. For example, you can access MapKit, UIKit, SiriKit, etc., which are only available on iOS and macOS. Or you can use shared APIs across devices such as Battery, Email, Geolocation, Accelerometer…<h3 style="text-align:justify;">Single project</h3>Take advantage of shared resources such as images, fonts, platform-specific features, and business logic in a single codebase. Or you can guide how it compiles for the targeted platform easily.<h3 style="text-align:justify;">Full App Platform</h3>The framework provides Pages, Layouts, and Controls for building UI using C# and XAML. It also includes two-way binding, navigation, state management, animation, dependency service, platform API, theme, and more.<h3 style="text-align:justify;">Blazor hybrid and .NET MAUI</h3>We can combine both technologies to build not only web but also native applications. MAUI will use shared Blazor components or mix between them to build a complete application.<h2 style="text-align:justify;">4. XAML</h2><img src="https://api.careers.saigontechnology.com/storage/ck-editor/image-F5zXEvjeNuc38itSLuhfSU8eihLahKlHRcelGvoy.png">Figure 2. An example of a XAML file’s contentThe XAML stands for eXtensible App Markup Language. It is a declarative and very powerful language for not only defining the UI of the application but also handy for data binding and navigating the app. The XAML will come with a C# code behind the file, both defining the same partial class. We will look at this in the next section<h2 style="text-align:justify;">5. Helloworld Application</h2><h3 style="text-align:justify;">Development environment setup</h3>Prerequisites: <ul><li style="text-align:justify;">.Net 6 or greater</li><li style="text-align:justify;">.NET Multi-platform App UI development package (picture below)</li><li style="text-align:justify;">Visual Studio 2022 or newer</li><li style="text-align:justify;">Android SDK and Simulator(s)</li><li style="text-align:justify;">A Mac computer</li></ul><img src="https://api.careers.saigontechnology.com/storage/ck-editor/image-7cDbXl1iMhrNppZfqcQPAkSNsQeS4OkZz8jUchkL.png">Figure 3. Required .NET Multi-platform App UI Development<h3 style="text-align:justify;">Project structure</h3>Create new project<img src="https://api.careers.saigontechnology.com/storage/ck-editor/image-8NiJAcWgQeCNPo75szevIFezJ3RJ9BQCTBO8uxvl.png">Figure 4. Step 1 - Create new project<img src="https://api.careers.saigontechnology.com/storage/ck-editor/image-ozPMTy5xnbmGOs3HNfbXwI2994x2fD4kWbaRxfia.png">Figure 5. Step 2- filter the MAUI category and select .NET MAUI APP project<img src="https://api.careers.saigontechnology.com/storage/ck-editor/image-YAcB5IKglvwSa2Q4Z1CH3wup42qP9p9aIlSE2OIm.png">Figure 6. Step 3 - Choose your project’s name<img src="https://api.careers.saigontechnology.com/storage/ck-editor/image-dHDksQ2yBCoNyRQdqwkTxs0fzIR0eXxiByS4GHaE.png">Figure 7. Step 4 - Choose your .NET Framework (newest version)<h3 style="text-align:justify;">Structure</h3><img src="https://api.careers.saigontechnology.com/storage/ck-editor/image-WpQ1LsQnnzeWFErvHy2tbYzfTMGAcLdfyoMVsSAz.png">Figure 8. .NET MAUI project structure<ul><li style="text-align:justify;">Dependencies: Multi-targeted platform of the application such as Android, iOS, Windows or Mac</li><li style="text-align:justify;">App.xaml &amp; App.cs: defines application’s resources</li><li style="text-align:justify;">AppShell.xaml &amp; AppShell.cs: a new concept with .NET MAUI. Using to define Shell content. You can use this code behind the file to register routes, define the tabs or fly navigation and much more.</li><li style="text-align:justify;">MainPage.xaml &amp; MainPage.cs: The UI file, where you define how your UI looks like by stacking controls up together such as Button, Label, Input, and also the Event Handle for each control</li><li style="text-align:justify;">MauiProgram.cs: similar to Startup.cs where the application start and the developer can config application such as DI and other stuff </li></ul><h3 style="text-align:justify;">Debug</h3>You have a bunch of options to choose from to debug your application depending on what platform you targeted.iOS.NET MAUI team has worked very hard to bring convenience to your development experience. Despite you will need an Apple Developer Account to publish your application to the App Store. However, MAUI also allows you up to 3 ways to debug your applications as an iOS app.<ul><li style="text-align:justify;">You can debug your app on the iOS simulator directly on your Mac</li><li style="text-align:justify;">Or you can debug your application on the remote simulator by pairing remotely to your Mac from your window machine</li><li style="text-align:justify;">Or you can debug it on your real iPhone, however, you will also require an Apple Developer account to achieve this</li></ul>AndroidVisual Studio 2022 is one of the most powerful IDEs. You don’t need to take care of any Android requirements for you such as Android SDK or Android Simulators creation. You just need a simple click and it is ready to go.<img src="https://api.careers.saigontechnology.com/storage/ck-editor/image-jRXF8Z1HCFjHtge5KxMcqCndLG4WgrOwBvip1YnJ.png">Figure 9. Android device manager screen<img src="https://api.careers.saigontechnology.com/storage/ck-editor/image-KSBLrF5QSEWWo1ptCtcdTDFk3A9Fklhpot6FDzmY.png">Figure 10. Android device’s spec setup<h3 style="text-align:justify;">Window Application</h3>You need to enable your Developer mode on your Windows to be able to debug your application<img src="https://api.careers.saigontechnology.com/storage/ck-editor/image-86m3piOZB2RWCuD6jRP6aXvA7g1kD84H6ZowKPOV.png">Figure 11. Enable Developer Mode to be able to debug your application in Windows<h3 style="text-align:justify;">Features</h3>Hot reloadMAUI support not only the XAML hot reload but also the code behind logic when the file is saved. It means that you can see your change in seconds in your debugging devices without any install 3rd libraryLive previewVisual Studio offers the Live preview feature. This is really cool feature, in which you can see your controller attributes, and if you click on it, it will redirect you to the control in the XAML file, and you can now edit with ease<img src="https://api.careers.saigontechnology.com/storage/ck-editor/image-Vxty7bGC8eYJxFklsGtfXGyr0AVgWdpndvzvLYzm.png">Figure 12. Live preview features<img src="https://api.careers.saigontechnology.com/storage/ck-editor/image-yFkp3auCiSh62quvemWSpzHn3gEg1Xvg8n9hCRqR.png">Figure 13. Live preview inspect controls feature<h2 style="text-align:justify;">6. What’s next?</h2>This chapter gives an idea of what .NET MAUI is and a brief of what is behind the scene. Spend some time playing with it and we will go deeper into controls and UI stuff in the next chapter. See you soon.Source: <a href="https://saigontechnology.com/blog/say-hello-to-net-maui">https://saigontechnology.com/blog/say-hello-to-net-maui</a></body></html>

This series will introduce an overview of .NET MAUI and how you start to develop an application by using .NET MAUI. The first article will briefly cover what .NET MAUI is, how it behaves behind the scene, and some cool features of the framework.

&lt;html&gt;&lt;body&gt;&lt;h2 style=&quot;text-align:justify;&quot;&gt;1. Introduction&lt;/h2&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;.NET MAUI stands for .NET Multi-platform App UI, which is a cross-platform framework for creating not only native mobile but also desktop apps with C# and XAML. This means that you can develop an application that can run on Android, iOS, macOS, and Windows from a single shared codebase.&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;.NET MAUI is open source with an MTI license and is the next generation of Xamarin.Forms. Its UI controls have been rebuilt to improve performance and extensibility. As a result, there are some similarities between .NET MAUI and Xamarin.Forms. The purpose of .NET MAUI is to enable you to implement as much of your app logic and UI layouts in a single codebase as possible.&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;.NET MAUI was released on May 23rd, 2022, and will follow the same monthly service schedule as the rest of .NET. It will retain the release schedule every 18 months that .NET developers have grown accustomed to.&lt;/p&gt;&lt;h2 style=&quot;text-align:justify;&quot;&gt;2. .NET MAUI Architecture&lt;/h2&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;From .Net 6, it has provided a series of platform-specific frameworks for creating apps: .NET for Android, for iOS, for MacOS and Windows UI (WinUI 3) libraries. These frameworks share the same .NET 6 Base Class Library (BCL). While BCL allows apps running on different platforms to share common business logic, the developer can define the user interface and models of how the elements of it communicate and interoperate. They can have separate UI for each platform separately, however, this approach requires you to develop and maintain a code base for each individual family of devices.&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;The below diagram shows a high-level of the architecture of a .NET MAUI app:&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;&lt;img src=&quot;https://api.careers.saigontechnology.com/storage/ck-editor/image-rRE3uJikie3wsTghk4dKhWyZxAbloHhnw459qkqn.png&quot;&gt;&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;&lt;i&gt;Figure 1. .NET MAUI architecture&lt;/i&gt;&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;In a .NET MAUI development, you write code that focuses on interacting with the .NET MAUI API (1). Then the framework directly consumes the native platform APIs (3). Moreover, the app code may directly interact with the platform APIS too, if needed. (2)&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;Despite developing a .NET MAUI App that can be done on both PC and Mac, building apps for iOS and macOS still requires a MAC. Here is how a .NET MAUI app is compiled:&lt;/p&gt;&lt;ul&gt;&lt;li style=&quot;text-align:justify;&quot;&gt;Android apps built using .NET MAUI compile from C# into an intermediate language (IL) which is then just-in-time (JIT) compiled to a native assembly when the app launches.&lt;/li&gt;&lt;li style=&quot;text-align:justify;&quot;&gt;iOS apps built are fully ahead-of-time (AOT) compiled from C# into native ARM assembly code.&lt;/li&gt;&lt;li style=&quot;text-align:justify;&quot;&gt;The app is built for macOS using&nbsp;&lt;strong&gt;Mac Catalyst&lt;/strong&gt;, which brings your iOS built with UIKit to the desktop, and augments it with additional AppKit and platform APIs as required.&lt;/li&gt;&lt;li style=&quot;text-align:justify;&quot;&gt;Windows apps use the WinUI 3 library to create native apps that target the Windows desktop platform.&lt;/li&gt;&lt;/ul&gt;&lt;h2 style=&quot;text-align:justify;&quot;&gt;3. .NET MAUI Features&lt;/h2&gt;&lt;h3 style=&quot;text-align:justify;&quot;&gt;Modern development tools&lt;/h3&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;Create modern and innovative applications using the latest .Net 6 technology which is updated annually. The development environment supports both Mac and Windows. Another advantage is the large community of developers who are developing and contributing to .Net.&lt;/p&gt;&lt;h3 style=&quot;text-align:justify;&quot;&gt;UI controls for building application interface&lt;/h3&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;Maximize code reuse by not having to rebuild the entire UI for each platform you target. The framework will take care of this for you by applying XAML, built-in controls, and other advanced features. You can also customize controls yourself to be pixel-perfect and take advantage of the community by using third-party UI controls via the NuGet package manager.&lt;/p&gt;&lt;h3 style=&quot;text-align:justify;&quot;&gt;Cross-platform APIs for devices features&lt;/h3&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;You can use common shared APIs or take advantage of native performance by using specific APIs to control device sensors or unique features. For example, you can access MapKit, UIKit, SiriKit, etc., which are only available on iOS and macOS. Or you can use shared APIs across devices such as Battery, Email, Geolocation, Accelerometer&hellip;&lt;/p&gt;&lt;h3 style=&quot;text-align:justify;&quot;&gt;Single project&lt;/h3&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;Take advantage of shared resources such as images, fonts, platform-specific features, and business logic in a single codebase. Or you can guide how it compiles for the targeted platform easily.&lt;/p&gt;&lt;h3 style=&quot;text-align:justify;&quot;&gt;Full App Platform&lt;/h3&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;The framework provides Pages, Layouts, and Controls for building UI using C# and XAML. It also includes two-way binding, navigation, state management, animation, dependency service, platform API, theme, and more.&lt;/p&gt;&lt;h3 style=&quot;text-align:justify;&quot;&gt;Blazor hybrid and .NET MAUI&lt;/h3&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;We can combine both technologies to build not only web but also native applications. MAUI will use shared Blazor components or mix between them to build a complete application.&lt;/p&gt;&lt;h2 style=&quot;text-align:justify;&quot;&gt;4. XAML&lt;/h2&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;&lt;img src=&quot;https://api.careers.saigontechnology.com/storage/ck-editor/image-F5zXEvjeNuc38itSLuhfSU8eihLahKlHRcelGvoy.png&quot;&gt;&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;&lt;i&gt;Figure 2. An example of a XAML file&rsquo;s content&lt;/i&gt;&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;The XAML stands for eXtensible App Markup Language. It is a declarative and very powerful language for not only defining the UI of the application but also handy for data binding and navigating the app. The XAML will come with a C# code behind the file, both defining the same partial class. We will look at this in the next section&lt;/p&gt;&lt;h2 style=&quot;text-align:justify;&quot;&gt;5. Helloworld Application&lt;/h2&gt;&lt;h3 style=&quot;text-align:justify;&quot;&gt;Development environment setup&lt;/h3&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;Prerequisites:&nbsp;&lt;/p&gt;&lt;ul&gt;&lt;li style=&quot;text-align:justify;&quot;&gt;.Net 6 or greater&lt;/li&gt;&lt;li style=&quot;text-align:justify;&quot;&gt;.NET Multi-platform App UI development package (picture below)&lt;/li&gt;&lt;li style=&quot;text-align:justify;&quot;&gt;Visual Studio 2022 or newer&lt;/li&gt;&lt;li style=&quot;text-align:justify;&quot;&gt;Android SDK and Simulator(s)&lt;/li&gt;&lt;li style=&quot;text-align:justify;&quot;&gt;A Mac computer&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;&lt;img src=&quot;https://api.careers.saigontechnology.com/storage/ck-editor/image-7cDbXl1iMhrNppZfqcQPAkSNsQeS4OkZz8jUchkL.png&quot;&gt;&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;&lt;i&gt;Figure 3. Required .NET Multi-platform App UI Development&lt;/i&gt;&lt;/p&gt;&lt;h3 style=&quot;text-align:justify;&quot;&gt;Project structure&lt;/h3&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;Create new project&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;&lt;img src=&quot;https://api.careers.saigontechnology.com/storage/ck-editor/image-8NiJAcWgQeCNPo75szevIFezJ3RJ9BQCTBO8uxvl.png&quot;&gt;&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;&lt;i&gt;Figure 4. Step 1 - Create new project&lt;/i&gt;&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;&lt;img src=&quot;https://api.careers.saigontechnology.com/storage/ck-editor/image-ozPMTy5xnbmGOs3HNfbXwI2994x2fD4kWbaRxfia.png&quot;&gt;&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;&lt;i&gt;Figure 5. Step 2- filter the MAUI category and select .NET MAUI APP project&lt;/i&gt;&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;&lt;img src=&quot;https://api.careers.saigontechnology.com/storage/ck-editor/image-YAcB5IKglvwSa2Q4Z1CH3wup42qP9p9aIlSE2OIm.png&quot;&gt;&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;&lt;i&gt;Figure 6. Step 3 - Choose your project&rsquo;s name&lt;/i&gt;&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;&lt;img src=&quot;https://api.careers.saigontechnology.com/storage/ck-editor/image-dHDksQ2yBCoNyRQdqwkTxs0fzIR0eXxiByS4GHaE.png&quot;&gt;&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;&lt;i&gt;Figure 7. Step 4 - Choose your .NET Framework (newest version)&lt;/i&gt;&lt;/p&gt;&lt;h3 style=&quot;text-align:justify;&quot;&gt;Structure&lt;/h3&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;&lt;img src=&quot;https://api.careers.saigontechnology.com/storage/ck-editor/image-WpQ1LsQnnzeWFErvHy2tbYzfTMGAcLdfyoMVsSAz.png&quot;&gt;&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;&lt;i&gt;Figure 8. .NET MAUI project structure&lt;/i&gt;&lt;/p&gt;&lt;ul&gt;&lt;li style=&quot;text-align:justify;&quot;&gt;&lt;strong&gt;Dependencies:&lt;/strong&gt; Multi-targeted platform of the application such as Android, iOS, Windows or Mac&lt;/li&gt;&lt;li style=&quot;text-align:justify;&quot;&gt;&lt;strong&gt;App.xaml &amp;amp; App.cs:&lt;/strong&gt; defines application&rsquo;s resources&lt;/li&gt;&lt;li style=&quot;text-align:justify;&quot;&gt;&lt;strong&gt;AppShell.xaml &amp;amp; AppShell.cs:&lt;/strong&gt; a new concept with .NET MAUI. Using to define Shell content. You can use this code behind the file to register routes, define the tabs or fly navigation and much more.&lt;/li&gt;&lt;li style=&quot;text-align:justify;&quot;&gt;&lt;strong&gt;MainPage.xaml &amp;amp; MainPage.cs:&lt;/strong&gt; The UI file, where you define how your UI looks like by stacking controls up together such as Button, Label, Input, and also the Event Handle for each control&lt;/li&gt;&lt;li style=&quot;text-align:justify;&quot;&gt;&lt;strong&gt;MauiProgram.cs:&lt;/strong&gt; similar to Startup.cs where the application start and the developer can config application such as DI and other stuff&nbsp;&lt;/li&gt;&lt;/ul&gt;&lt;h3 style=&quot;text-align:justify;&quot;&gt;Debug&lt;/h3&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;You have a bunch of options to choose from to debug your application depending on what platform you targeted.&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;iOS&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;.NET MAUI team has worked very hard to bring convenience to your development experience. Despite you will need an Apple Developer Account to publish your application to the App Store. However, MAUI also allows you up to 3 ways to debug your applications as an iOS app.&lt;/p&gt;&lt;ul&gt;&lt;li style=&quot;text-align:justify;&quot;&gt;You can debug your app on the iOS simulator directly on your Mac&lt;/li&gt;&lt;li style=&quot;text-align:justify;&quot;&gt;Or you can debug your application on the remote simulator by pairing remotely to your Mac from your window machine&lt;/li&gt;&lt;li style=&quot;text-align:justify;&quot;&gt;Or you can debug it on your real iPhone, however, you will also require an Apple Developer account to achieve this&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;Android&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;Visual Studio 2022 is one of the most powerful IDEs. You don&rsquo;t need to take care of any Android requirements for you such as Android SDK or Android Simulators creation. You just need a simple click and it is ready to go.&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;&lt;img src=&quot;https://api.careers.saigontechnology.com/storage/ck-editor/image-jRXF8Z1HCFjHtge5KxMcqCndLG4WgrOwBvip1YnJ.png&quot;&gt;&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;&lt;i&gt;Figure 9. Android device manager screen&lt;/i&gt;&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;&lt;img src=&quot;https://api.careers.saigontechnology.com/storage/ck-editor/image-KSBLrF5QSEWWo1ptCtcdTDFk3A9Fklhpot6FDzmY.png&quot;&gt;&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;&lt;i&gt;Figure 10. Android device&rsquo;s spec setup&lt;/i&gt;&lt;/p&gt;&lt;h3 style=&quot;text-align:justify;&quot;&gt;Window Application&lt;/h3&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;You need to enable your Developer mode on your Windows to be able to debug your application&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;&lt;img src=&quot;https://api.careers.saigontechnology.com/storage/ck-editor/image-86m3piOZB2RWCuD6jRP6aXvA7g1kD84H6ZowKPOV.png&quot;&gt;&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;&lt;i&gt;Figure 11. Enable Developer Mode to be able to debug your application in Windows&lt;/i&gt;&lt;/p&gt;&lt;h3 style=&quot;text-align:justify;&quot;&gt;Features&lt;/h3&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;Hot reload&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;MAUI support not only the XAML hot reload but also the code behind logic when the file is saved. It means that you can see your change in seconds in your debugging devices without any install 3rd library&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;Live preview&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;Visual Studio offers the Live preview feature. This is really cool feature, in which you can see your controller attributes, and if you click on it, it will redirect you to the control in the XAML file, and you can now edit with ease&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;&lt;img src=&quot;https://api.careers.saigontechnology.com/storage/ck-editor/image-Vxty7bGC8eYJxFklsGtfXGyr0AVgWdpndvzvLYzm.png&quot;&gt;&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;&lt;i&gt;Figure 12. Live preview features&lt;/i&gt;&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;&lt;img src=&quot;https://api.careers.saigontechnology.com/storage/ck-editor/image-yFkp3auCiSh62quvemWSpzHn3gEg1Xvg8n9hCRqR.png&quot;&gt;&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;&lt;i&gt;Figure 13. Live preview inspect controls feature&lt;/i&gt;&lt;/p&gt;&lt;h2 style=&quot;text-align:justify;&quot;&gt;6. What&rsquo;s next?&lt;/h2&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;This chapter gives an idea of what .NET MAUI is and a brief of what is behind the scene. Spend some time playing with it and we will go deeper into controls and UI stuff in the next chapter. See you soon.&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;Source: &lt;a href=&quot;https://saigontechnology.com/blog/say-hello-to-net-maui&quot;&gt;https://saigontechnology.com/blog/say-hello-to-net-maui&lt;/a&gt;&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;

Say Hello to .NET MAUI

.NET Multi-platform App UI

Tech Lead

Phuong Bui

.NET Developer

Vu Truong

Senior Developer

Trung Tran

Tech lead

Wind

Long Nguyen

Business Analyst

Duong Dat Thanh

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

Bài viết nằm trong chuỗi bài về design pattern. Là phần tiếp theo của series design pattern, Factory một design pattern cực kỳ hữu dụng trong việc tạo ra object. Vậy Factory là gì, làm sao để implement một Factory. Qua bài viết hy vọng có thể support được mọi người có thêm kiến thức về Factory.

[Design Pattern] Bài 04: Sử Dụng Factory Trong Java

Bài viết nằm trong chuỗi bài về design pattern. Là phần tiếp theo của Creational pattern, Builder một design pattern cực kỳ hữu dụng trong việc tạo ra object. Vậy Builder là gì, làm sao để implement một Builder. Qua bài viết hy vọng có thể support được mọi người có thêm kiến thức về Builder.

[Design Pattern] Bài 05: Sử Dụng Builder Trong Java

&lt;html&gt;&lt;body&gt;&lt;h2&gt;&lt;span style=&quot;color:hsl(0,0%,0%);&quot;&gt;&lt;strong&gt;1. Prototype Design Pattern L&agrave; G&igrave;&lt;/strong&gt;&lt;/span&gt;&lt;/h2&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;Để đi v&agrave;o chi tiết c&aacute;c thức hoạt động cũng như t&iacute;nh chất của&nbsp;&lt;strong&gt;Prototype&lt;/strong&gt; pattern m&igrave;nh xin ph&eacute;p lấy một v&iacute; dụ về việc tạo ra c&aacute;c loại thẻ ng&acirc;n h&agrave;ng.&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;X&atilde; hội ng&agrave;y c&agrave;ng ph&aacute;t triển v&agrave; việc kh&ocirc;ng d&ugrave;ng tiền mặt ở c&aacute;c đ&ocirc; thị lớn đang l&agrave; xu thế. Gần như mọi người đều c&oacute; ri&ecirc;ng cho m&igrave;nh &iacute;t nhất một t&agrave;i khoản ng&acirc;n h&agrave;ng. B&ecirc;n cạnh đ&oacute; c&aacute;c c&ocirc;ng việc giao dịch về tiền tệ đều được thực hiện dễ d&agrave;ng th&ocirc;ng qua thẻ ATM.&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;C&oacute; rất nhiều loại thẻ ATM như Master, Visa&hellip;B&ecirc;n cạnh đ&oacute;, mỗi ng&acirc;n h&agrave;ng c&ograve;n ph&aacute;t h&agrave;nh h&agrave;ng loạt c&aacute;c loại thẻ kh&aacute;c nhau cho từng nh&oacute;m kh&aacute;ch h&agrave;ng như thẻ VIP, thẻ CashBack... Về mặt physical th&igrave; c&aacute;c thẻ ATM n&agrave;y c&ugrave;ng chất liệu, c&ugrave;ng k&iacute;ch thước, c&ugrave;ng h&igrave;nh dạng v&agrave; chứa nhiều th&ocirc;ng tin chung, dĩ nhi&ecirc;n mỗi loại thẻ vẫn c&oacute; nhiều th&ocirc;ng tin kh&aacute;c biệt như m&agrave;u sắc, background số CVV&hellip;v&acirc;ng v&acirc;ng v&agrave; m&acirc;y m&acirc;y.&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;Một topic nho nhỏ cho anh em dev l&agrave; l&agrave;m thế n&agrave;o c&oacute; thể tạo ra được những loại thẻ ATM một c&aacute;ch tiện lợi m&agrave; kh&ocirc;ng mất qu&aacute; nhiều effort. C&oacute; rất nhiều giải ph&aacute;p, một trong những giải ph&aacute;p m&igrave;nh c&oacute; thể consider đ&oacute; l&agrave;&nbsp;&lt;strong&gt;Builder&lt;/strong&gt; pattern. Tuy nhi&ecirc;n, với việc tạo ra một object c&oacute; nhiều tham số v&agrave; logic phức tạp (parameters) th&igrave; c&oacute; vẻ&nbsp;&lt;strong&gt;Builder&lt;/strong&gt; kh&ocirc;ng phải l&agrave; sự lựa chọn hợp l&yacute;. Với m&igrave;nh, c&aacute;i g&igrave; l&agrave;m nhiều th&igrave; m&igrave;nh chọn giải ph&aacute;p l&agrave; sao ch&eacute;p thay v&igrave; m&igrave;nh phải l&agrave;m bằng &ldquo;cơm&rdquo;.&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;Do đ&oacute;,&nbsp; m&igrave;nh tận dụng một trong những skill-set đỉnh ch&oacute;p của anh em lập tr&igrave;nh đ&oacute; l&agrave; copy-paste v&agrave;&nbsp;&lt;strong&gt;Prototype&lt;/strong&gt; sẽ gi&uacute;p m&igrave;nh ph&aacute;t huy tối đa c&ocirc;ng dụng của việc tạo object bằng việc&nbsp;&lt;strong&gt;clone&lt;/strong&gt; từ một mẫu c&oacute; sẵn. V&agrave; sau đ&oacute; m&igrave;nh c&oacute; thể modify theo c&aacute;ch m&igrave;nh mong muốn dựa tr&ecirc;n từng context cụ thể.&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;Đến đ&acirc;y, m&igrave;nh tin anh em cũng đ&atilde; hiểu mục đ&iacute;ch sử dụng của pattern n&agrave;y rồi. Tiếp theo m&igrave;nh sẽ giới thiệu với anh em về c&aacute;ch thiết kế cũng như c&aacute;ch để implement pattern n&agrave;y.&nbsp;&nbsp;&lt;br&gt;Đầu ti&ecirc;n m&igrave;nh c&ugrave;ng nhau tham khảo qua class diagram của&nbsp;&lt;strong&gt;Prototype&lt;/strong&gt; để c&oacute; c&aacute;i nh&igrave;n tổng quan về em n&oacute;.&lt;/p&gt;&lt;h2&gt;&lt;span style=&quot;color:hsl(0,0%,0%);&quot;&gt;&lt;strong&gt;2. Prototype Design Pattern Diagram&lt;/strong&gt;&lt;/span&gt;&lt;/h2&gt;&lt;figure class=&quot;image&quot;&gt;&lt;img src=&quot;https://api.careers.saigontechnology.com/storage/ck-editor/prototype-design-pattern-1-3UWckMfOTe6LSnFefvA7g8cug7j5agBbvYU2xZAl.webp&quot;&gt;&lt;/figure&gt;&lt;p&gt;Trong lược đồ ph&iacute;a tr&ecirc;n, th&agrave;nh phần ch&iacute;nh l&agrave; ba class:&nbsp;&lt;strong&gt;Client, Prototype v&agrave; SubPrototype&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Class Client&lt;/strong&gt;: Đại diện cho class sử dụng&nbsp;&lt;strong&gt;Prototype&lt;/strong&gt; object để clone ra c&aacute;c SubPrototype&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Class Prototype&lt;/strong&gt;: Interface/Abstract class chứa abstract clone() method&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Class Sub-Prototype&lt;/strong&gt;: Đại diện cho c&aacute;c class con m&agrave; ch&uacute;ng m&igrave;nh sẽ implement clone() ở c&aacute;c sub-class n&agrave;y.&lt;/p&gt;&lt;h2&gt;&lt;span style=&quot;color:hsl(0,0%,0%);&quot;&gt;&lt;strong&gt;3. Prototype Pattern Implementation&lt;/strong&gt;&lt;/span&gt;&lt;/h2&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;Anh em m&igrave;nh đ&atilde; xem qua class diagram. Giờ m&igrave;nh c&ugrave;ng&nbsp; nhau đi chi tiết về c&aacute;ch implement pattern n&agrave;y th&ocirc;ng qua b&agrave;i to&aacute;n tạo ra c&aacute;c loại bank card.&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;Context l&agrave; m&igrave;nh sẽ sử dụng class&nbsp;&lt;strong&gt;BankCard&lt;/strong&gt; để tạo ra c&aacute;c loại card như&nbsp;&lt;strong&gt;PlatinumCard&lt;/strong&gt; v&agrave;&nbsp;&lt;strong&gt;DiamondCard&lt;/strong&gt; hai loại thẻ d&agrave;nh cho hai tập kh&aacute;ch h&agrave;ng của một ng&acirc;n h&agrave;ng, bằng c&aacute;ch sử dụng&nbsp;&lt;strong&gt;Prototype&lt;/strong&gt; pattern.&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;Đầu ti&ecirc;n m&igrave;nh tạo ra một class&nbsp;&lt;strong&gt;BankCard&lt;/strong&gt;, class n&agrave;y đại diện cho c&aacute;c loại&nbsp;&lt;strong&gt;BankCard&lt;/strong&gt; (Visa, Master&hellip;). Class n&agrave;y chứa c&aacute;c thuộc t&iacute;nh th&ocirc;ng dụng như: CardNumber, HolderName, CardType&hellip; Tuy nhi&ecirc;n, giả thuyết l&agrave; để tạo ra một object của&nbsp;&lt;strong&gt;BankCard&lt;/strong&gt; th&ocirc;ng qua constructor() th&igrave; cần điền th&ocirc;ng tin cho rất nhiều field, việc n&agrave;y l&agrave;m tăng effort một c&aacute;ch đ&aacute;ng kể cho cả lập tr&igrave;nh vi&ecirc;n v&agrave; hệ thống. Do đ&oacute; m&igrave;nh sẽ thay thế bằng phương ph&aacute;p sử dụng cơ chế clone của&nbsp;Cloneable interface.&lt;/p&gt;&lt;p&gt;Chi tiết của class&nbsp;&lt;strong&gt;BankCard&lt;/strong&gt; như sau:&lt;/p&gt;&lt;pre&gt;&lt;code class=&quot;language-plaintext&quot;&gt; public class BankCard implements Cloneable{

    public String cardNumber;
    public String holderName;
    public String cardType;
    public BigDecimal amount;

    public BankCard(String cardType){
        this.cardType = cardType;
    }

    @Override
    protected BankCard clone() {
        try {
            return (BankCard) super.clone();
        } catch (CloneNotSupportedException e) {
            e.printStackTrace();
        }
        return null;
    }

    @Override
    public String toString() {
        return &quot;BankCard [cardNumber=&quot; + cardNumber + &quot;,
 holderName=&quot; + holderName + &quot;,
 cardType=&quot;+ cardType + &quot;, amount=&quot;+amount+&quot; ]&quot;;
    }

// Getters and Setters
}

&lt;/code&gt;&lt;/pre&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;Theo như class diagram, m&igrave;nh cần tạo ra class&nbsp;CardClient,&nbsp;class n&agrave;y sẽ&nbsp;sử dụng&nbsp;&lt;strong&gt;Prototype&lt;/strong&gt;&nbsp;để tạo ra nhiều loại thẻ cho c&ugrave;ng một customer bằng c&aacute;ch sử dụng&nbsp;clone() method của class&nbsp;BankCard.&lt;/p&gt;&lt;pre&gt;&lt;code class=&quot;language-plaintext&quot;&gt; public class CardClient{

    public static void main(String[] args){
        BankCard platinumCard = new BankCard(&quot;master&quot;);
        platinumCard.setHolderName(&quot;Tom&quot;);
        platinumCard.setCardNumber(&quot;1234&quot;);

        BankCard diamondCard = masterCard.clone();
        diamondCard.setCardType(&quot;visa&quot;);

        System.out.println(platinumCard);
        System.out.println(diamondCard);
    }
}
&lt;/code&gt;&lt;/pre&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;Implementation của Prototype cũng rất đơn giản, kh&ocirc;ng qu&aacute; cầu k&igrave;, phức tạp. Đến đ&acirc;y, m&igrave;nh nghĩ sẽ c&oacute; một v&agrave;i question được đặt ra như sau.&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;C&acirc;u hỏi đầu ti&ecirc;n, đ&oacute; l&agrave; nếu m&igrave;nh update một attribute n&agrave;o đ&oacute; của&nbsp;&lt;strong&gt;platinumCard&lt;/strong&gt; th&igrave; attribute tương ứng của&nbsp;&lt;strong&gt;diamondCard&lt;/strong&gt; c&oacute; bị thay đổi gi&aacute; trị hay kh&ocirc;ng? Bởi v&igrave;&nbsp;&lt;strong&gt;diamondCard&lt;/strong&gt; được tạo ra bằng c&aacute;ch&nbsp;copy th&ocirc;ng tin từ&nbsp;&lt;strong&gt;platinumCard.&lt;/strong&gt;&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;Good question. Dĩ nhi&ecirc;n c&acirc;u trả lời trong trường hợp n&agrave;y l&agrave; &ldquo;&lt;strong&gt;Kh&ocirc;ng&lt;/strong&gt;&rdquo; v&igrave; bản chất của h&agrave;m clone() l&agrave; deep copy, n&ecirc;n việc modify một newly object sẽ kh&ocirc;ng l&agrave;m ảnh hưởng đến original object.&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;C&acirc;u hỏi số hai, điểm kh&aacute;c nhau trong việc sử dụng phương thức clone() v&agrave; to&aacute;n tử dấu&nbsp;&ldquo;=&rdquo;.&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;&lt;span style=&quot;color:hsl(0,75%,60%);&quot;&gt;&nbsp;BankCard diamondCard = platinumCard.clone() vs&nbsp;&nbsp;BankCard diamondCard = platinumCard;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;Khi ch&uacute;ng ta sử dụng to&aacute;n tử&nbsp; dấu&nbsp;&ldquo;=&rdquo; đều n&agrave;y c&oacute; nghĩa l&agrave; object&nbsp;&lt;strong&gt;diamondCard&lt;/strong&gt; tham chiếu đến object&nbsp;&lt;strong&gt;platinumCard&lt;/strong&gt;, nếu&nbsp;&lt;strong&gt;platinumCard&lt;/strong&gt; thay đổi th&ocirc;ng tin điều n&agrave;y dẫn đến&nbsp;&lt;strong&gt;diamondCard&lt;/strong&gt; cũng thay đổi th&ocirc;ng tin theo&nbsp;(shallow copy)&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;M&igrave;nh cũng sẽ c&oacute; một b&agrave;i viết về hai phương ph&aacute;p&nbsp;&lt;strong&gt;Deep-Copy&lt;/strong&gt; v&agrave;&nbsp;&lt;strong&gt;Shallow-Copy&lt;/strong&gt; để giải th&iacute;ch cụ thể sự kh&aacute;ch biệt của hai loại copy n&agrave;y với mọi người.&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;Đến đ&acirc;y th&igrave; anh em m&igrave;nh cũng đ&atilde; t&igrave;m hiểu về c&ocirc;ng năng cũng như implementation của&nbsp;&lt;strong&gt;Prototype&lt;/strong&gt; rồi. M&igrave;nh cũng đ&atilde; apply pattern n&agrave;y cho nhiều dự &aacute;n n&ecirc;n tiếp theo, m&igrave;nh sẽ liệt k&ecirc; ra pros v&agrave; cons của pattern n&agrave;y dựa tr&ecirc;n kinh nghiệm thực chiến của m&igrave;nh.&lt;/p&gt;&lt;h2&gt;&lt;span style=&quot;color:hsl(0,0%,0%);&quot;&gt;&lt;strong&gt;4. The Pros and Cons of Prototype Design Pattern&lt;/strong&gt;&lt;/span&gt;&lt;/h2&gt;&lt;h3&gt;&lt;span style=&quot;color:hsl(0,0%,0%);&quot;&gt;&lt;strong&gt;The Pros of Prototype&lt;/strong&gt;&lt;/span&gt;&lt;/h3&gt;&lt;p&gt;Một trong những điểm mạnh nổi bật nhất của&nbsp;&lt;strong&gt;Prototype&nbsp;&lt;/strong&gt;m&agrave; bất kỳ lập tr&igrave;nh vi&ecirc;n n&agrave;o cũng c&oacute; thể nhận ra đ&oacute; ch&iacute;nh l&agrave; việc tạo ra c&aacute;c object mới dựa tr&ecirc;n một object đ&atilde; tồn tại sẵn một c&aacute;ch tiện lợi. Điều n&agrave;y gi&uacute;p giảm đi rất nhiều effort cho anh em coder cũng như đem lại performance xịn hơn cho hệ thống.&lt;/p&gt;&lt;p&gt;Prototype rất hữu &iacute;ch khi bạn muốn tạo ra c&aacute;c object c&oacute; logic phức tạp, b&ecirc;n cạnh đ&oacute; pattern n&agrave;y c&ograve;n gi&uacute;p m&igrave;nh hạn chế được việc phải tạo th&ecirc;m c&aacute;c class con kh&ocirc;ng cần thiết.&lt;/p&gt;&lt;p&gt;Trong qu&aacute; tr&igrave;nh l&agrave;m project thực tế m&igrave;nh đ&atilde; kết hợp Prototype v&agrave; Factory với nhau, để implement một t&iacute;nh năng kh&aacute; phức tạp đ&oacute; l&agrave; tạo ra c&aacute;c loại contract cho kh&aacute;ch h&agrave;ng trong c&aacute;c hệ thống finance khi kh&aacute;ch mua bảo hiểm, hoặc hợp đồng vay thế chấp, t&iacute;n chấp&hellip;Đồng thời, kết hợp với&nbsp;&lt;strong&gt;Map&lt;/strong&gt; collection để n&acirc;ng cao tối đa hiệu quả của&nbsp;&lt;strong&gt;Prototype&lt;/strong&gt;.&lt;/p&gt;&lt;pre&gt;&lt;code class=&quot;language-plaintext&quot;&gt; public class ContractFactory{

    public Map&amp;lt;String, Contract&amp;gt; contractMaps = new HashMap&amp;lt;&amp;gt;();

    public void extendContract(String customerId){
        Contract extended = null;
        if(contractMaps.containsKey(customerId)) {
            Contract original = contractMaps.get(customerId);
            extended = original.clone();
            extended.setRenewDate(new Date());
        }else {
            extended = new Contract();
        }
        contractMaps.put(customerId, extended);
    }
}
&lt;/code&gt;&lt;/pre&gt;&lt;h3&gt;&lt;strong&gt;The Cons of Prototype&lt;/strong&gt;&lt;/h3&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;&lt;strong&gt;Prototype&lt;/strong&gt; pattern ph&ugrave; hợp đối với việc tạo ra c&aacute;c object c&oacute; nhiều th&ocirc;ng tin chung. Tuy nhi&ecirc;n, cần phải xem x&eacute;t kỹ lưỡng trong trường hợp cần tạo ra object đặc biệt khi m&agrave; object mới c&oacute; qu&aacute; nhiều field cần phải update.&lt;/p&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;Dĩ nhi&ecirc;n việc tạo ra c&aacute;c object mới bằng c&aacute;ch clone từ object hiện tại th&igrave; khả năng cao object mới sẽ chứa nhiều th&ocirc;ng tin dư thừa từ original object.&lt;/p&gt;&lt;h2&gt;&lt;span style=&quot;color:hsl(0,0%,0%);&quot;&gt;&lt;strong&gt;5. The Conclusion&lt;/strong&gt;&lt;/span&gt;&lt;/h2&gt;&lt;p style=&quot;text-align:justify;&quot;&gt;Prototype design pattern rất hiệu quả trong việc tạo ra object phức tạp. B&ecirc;n cạnh đ&oacute;, n&oacute; cũng thể hiện kha kh&aacute; điểm yếu. Tất cả m&igrave;nh đều đ&atilde; liệt k&ecirc; trong b&agrave;i viết. Dĩ nhi&ecirc;n, sẽ kh&ocirc;ng c&oacute; một giải ph&aacute;p n&agrave;o l&agrave; to&agrave;n diện. V&igrave; vậy, anh em n&ecirc;n xem x&eacute;t kỹ trước khi đưa ra quyết định l&agrave; n&ecirc;n d&ugrave;ng pattern n&agrave;o, để đạt được hiệu quả tối ưu nhất.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;

Creational Design Pattern là một nhóm pattern vô cùng hữu ích trong việc tạo ra một object. Việc tạo ra object phụ thuộc nhiều vào ngữ cảnh như: số lượng tham số truyền vào, điều kiện cơ sở…Là một trong những pattern phổ biến của nhóm Creational, Prototype pattern đem lại hiệu quả cao trong việc tạo ra một object phức tạp. Chúng mình cùng nhau tìm hiểu chi tiết về kỹ thuật thiết kế một Prototype pattern như thế nào  nhé

[Design Pattern] Bài 06: Sử Dụng Prototype 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

<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.

[AWS] Bài 01: Giới Thiệu Về Amazon Web Service (AWS)

<html><body><h2>1. Microservices là gì?    </h2><ul><li>Microservices là một kiến trúc phần mềm bao gồm nhiều services nhỏ (micro-service). Ý tưởng của microservices là chia bài toán lớn thành nhiều bài toán nhỏ.    </li><li>Kiến trúc microservices khá phổ biến hiện nay và được nhiều công ty lớn sử dụng như: Netflix, eBay, Amazon, Twitter, PayPal,...    </li><li>Mỗi service trong kiến trúc này là mỗi module độc lập giúp dễ dàng phát triển, kiểm thử, mở rộng và triển khai…    </li></ul><img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-Mewjv7fi3suPq2CCAtJF0o301ALiBtXDl6TkhQTk.png">  <h2>2. Lợi ích của microservices?</h2><img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-GUiY1ZOvBclZZJQsHuJmcENmljTDZcZcUs5aumJ2.png">    <ul><li>Linh động: các services được tổ chức thành các modules độc lập phân tán giúp dễ dàng phát triển, tích hợp và triển khai từng phần (CI/CD).    </li><li>Nhiều lựa chọn về công nghệ: có thể lựa chọn các kiến trúc, công nghệ, ngôn ngữ, cơ sở dữ liệu cho từng service.</li></ul>Ví dụ: có thể tận dụng nguồn lực thế mạnh của nhiều team để áp dụng công nghệ phù hợp cho mỗi service. Service này sử dụng .net, sql server, service khác sử dụng nodejs, mongodb, cosmosdb...<ul><li>Khả năng chịu lỗi: Khi một hoặc một vài service xảy ra lỗi thì các services khác không hoặc ít bị ảnh hưởng. Đảm bảo toàn hệ thống vẫn vận hành được. Khi sửa lỗi chỉ sửa lỗi ở đúng service đó do các service được thiết kế độc lập, ít phụ thuộc vào nhau nhất có thể.    </li><li>Tối ưu hiệu quả về chi phí: tối ưu và chia nhỏ chi phí cho từng service nhỏ thay vì một ứng dụng lớn.    Ví dụ: service cần lưu trữ dung lượng database, file.. thì ta sẽ scale trên riêng service đó, hoặc đôi lúc có thể tận dụng nhiều công nghệ miễn phí cho các service nhỏ.    </li></ul><h2>3. So sánh monolithic và microservices    </h2><ul><li>Monolithic   <ul><li>Tập trung toàn bộ vào một ứng dụng lớn, dự án lớn thì team size và soure code sẽ phình to ra.    </li><li>Việc triển khai (deployment) sẽ đơn giản do toàn bộ tập trung vào một dự án.    </li><li>Kiến trúc truyền thống, dễ tiếp cận.    </li><li>Quá trình deployment không linh hoạt, thời gian build ứng dụng sẽ lâu, khi có một thay đổi nhỏ cũng phải build lại toàn bộ ứng dụng.    </li><li>Khó khăn trong việc kiểm tra lỗi và bảo trì do các modules, services trong dự án phụ thuộc chặt chẽ vào nhau (coupling code).    </li><li>Gặp vấn đề về khả năng chịu lỗi. Khi bị bất kỳ một lỗi nào thì có khả năng toàn bộ ứng dụng bị chết.    </li><li>Khả năng mở rộng hạn chế do tập trung một khối lớn.    </li><li>Khó áp dụng nhiều công nghệ vào dự án.</li></ul></li></ul> <img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-q3M6Qc9vOBMnX5mcuzaZsL99ieLtelloX59KhL0a.png"> <ul><li>Microservices   <ul><li>Chia nhỏ ứng dụng thành các services nhỏ hơn. Ý tưởng của microservices là chia bài toán lớn thành các bài toán nhỏ.    </li><li>Các services được xây dựng độc lập, có khả năng phát triển, kiểm lỗi và triển khai độc lập.    </li><li>Các team làm việc độc lập trên từng services, từng features.    </li><li> Áp dụng các công nghệ, ngôn ngữ khác nhau vào từng services.    </li><li>Khả năng chịu lỗi tốt do các service độc lập, một service bị lỗi thì toàn hệ thống có khả năng vẫn hoạt động được và dễ dàng sửa lỗi đúng service đó.</li></ul></li></ul><img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-vRHmvtjLk6G4z9cXcw4wF248JGhu7rkr6Aj4xlNs.png"><h2>4. Ưu và nhược điểm của microservices    </h2><h3>Ưu điểm</h3><ul><li>Chia nhỏ hệ thống lớn thành các services nhỏ độc lập nên dễ dàng phát triển, bảo trì và triển khai độc lập.</li><li>Dễ dàng cho các thành viên mới khi tham gia vào dự án, chỉ cần học các service nhỏ.</li><li>Khả năng kiểm soát lỗi tốt, một hoặc vài services bị lỗi thị hệ thống không bị crash.</li><li>Có thể lựa chọn nhiều công nghệ khác nhau cho từng services.</li><li>Khả năng mở rộng linh hoạt, khi cần scale module, feature nào thì scale service tương ứng.</li></ul><h3>Nhược điểm</h3><ul><li>Kiến trúc phức tạp, đòi hỏi phải có kiến thức chuyên sâu về devops (CI/CD) để có thể triển khai các services nhỏ trong một hệ thống lớn</li><li>Khó để đồng bộ và thống nhất giữa các services (dữ liệu, mã nguồn, con người trong các team..), cần phải chú ý việc giao tiếp giữa các services sao cho hiệu quả.</li><li>Khó đảm bảo sự toàn vẹn và nhất quán dữ liệu giữa các services do mỗi service sử dụng một database riêng.    </li></ul><h2>5. Các nguyên lý khi xây dựng service trong microservices </h2><img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-J1NR21J9UiZ0pCvFU35ifBXiwbyrMrUAF1vylsYV.png"><ul><li>Một service chỉ nên xử lý một nhiệm vụ chính duy nhất.    </li><li>Mỗi service phải độc lập, có khả năng đóng gói và triển khai độc lập. (CI/CD)    </li><li>Có thể di chuyển các services từ môi trường này sang môi trường khác dễ dàng, thuận tiện cho việc tích hợp và triển khai.    </li><li>Mỗi service nên có dữ liệu của riêng nó, không nên chứa dữ liệu của các service khác. Nếu các service muốn chia sẻ dữ liệu thì nên giao tiếp qua các public interface.    </li><li>Khi một service bị lỗi thì không ảnh hưởng đến toàn hệ thống. Có thể dễ dàng hủy và tạo lại service theo yêu cầu.    </li></ul><h2>6. Giới thiệu về series thực chiến xây dựng hệ thống microservices</h2><ul><li>Phần 1 chủ yếu lý thuyết tổng quan về kiến trúc microservices. Hiểu được khái niệm và tư tưởng.</li><li>Phần 2 sẽ giới thiệu cấu trúc dự án microservices. Đồng thời xây dựng 2 services đầu tiên là product (.net 6 + mySql) và customer (.net 6 Minimal API + PostgreSQL)</li></ul><img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-qLj1llkf735WjoFuThx1oA7ZYt6xYxlMfY2ejItU.png"><ul><li>Phần 3 nội dung về Clean Architecture và CQRS pattern. Đồng thời xây dựng 3 service: basket service (.net 6 + redis), order service (.net 6 + sql server) và email service.</li></ul><img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-aiMfOSPBsazfROOz1eOttNvaK4PaJCrcByXRxrjk.png"><ul><li>Phần 4 nội dung tập trung vào cách các micro service giao tiếp với nhau. Phần này mình sẽ giới thiệu về RabbitMQ và Kaffka. Tích hợp RabbitMQ vào hệ thống hiện tại cho quy trình đặt hàng - 2 services Basket và Order sẽ giao tiếp với nhau.</li></ul><img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-NYxyyimZvdGmiBWMw58hKfsboBCN5aJV7omqOXOx.png"><img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-wGUMGuu8WLpsYAJ1Lc0B3FL0dulfQ6X3nvWtd7S7.png"><ul><li>Phần 5 về API Gateway (Ocelot) trong microservices   <img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-UMvqaAIhhxwHKr3oKiPVz5ajX8ck5lbhFolqhPEA.png"></li><li>Phần cuối là một số nội dung khác về micorservices như quản lý transaction giữa các services, xử lý logging cho các request giữa các service, health check và retry (polly),.…</li></ul><h2>7. Tổng kết    </h2><ul><li>Vậy là chúng ta đã đi qua tổng quan về microservices và giới thiệu về nội dung tiếp theo trong series thực chiến xây dựng hệ thống microservices.</li><li>Cảm ơn mọi người đã xem bài viết. Chúc mọi người một cuối tuần vui vẻ.</li><li>Nếu có thắc mắc về các phần trong bài này mọi người có thể inbox qua mail: <a href="mailto:long.nguyendh@saigontechnology.com">long.nguyendh@saigontechnology.com</a>. Mình sẽ giải đáp thắc mắc trong tầm hiểu biết. Cảm ơn mọi người.</li></ul> References<ul><li><a href="https://learn.microsoft.com/en-us/azure/architecture/guide/architecture-styles/microservices">Microservice architecture - Azure</a></li><li><a href="https://learn.microsoft.com/en-us/dotnet/architecture/microservices/architect-microservice-container-applications/microservices-architecture">Microservices architecture | Microsoft Learn</a></li><li><a href="https://learn.microsoft.com/en-us/dotnet/architecture/microservices/architect-microservice-container-applications/direct-client-to-microservice-communication-versus-the-api-gateway-pattern">The API gateway pattern versus the direct client-to-microservice communication | Microsoft Learn</a></li><li><a href="https://rabbitmq.com/">https://rabbitmq.com/</a></li><li>https://kafka.apache.org/</li></ul></body></html>

Giới thiệu tổng quan về microservice, lợi ích khi xây dựng dự án sử dụng kiến trúc microservice, các nguyên lý khi xây dựng microservice, điểm mạnh điểm yếu của microservices, đồng thời giới thiệu series thực chiến xây dựng hệ thống microservices.

&lt;html&gt;&lt;body&gt;&lt;h2&gt;1. Microservices l&agrave; g&igrave;?&nbsp;&nbsp;&lt;br&gt;&nbsp;&lt;/h2&gt;&lt;ul&gt;&lt;li&gt;Microservices l&agrave; một kiến tr&uacute;c phần mềm bao gồm nhiều services nhỏ (micro-service). &Yacute; tưởng của microservices l&agrave; chia b&agrave;i to&aacute;n lớn th&agrave;nh nhiều b&agrave;i to&aacute;n nhỏ.&nbsp;&nbsp;&lt;br&gt;&nbsp;&lt;/li&gt;&lt;li&gt;Kiến tr&uacute;c microservices kh&aacute; phổ biến hiện nay v&agrave; được nhiều c&ocirc;ng ty lớn sử dụng như: Netflix, eBay, Amazon, Twitter, PayPal,...&nbsp;&nbsp;&lt;br&gt;&nbsp;&lt;/li&gt;&lt;li&gt;Mỗi service trong kiến tr&uacute;c n&agrave;y l&agrave; mỗi module độc lập gi&uacute;p dễ d&agrave;ng ph&aacute;t triển, kiểm thử, mở rộng v&agrave; triển khai&hellip;&nbsp;&nbsp;&lt;br&gt;&nbsp;&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;&lt;img src=&quot;https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-Mewjv7fi3suPq2CCAtJF0o301ALiBtXDl6TkhQTk.png&quot;&gt;&lt;/p&gt;&lt;p&gt;&nbsp;&lt;/p&gt;&lt;p&gt;&nbsp;&lt;/p&gt;&lt;h2&gt;2. Lợi &iacute;ch của microservices?&lt;/h2&gt;&lt;p&gt;&lt;img src=&quot;https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-GUiY1ZOvBclZZJQsHuJmcENmljTDZcZcUs5aumJ2.png&quot;&gt; &nbsp;&lt;br&gt;&lt;br&gt;&nbsp;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;strong&gt;Linh động:&lt;/strong&gt; c&aacute;c services được tổ chức th&agrave;nh c&aacute;c modules độc lập ph&acirc;n t&aacute;n gi&uacute;p dễ d&agrave;ng ph&aacute;t triển, t&iacute;ch hợp v&agrave; triển khai từng phần (CI/CD).&nbsp;&nbsp;&lt;br&gt;&nbsp;&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Nhiều lựa chọn về c&ocirc;ng nghệ:&lt;/strong&gt; c&oacute; thể lựa chọn c&aacute;c kiến tr&uacute;c, c&ocirc;ng nghệ, ng&ocirc;n ngữ, cơ sở dữ liệu cho từng service.&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;V&iacute; dụ: c&oacute; thể tận dụng nguồn lực thế mạnh của nhiều team để &aacute;p dụng c&ocirc;ng nghệ ph&ugrave; hợp cho mỗi service. Service n&agrave;y sử dụng .net, sql server, service kh&aacute;c sử dụng nodejs, mongodb, cosmosdb...&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;strong&gt;Khả năng chịu lỗi:&lt;/strong&gt; Khi một hoặc một v&agrave;i service xảy ra lỗi th&igrave; c&aacute;c services kh&aacute;c kh&ocirc;ng hoặc &iacute;t bị ảnh hưởng. Đảm bảo to&agrave;n hệ thống vẫn vận h&agrave;nh được. Khi sửa lỗi chỉ sửa lỗi ở đ&uacute;ng service đ&oacute; do c&aacute;c service được thiết kế độc lập, &iacute;t phụ thuộc v&agrave;o nhau nhất c&oacute; thể.&nbsp;&nbsp;&lt;br&gt;&nbsp;&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Tối ưu hiệu quả về chi ph&iacute;:&lt;/strong&gt; tối ưu v&agrave; chia nhỏ chi ph&iacute; cho từng service nhỏ thay v&igrave; một ứng dụng lớn.&nbsp;&nbsp;&nbsp;&lt;br&gt;V&iacute; dụ: service cần lưu trữ dung lượng database, file.. th&igrave; ta sẽ scale tr&ecirc;n ri&ecirc;ng service đ&oacute;, hoặc đ&ocirc;i l&uacute;c c&oacute; thể tận dụng nhiều c&ocirc;ng nghệ miễn ph&iacute; cho c&aacute;c service nhỏ.&nbsp;&nbsp;&lt;br&gt;&lt;br&gt;&nbsp;&lt;/li&gt;&lt;/ul&gt;&lt;h2&gt;3. So s&aacute;nh monolithic v&agrave; microservices&nbsp;&nbsp;&lt;br&gt;&nbsp;&lt;/h2&gt;&lt;ul&gt;&lt;li&gt;&lt;strong&gt;Monolithic&lt;/strong&gt;&nbsp;&nbsp;&lt;br&gt;&lt;br&gt;&lt;ul&gt;&lt;li&gt;Tập trung to&agrave;n bộ v&agrave;o một ứng dụng lớn, dự &aacute;n lớn th&igrave; team size v&agrave; soure code sẽ ph&igrave;nh to ra.&nbsp;&nbsp;&lt;br&gt;&nbsp;&lt;/li&gt;&lt;li&gt;Việc triển khai (deployment) sẽ đơn giản do to&agrave;n bộ tập trung v&agrave;o một dự &aacute;n.&nbsp;&nbsp;&lt;br&gt;&nbsp;&lt;/li&gt;&lt;li&gt;Kiến tr&uacute;c truyền thống, dễ tiếp cận.&nbsp;&nbsp;&lt;br&gt;&nbsp;&lt;/li&gt;&lt;li&gt;Qu&aacute; tr&igrave;nh deployment kh&ocirc;ng linh hoạt, thời gian build ứng dụng sẽ l&acirc;u, khi c&oacute; một thay đổi nhỏ cũng phải build lại to&agrave;n bộ ứng dụng.&nbsp;&nbsp;&lt;br&gt;&nbsp;&lt;/li&gt;&lt;li&gt;Kh&oacute; khăn trong việc kiểm tra lỗi v&agrave; bảo tr&igrave; do c&aacute;c modules, services trong dự &aacute;n phụ thuộc chặt chẽ v&agrave;o nhau (coupling code).&nbsp;&nbsp;&lt;br&gt;&nbsp;&lt;/li&gt;&lt;li&gt;Gặp vấn đề về khả năng chịu lỗi. Khi bị bất kỳ một lỗi n&agrave;o th&igrave; c&oacute; khả năng to&agrave;n bộ ứng dụng bị chết.&nbsp;&nbsp;&lt;br&gt;&nbsp;&lt;/li&gt;&lt;li&gt;Khả năng mở rộng hạn chế do tập trung một khối lớn.&nbsp;&nbsp;&lt;br&gt;&nbsp;&lt;/li&gt;&lt;li&gt;Kh&oacute; &aacute;p dụng nhiều c&ocirc;ng nghệ v&agrave;o dự &aacute;n.&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;&nbsp;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;&lt;img src=&quot;https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-q3M6Qc9vOBMnX5mcuzaZsL99ieLtelloX59KhL0a.png&quot;&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&nbsp;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;strong&gt;Microservices&lt;/strong&gt;&nbsp;&nbsp;&lt;br&gt;&lt;br&gt;&lt;ul&gt;&lt;li&gt;Chia nhỏ ứng dụng th&agrave;nh c&aacute;c services nhỏ hơn. &Yacute; tưởng của microservices l&agrave; chia b&agrave;i to&aacute;n lớn th&agrave;nh c&aacute;c b&agrave;i to&aacute;n nhỏ.&nbsp;&nbsp;&lt;br&gt;&nbsp;&lt;/li&gt;&lt;li&gt;C&aacute;c services được x&acirc;y dựng độc lập, c&oacute; khả năng ph&aacute;t triển, kiểm lỗi v&agrave; triển khai độc lập.&nbsp;&nbsp;&lt;br&gt;&nbsp;&lt;/li&gt;&lt;li&gt;C&aacute;c team l&agrave;m việc độc lập tr&ecirc;n từng services, từng features.&nbsp;&nbsp;&lt;br&gt;&nbsp;&lt;/li&gt;&lt;li&gt;&nbsp;&Aacute;p dụng c&aacute;c c&ocirc;ng nghệ, ng&ocirc;n ngữ kh&aacute;c nhau v&agrave;o từng services.&nbsp;&nbsp;&lt;br&gt;&nbsp;&lt;/li&gt;&lt;li&gt;Khả năng chịu lỗi tốt do c&aacute;c service độc lập, một service bị lỗi th&igrave; to&agrave;n hệ thống c&oacute; khả năng vẫn hoạt động được v&agrave; dễ d&agrave;ng sửa lỗi đ&uacute;ng service đ&oacute;.&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;&lt;img src=&quot;https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-vRHmvtjLk6G4z9cXcw4wF248JGhu7rkr6Aj4xlNs.png&quot;&gt;&lt;/p&gt;&lt;h2&gt;4. Ưu v&agrave; nhược điểm của microservices&nbsp;&nbsp;&lt;br&gt;&nbsp;&lt;/h2&gt;&lt;h3&gt;&lt;strong&gt;Ưu điểm&lt;/strong&gt;&lt;/h3&gt;&lt;ul&gt;&lt;li&gt;Chia nhỏ hệ thống lớn th&agrave;nh c&aacute;c services nhỏ độc lập n&ecirc;n dễ d&agrave;ng ph&aacute;t triển, bảo tr&igrave; v&agrave; triển khai độc lập.&lt;/li&gt;&lt;li&gt;Dễ d&agrave;ng cho c&aacute;c th&agrave;nh vi&ecirc;n mới khi tham gia v&agrave;o dự &aacute;n, chỉ cần học c&aacute;c service nhỏ.&lt;/li&gt;&lt;li&gt;Khả năng kiểm so&aacute;t lỗi tốt, một hoặc v&agrave;i services bị lỗi thị hệ thống kh&ocirc;ng bị crash.&lt;/li&gt;&lt;li&gt;C&oacute; thể lựa chọn nhiều c&ocirc;ng nghệ kh&aacute;c nhau cho từng services.&lt;/li&gt;&lt;li&gt;Khả năng mở rộng linh hoạt, khi cần scale module, feature n&agrave;o th&igrave; scale service tương ứng.&lt;/li&gt;&lt;/ul&gt;&lt;h3&gt;&lt;strong&gt;Nhược điểm&lt;/strong&gt;&lt;/h3&gt;&lt;ul&gt;&lt;li&gt;Kiến tr&uacute;c phức tạp, đ&ograve;i hỏi phải c&oacute; kiến thức chuy&ecirc;n s&acirc;u về devops (CI/CD) để c&oacute; thể triển khai c&aacute;c services nhỏ trong một hệ thống lớn&lt;/li&gt;&lt;li&gt;Kh&oacute; để đồng bộ v&agrave; thống nhất giữa c&aacute;c services (dữ liệu, m&atilde; nguồn, con người trong c&aacute;c team..), cần phải ch&uacute; &yacute; việc giao tiếp giữa c&aacute;c services sao cho hiệu quả.&lt;/li&gt;&lt;li&gt;Kh&oacute; đảm bảo sự to&agrave;n vẹn v&agrave; nhất qu&aacute;n dữ liệu giữa c&aacute;c services do mỗi service sử dụng một database ri&ecirc;ng.&nbsp;&nbsp;&lt;br&gt;&lt;br&gt;&nbsp;&lt;/li&gt;&lt;/ul&gt;&lt;h2&gt;5. C&aacute;c nguy&ecirc;n l&yacute; khi x&acirc;y dựng service trong microservices&nbsp;&lt;/h2&gt;&lt;p&gt;&lt;img src=&quot;https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-J1NR21J9UiZ0pCvFU35ifBXiwbyrMrUAF1vylsYV.png&quot;&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Một service chỉ n&ecirc;n xử l&yacute; một nhiệm vụ ch&iacute;nh duy nhất.&nbsp;&nbsp;&lt;br&gt;&nbsp;&lt;/li&gt;&lt;li&gt;Mỗi service phải độc lập, c&oacute; khả năng đ&oacute;ng g&oacute;i v&agrave; triển khai độc lập. (CI/CD)&nbsp;&nbsp;&lt;br&gt;&nbsp;&lt;/li&gt;&lt;li&gt;C&oacute; thể di chuyển c&aacute;c services từ m&ocirc;i trường n&agrave;y sang m&ocirc;i trường kh&aacute;c dễ d&agrave;ng, thuận tiện cho việc t&iacute;ch hợp v&agrave; triển khai.&nbsp;&nbsp;&lt;br&gt;&nbsp;&lt;/li&gt;&lt;li&gt;Mỗi service n&ecirc;n c&oacute; dữ liệu của ri&ecirc;ng n&oacute;, kh&ocirc;ng n&ecirc;n chứa dữ liệu của c&aacute;c service kh&aacute;c. Nếu c&aacute;c service muốn chia sẻ dữ liệu th&igrave; n&ecirc;n giao tiếp qua c&aacute;c public interface.&nbsp;&nbsp;&lt;br&gt;&nbsp;&lt;/li&gt;&lt;li&gt;Khi một service bị lỗi th&igrave; kh&ocirc;ng ảnh hưởng đến to&agrave;n hệ thống. C&oacute; thể dễ d&agrave;ng hủy v&agrave; tạo lại service theo y&ecirc;u cầu.&nbsp;&nbsp;&lt;br&gt;&lt;br&gt;&nbsp;&lt;/li&gt;&lt;/ul&gt;&lt;h2&gt;6. Giới thiệu về series thực chiến x&acirc;y dựng hệ thống microservices&lt;/h2&gt;&lt;ul&gt;&lt;li&gt;Phần 1 chủ yếu l&yacute; thuyết tổng quan về kiến tr&uacute;c microservices. Hiểu được kh&aacute;i niệm v&agrave; tư tưởng.&lt;/li&gt;&lt;li&gt;Phần 2 sẽ giới thiệu cấu tr&uacute;c dự &aacute;n microservices. Đồng thời x&acirc;y dựng 2 services đầu ti&ecirc;n l&agrave; product (.net 6 + mySql) v&agrave; customer (.net 6 Minimal API + PostgreSQL)&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;&lt;img src=&quot;https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-qLj1llkf735WjoFuThx1oA7ZYt6xYxlMfY2ejItU.png&quot;&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Phần 3 nội dung về Clean Architecture v&agrave; CQRS pattern. Đồng thời x&acirc;y dựng 3 service: basket service (.net 6 + redis), order service (.net 6 + sql server) v&agrave; email service.&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;&lt;img src=&quot;https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-aiMfOSPBsazfROOz1eOttNvaK4PaJCrcByXRxrjk.png&quot;&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Phần 4 nội dung tập trung v&agrave;o c&aacute;ch c&aacute;c micro service giao tiếp với nhau. Phần n&agrave;y m&igrave;nh sẽ giới thiệu về RabbitMQ v&agrave; Kaffka. T&iacute;ch hợp RabbitMQ v&agrave;o hệ thống hiện tại cho quy tr&igrave;nh đặt h&agrave;ng - 2 services Basket v&agrave; Order sẽ giao tiếp với nhau.&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;&lt;img src=&quot;https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-NYxyyimZvdGmiBWMw58hKfsboBCN5aJV7omqOXOx.png&quot;&gt;&lt;img src=&quot;https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-wGUMGuu8WLpsYAJ1Lc0B3FL0dulfQ6X3nvWtd7S7.png&quot;&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Phần 5 về API Gateway (Ocelot) trong microservices&nbsp;&nbsp;&lt;br&gt;&lt;img src=&quot;https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-UMvqaAIhhxwHKr3oKiPVz5ajX8ck5lbhFolqhPEA.png&quot;&gt;&lt;/li&gt;&lt;li&gt;Phần cuối l&agrave; một số nội dung kh&aacute;c về micorservices như quản l&yacute; transaction giữa c&aacute;c services, xử l&yacute; logging cho c&aacute;c request giữa c&aacute;c service, health check v&agrave; retry (polly),.&hellip;&lt;/li&gt;&lt;/ul&gt;&lt;h2&gt;7. Tổng kết&nbsp;&nbsp;&lt;br&gt;&nbsp;&lt;/h2&gt;&lt;ul&gt;&lt;li&gt;Vậy l&agrave; ch&uacute;ng ta đ&atilde; đi qua tổng quan về microservices v&agrave; giới thiệu về nội dung tiếp theo trong series thực chiến x&acirc;y dựng hệ thống microservices.&lt;/li&gt;&lt;li&gt;Cảm ơn mọi người đ&atilde; xem b&agrave;i viết. Ch&uacute;c mọi người một cuối tuần vui vẻ.&lt;/li&gt;&lt;li&gt;Nếu c&oacute; thắc mắc về c&aacute;c phần trong b&agrave;i n&agrave;y mọi người c&oacute; thể inbox qua mail:&nbsp;&lt;a href=&quot;mailto:long.nguyendh@saigontechnology.com&quot;&gt;&lt;u&gt;long.nguyendh@saigontechnology.com&lt;/u&gt;&lt;/a&gt;. M&igrave;nh sẽ giải đ&aacute;p thắc mắc trong tầm hiểu biết. Cảm ơn mọi người.&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;&nbsp;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;References&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=&quot;https://learn.microsoft.com/en-us/azure/architecture/guide/architecture-styles/microservices&quot;&gt;&lt;u&gt;Microservice architecture - Azure&lt;/u&gt;&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;https://learn.microsoft.com/en-us/dotnet/architecture/microservices/architect-microservice-container-applications/microservices-architecture&quot;&gt;&lt;u&gt;Microservices architecture | Microsoft Learn&lt;/u&gt;&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;https://learn.microsoft.com/en-us/dotnet/architecture/microservices/architect-microservice-container-applications/direct-client-to-microservice-communication-versus-the-api-gateway-pattern&quot;&gt;&lt;u&gt;The API gateway pattern versus the direct client-to-microservice communication | Microsoft Learn&lt;/u&gt;&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;https://rabbitmq.com/&quot;&gt;&lt;u&gt;https://rabbitmq.com/&lt;/u&gt;&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;u&gt;https://kafka.apache.org/&lt;/u&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/body&gt;&lt;/html&gt;

Tổng quan về Microservices (Phần 1)

Cài đặt môi trường làm việc cho dự án microservices với docker, xây dựng cấu trúc ban đầu cho dự án, triển khai logging và product service, containerize cho product.service.

Thực chiến xây dựng kiến trúc dự án Microservices và triển khai Product Service (phần 2)

In the previous section (part 2), I provided an overview of how to set up a working environment using Docker containers and build a Product Service. In this section (part 3), we will shift our focus to building Customer Service using .NET, Minimal API, and PostgreSQL.

Hong Minh Phan