モノリスをどのように見たか。パート1

こんにちは、私の名前はVanyaです。Tinkoff Businessのフロントエンドでアーキテクチャの問題を解決します。次に、そのうちの1つについて説明します。

数年前、私たちは大きなモノリシックアプリケーションを持っていましたが、時間の経過とともに12個の小さなアプリケーションに成長しました。この記事では、モノリスで定期的に発生した問題、それらをどのように解決したか、フロントエンドを「ソーイング」する価値があるかどうかについて説明します。

同期

«» , , -. , iframe . .

(- ), . , -.

, : « - !». .

?

, , - . :

, «» , . , , , - , «» , .

?

- , :-) , :

• . -, . Frame Manager, .

• . , , window.myVar .my-bar. , - . , .

• . : . vendor.js , vendor1.js, vendor2.js . . , — . № 4, , , url' .

, , , , , . : , ?

. , :

1. . , . , , . , .

2. foundation. () libs . : - , ?

   • — . , . , Nx Workspace. , . , . , , .

   • : foundation package.json. . , , tsconfig.json.

   • git submodule / subtree — , , , - . : . — .

   • — npm-, . , . : auth 1.0.0 2.0.0, , - , 2.0.1, , , - . -, -/ . . — Lerna.

3. SPA. SPA, , , , , . , . , Frame Manager, . , , . : window.myVar, localStorage, sessionStorage, CustomEvent, postMessage .

4. (SSR), . . . , , iframe, SSR.

.

. . , npm-. 

, , - , , , . : « , , ?» :

• . , ? , . ?

• .

• ci pipeline, .

: Nx. apps/, libs/. , . ci pipeline pipeline , IaC.

tl;dr

, Frame Manager.

. , . tips&tricks, :

1. , ? , , , , , :)

2. «», . , , , , , , .

3. , . -, , — , , : .

4. — , , , . /.

5. , . , , , . , .

P. S.

, , , , , .

.