Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Building the layered server application achieved by InversifyJS

2bedb1eb8f841cd3c3ae584600b016e0?s=47 OKUNOKENTARO
December 01, 2019
Technology
1
2.8k

Building the layered server application achieved by InversifyJS

The slide that used when I talked in JSConf JP.

2bedb1eb8f841cd3c3ae584600b016e0?s=128

OKUNOKENTARO

December 01, 2019
Tweet

More Decks by OKUNOKENTARO

See All by OKUNOKENTARO
2bedb1eb8f841cd3c3ae584600b016e0?s=48 okunokentaro
2
780
2bedb1eb8f841cd3c3ae584600b016e0?s=48 okunokentaro
7
2.4k
2bedb1eb8f841cd3c3ae584600b016e0?s=48 okunokentaro
19
5.9k
2bedb1eb8f841cd3c3ae584600b016e0?s=48 okunokentaro
0
160
2bedb1eb8f841cd3c3ae584600b016e0?s=48 okunokentaro
0
930
2bedb1eb8f841cd3c3ae584600b016e0?s=48 okunokentaro
7
1.7k
2bedb1eb8f841cd3c3ae584600b016e0?s=48 okunokentaro
3
1.3k
2bedb1eb8f841cd3c3ae584600b016e0?s=48 okunokentaro
0
290
2bedb1eb8f841cd3c3ae584600b016e0?s=48 okunokentaro
0
460

Other Decks in Technology

See All in Technology
Fb025419ed38f98df595eb2eafc859f4?s=48 ihcomega56
1
450
877f92a3597118cda2715790fa170ad4?s=48 benzookapi
0
120
5b47136bedcba2799edf4fcd27ea66d7?s=48 yaegashi
0
210
3a95702770e66754d87b824c1400054f?s=48 oliva
7
1k
33d6320b53f63f6627508095633cf5ce?s=48 yosuke_matsuura
PRO
0
170
19fc8f6113c5c3d86e6176362ff29479?s=48 kanaugust
PRO
0
110
Ff7f1f76468f46a1c5c84b9238a4b162?s=48 miyake
1
390
9f3a83db74bee75a64b5e6ed106a775c?s=48 twada
PRO
6
1.9k
04ed942e4752bcefd412a04f6380fb13?s=48 azara
1
820
3373c144fef1d3518b9b3f24a6b46ad0?s=48 lmi
2
830
61f2b4a323d0a406edcd1464acc694ed?s=48 tomihisa
1
1.1k
A2cac4b3dcb2bc0b87917ddc034ef708?s=48 sansandsoc
2
520

Featured

See All Featured
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
219
15k
Ded01cdab114abe4ec13511e4c25b9bb?s=48 andyhume
64
3.7k
D8fc2580cfaca035f666d9e4ee79a7f7?s=48 mongodb
23
3.9k
11c84dff30266b907714802088852677?s=48 jasonvnalue
82
8.1k
C44e1f7e22c3f23cff7bc130871047ef?s=48 eileencodes
113
25k
E195ae45320d9202eaa01c9f1d31a416?s=48 marktimemedia
7
390
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
190
17k
9fa239b3154a0169d99ab7bf1422dd12?s=48 marcelosomers
220
15k
282d599b414022eba5096510f675b6e2?s=48 chrislema
231
16k
A9704266587836f7e784235e5073b93e?s=48 jmmastey
10
600
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
5
710
4394ceb8b277f35ee3da7030384efb5d?s=48 davidbonilla
70
3.6k

Transcript

  1. #VJMEJOHUIFMBZFSFETFSWFSBQQMJDBUJPO
 BDIJFWFECZ*OWFSTJGZ+4 %FD +4$POG+1 !PLVOPLFOUBSP

  2. +4$POG+1 ˙ ,FOԞ໺ݡଠ࿠
 !PLVOPLFOUBSP ˙ $MJFOUTJEF4FSWFSTJEFEFWFMPQFS ˙ "OHVMBS+BQBO6TFS(SPVQ

  3. +4$POG+1 "HFOEB ˙ .ZBQQMJDBUJPOBSDIJUFDUVSF ˙ 8IBUJTUJHIUDPVQMJOH 8IZEPXFOFFE%*1  ˙ %FWFMPQJOHXJUI


    5ZQF4DSJQU &YQSFTT *OWFSTJGZ+4 ,OFYKT

  4. 8IBUUPEFWFMPQ

  5. +4$POG+1 8IBUUPEFWFMPQ ˙ 5IFOFX4BB4UIBUDIBOHFTUIFXBZZPVMJTUFOUP NVTJD

  6. +4$POG+1 )VNCMFQSPCMFNT ˙ *UTIPVMEIBWFCFFOSFMFBTFEOPX
 XIFO*BQQMJFEGPS$'1 ˙ %FWFMPQNFOUQFOEJOH ˙ 8JMMUBMLBCPVUEFWFMPQJOHBUFTUWFSTJPO

  7. 4ZTUFNBSDIJUFDUVSF

  8. +4$POG+1 ˙ (PPHMF$MPVE1MBUGPSN ˙ $MPVE42- ˙ "QQ&OHJOF 4UBOEBSEFOWJSPONFOU 
 XJUI/PEFKT

    ˙ $MPVE4UPSBHF

  9. "QQMJDBUJPOBSDIJUFDUVSF

  10. +4$POG+1 ˙ 5ZQF4DSJQU ˙ 4FSWFS&YQSFTT ˙ $MJFOU"OHVMBS

  11. 8IBUJTUJHIUDPVQMJOH

  12. +4$POG+1 5JHIUDPVQMJOH ˙ %JGpDVMUTJUVBUJPOUPEFUFSNJOFXIJDIDPEFDIBOHFT XJMMBGGFDUXIFSF ˙ *OUSJDBUFMZJOUFSUXJOFE ˙ 4DIFNB FYUFSOBMTFSWJDFT

    CVTJOFTTSVMFT 
 TUSVDUVSFPG3&45"1* (6*FMFNFOUT

  13. 'PSFYBNQMF

  14. +4$POG+1 ˙ $SFBUFEB3&45"1*XJUIBEBUBTUSVDUVSFTJNJMBSUP
 UFYUpFMETPOUIFTDSFFO ˙ 1FSTJTUFEUIF+40/BTJUJTJOUIFEBUBCBTF

  15. +4$POG+1 ˙ 0VUCSFBLPGSFEFTJHO ˙ 5FYUpFMETXFSFTQMJUJOUPNVMUJQMFTFDUJPOT
 XIFOUIFDMJFOUBQQXBTSFEFTJHOFE ˙ "EEFETDSFFOUSBOTJUJPO

  16. +4$POG+1 ˙ %BUBCBTFTDIFNBXBTTUSPOHMZEFQFOEFOU
 POUIFTDSFFOCFGPSFSFEFTJHO ˙ $POTJTUFODZIBTCFFOMPTU

  17. +4$POG+1 8IZ Screen before redesigned Schema before redesigned Redesigned screen

    Schema before redesigned

  18. +4$POG+1 8IBUTIPVMEXFEP Redesigned screen Schema unaffected by a screen design

    Abstract interface

  19. +4$POG+1 -BZFSJOH

  20. -BZFSFEBSDIJUFDUVSF

  21. +4$POG+1 4PMJUBSZCBUUMF ˙ 8IFOTFSWFSBOEDMJFOUBSFJNQMFNFOUFEBMPOF 
 XFDPVMEXSJUFDPEFTXJUIQFSGFDUGSFFEPN ˙ 5IBUJT

  22. %JTUVSCFEBSFB

  23. PS

  24. +4$POG+1 Render and
 handle event Persist

  25. +4$POG+1 Render and
 handle event Persist Client Server

  26. +4$POG+1 Render and
 handle event Persist Usecases Abstract storages Mediator

    Repository HTTP

  27. +4$POG+1 Render and
 handle event Persist Usecases Abstract storages Mediator

    Repository HTTP -BZFSFEDMJFOU -BZFSFETFSWFS

  28. +4$POG+1 #SJOHPSEFS ˙ 3FHBSEMFTTPGUIFOVNCFSPGEFWFMPQFST 
 BMXBZTCFBXBSFPGEJTDJQMJOFEDPEFEJWJTJPOT ˙ -PPLTMJLFBOPSHBOJ[FETIFMG ˙ "CMFUPEJWJEFMBCPS

    4PNFEBZ

  29. +4$POG+1 ˙ %%%%PNBJO%SJWFO%FTJHO ˙ 5PVHIUPUBLF%%%QFSGFDUMZ ˙ ,OPXUIFDPODFQUBOECPSSPXJU ˙ .%%.PEFM%SJWFO%FWFMPQNFOU ˙

    3FQPTJUPSZ%BUBQFSTJTUFODFBCTUSBDUJPO

  30. 3FQPTJUPSZQBUUFSO

  31. +4$POG+1 ˙ %BUBCBTFJTBMNPTUBMXBZTOPSNBMJ[FE ˙ .VMUJQMFUBCMFT ˙ .VMUJQMFSFBETBOEXSJUFT ˙ .BOZ+0*/ ˙

    .BOZUSBOTBDUJPOT

  32. +4$POG+1 $IBPTEVSJOHNJHSBUJPO ˙ *UTQBJOGVMUPpYUIFXIPMFBQQMJDBUJPO
 XJUIFBDI%#NJHSBUJPOT ˙ 7JPMBUFT0JO40-*%QSJODJQMFT ˙ 0$1&OUJUJFTTIPVMECFPQFOGPSFYUFOTJPO 


    CVUDMPTFEGPSNPEJpDBUJPO

  33. +4$POG+1 3FQPTJUPSZ ˙ %BUBCBTFBCTUSBDUJPO ˙ %FDPVQMFTEBUBCBTFNBQQJOHGSPN
 UIFEPNBJONPEFMJUTFMG ˙ 4USFOHUIFOTQFDJpDBUJPODIBOHFT

  34. +4$POG+1 %#DPOOFDUJPO ˙ .BOZDSFEFOUJBMTBSFUSFBUFEBTFOWJSPONFOU WBSJBCMFT ˙ %BUBCBTFOBNFT VTFST QBTTXPSET ˙

    .PTUPGUIFNNBZCFTQFDJpFEJOEJWJEVBMMZ
 GPSQSPEVDUBOEEFWFMPQNFOU

  35. +4$POG+1 %JGpDVMUUPUFTU ˙ *GZPVDPOOFDUUP%#GPSQSPEVDUJPO
 FWFSZUJNFZPVUFTU ZPVDBOUUFTUPGqJOF ˙ 8IFOQSFQBSJOHBpYUVSF%#GPSUFTUJOH 
 ZPVDBOUEPJUFWFOJGZPVXBOUUPTQMJUJU

  36. )PX 

  37. %FQFOEFODZ*OWFSTJPO1SJODJQMF

  38. +4$POG+1 ˙ %*1 ˙ %JO40-*%QSJODJQMFT

  39. +4$POG+1 ˙ )JHIMFWFMNPEVMFTTIPVMEOPUEFQFOEPOMPXMFWFM NPEVMFT ˙ #PUITIPVMEEFQFOEPOBCTUSBDUJPOT ˙ "CTUSBDUJPOTTIPVMEOPUEFQFOEPOEFUBJMT ˙ %FUBJMTTIPVMEEFQFOEPOBCTUSBDUJPOT

  40. 3JHIU

  41. .PSFGBNJMJBSFYBNQMFT☝

  42. class UserId { readonly value: string; constructor() { this.value =

    uuid(); } } /PUHPPE

  43. function makeUserId(): UserId { return new UserId(uuid()); } function makeUserIdMock(mockValue:

    string): UserId { return new UserId(mockValue); } class UserId { constructor(readonly value: string) {} } #FUUFS

  44. class UsersRepository { private readonly db: Knex; constructor() { this.db

    = knex(config); } } /PUHPPE

  45. class UsersRepository { constructor( private readonly db: DatabaseProvider ) {}

    } #FUUFS

  46. class UsersGetMediator { async handle(req: Request, res: Response) { const

    repo = new UsersRepository( new DatabaseProvider(), ); const users = await repo.getAll(); // Processing to send response } } )NNN

  47. class Application { private router: Router; constructor() { this.router =

    new Router( new UsersGetMediator( new UsersRepository( new DatabaseProvider(), ) ) ) } } :PVLOPX

  48. class Application { private router: Router; constructor() { this.router =

    new Router( new UsersGetMediator( new UsersRepository( new DatabaseProvider(), ) ) ) } } )!%0,&/

  49. *TUIJTPLBZ

  50. -FUTVTF%*DPOUBJOFS

  51. import { injectable } from 'inversify'; @injectable() export class Application

    { constructor( private readonly auth: AuthService, private readonly router: Router, private readonly express: ExpressProvider, ) {} main() { this.auth.prepare(); this.router.prepare(); this.express.listen(); } } *OKFDUBCMFEFDPSBUPS

  52. @injectable() export class UsersGetMediator { constructor( private readonly auth: AuthService,

    private readonly permissionVerifier: PermissionVerifier, private readonly errorHandler: ErrorHandler, private readonly usersRepo: UsersRepository, ) {} async handle(req: Request, res: Response) { if (!(await this.auth.isAuthenticated(req))) { return this.errorHandler.unauthorized(res); } if (!(await this.permissionVerifier.canReadUsers(req.user.id))) { return this.errorHandler.forbidden(res); } const users = await this.usersRepo.getAll(); const body: UsersGetResponse = { users: users.serialize(), }; res.send(body).end(); } }

  53. +4$POG+1 *OWFSTJGZ+4 ˙ "CMFUPIBOEMF"constructor injection" ˙ *OUFSGBDFTJNJMBSUP"OHVMBS ˙ IUUQTHJUIVCDPNJOWFSTJGZ*OWFSTJGZ+4

  54. I was going to introduce the trick here...

  55. But I have found it...

  56. +4$POG+1 54ZSJOHF ˙ .BEFCZ.JDSPTPGU ˙ *OUFSGBDFTJNJMBSUP*OWFSTJGZ+4
 *OPUIFSXPSET TJNJMBSUP"OHVMBS ˙ /POFFEGPSNZUSJDLTGPS*OWFSTJGZ+4

    ˙ IUUQTHJUIVCDPNNJDSPTPGUUTZSJOHF

  57. %FWFMPQJOHXJUI
 5ZQF4DSJQU &YQSFTT  *OWFSTJGZ+4 ,OFYKT

  58. +4$POG+1 Express Http Handler (Router) Google Cloud SQL Mediator Repository

    Database Provider Reader Writer

  59. +4$POG+1 Express Http Handler (Router) Google Cloud SQL Mediator Repository

    Database Provider Reader Writer Http Request (Not TS) Domain model Data access object Knex.js ORM Raw SQL Query (Not TS)

  60. +4$POG+1 Express Http Handler (Router) Google Cloud SQL Mediator Repository

    Database Provider Reader Writer Serialized JSON (Not TS) Domain model Data transfer object Results as JSON (Not TS)

  61. +4$POG+1 ˙ *OUSPEVDF"value object"CZ%%% ˙ "WPJEVTJOHQSJNJUJWFUZQFTBTNVDIBTQPTTJCMF
 MJLFstring number ˙ 'PSFYBNQMF


    UserId UserName AccessToken Email

  62. +4$POG+1 ˙ /PUVTFBWBMJEBUPSGVODUJPOBOEBOifTUBUFNFOU ˙ 7FSJGZCZUISPXJOHBOFYDFQUJPOCZUIFDPOTUSVDUPS ˙ *GJOTUBOUJBUJPOJTTVDDFTTGVM 
 BMXBZTWBMJEBUFEBOEDPNQJMFTBGF

  63. +4$POG+1 8IZEPOU*VTF/FTU+4 ˙ IUUQTOFTUKTDPN ˙ /FTU+4IBTEFQFOEFODZJOKFDUJPO ˙ *QSFGFS"OHVMBSCVU*MJLFUPDPNCJOF
 UIFNJOJNVNSFRVJSFEGFBUVSFTPOUIFTFSWFSTJEF ˙

    5BTUFTEJGGFS

  64. -FUTTUBZPSHBOJ[FE XJUI%*$POUBJOFS

  65. 5IBOLZPV