1~
2Apabila aplikasi web berkembang dari segi pengguna, data, dan ciri, kebolehskalaan menjadi keutamaan.
3~
4## Kebolehskalaan Menegak vs Mendatar
5~
6```mermaid
7flowchart LR
8    A[Users] --> B[Load Balancer]
9    B --> S1[Server 1]
10    B --> S2[Server 2]
11    B --> S3[Server 3]
12```
13~
14- **Menegak:** mudah dilaksanakan, tetapi dengan had fizikal.
15- **Mendatar:** lebih berdaya tahan dan boleh diskala.
16~
17## Caching: Mempercepatkan Respons
18~
19```mermaid
20flowchart TD
21    U[User] --> CDN[CDN]
22    CDN --> App[Application]
23    App --> DB[Database]
24```
25~
26## Pengimbangan Beban: Mengedarkan Trafik
27~
28```mermaid
29flowchart TD
30    U[User] --> LB[Load Balancer]
31    LB --> S1[Server 1]
32    LB --> S2[Server 2]
33    LB --> S3[Server 3]
34```
35~
36## Penskalaan Pangkalan Data: Replikasi dan Sharding
37~
38```mermaid
39flowchart TD
40    App[Application] --> DB1[Shard 1]
41    App --> DB2[Shard 2]
42    App --> DB3[Shard 3]
43```
44~
45## Mikroservis dan Seni Bina Teragih
46~
47```mermaid
48flowchart TD
49    U[User] --> API[API Gateway]
50    API --> MS1[Microservice 1]
51    API --> MS2[Microservice 2]
52    API --> MS3[Microservice 3]
53    MS1 --> DB1[(DB 1)]
54    MS2 --> DB2[(DB 2)]
55    MS3 --> DB3[(DB 3)]
56```
57~
58## Ketidaksegerakan dan Baris Gilir Kerja
59~
60```mermaid
61flowchart TD
62    App[Application] -- send task --> Queue[Queue]
63    Queue --> Worker[Worker]
64    Worker --> DB[Database]
65```
66~
67## Pemantauan dan Penskalaan Auto
68~
69## Corak Kebolehskalaan Biasa
70~
71- **Strangler Fig Pattern**: penghijrahan beransur-ansur dari monolit ke mikroservis.
72- **CQRS**: memisahkan bacaan dan penulisan.
73- **Event Sourcing**: keadaan aplikasi diuruskan melalui peristiwa.
74~
75## Corak Kebolehskalaan Lanjutan
76~
77- **Circuit Breaker**: menghalang kegagalan berantai.
78- **Bulkhead**: mengasingkan sumber antara komponen.
79- **Retry dan Backoff**: cubaan semula automatik dengan selang meningkat.
80- **Rate Limiting**: mengehadkan bilangan permintaan.
81~
82```mermaid
83flowchart TD
84    Client --> API[API Gateway]
85    API --> CB[Circuit Breaker]
86    CB --> Svc[Service]
87    Svc --> DB[Database]
88    API --> RL[Rate Limiter]
89    RL --> CB
90```
91~
92## Aliran Permintaan Lengkap
93~
94```mermaid
95flowchart LR
96    U[User] --> CDN[CDN]
97    CDN --> LB[Load Balancer]
98    LB --> API[API Gateway]
99    API --> MS[Microservices]
100    MS --> MQ[Message Queue]
101    MS --> Redis[Cache]
102    MS --> DB[Database]
103    MQ --> Worker[Worker]
104    Worker --> DB
105```
106~
107## Kesimpulan
108~
109Menskalakan aplikasi web memerlukan visi holistik: seni bina, alat, automasi, pemantauan, dan budaya DevOps. Mengkaji corak lanjutan dan belajar daripada kesilapan syarikat besar adalah kunci untuk membina sistem yang berdaya tahan.
110~