Building the layered server application achieved by InversifyJS

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

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
1
640
2bedb1eb8f841cd3c3ae584600b016e0?s=48 okunokentaro
7
2.4k
2bedb1eb8f841cd3c3ae584600b016e0?s=48 okunokentaro
18
5.2k
2bedb1eb8f841cd3c3ae584600b016e0?s=48 okunokentaro
0
160
2bedb1eb8f841cd3c3ae584600b016e0?s=48 okunokentaro
0
880
2bedb1eb8f841cd3c3ae584600b016e0?s=48 okunokentaro
7
1.6k
2bedb1eb8f841cd3c3ae584600b016e0?s=48 okunokentaro
3
1.2k
2bedb1eb8f841cd3c3ae584600b016e0?s=48 okunokentaro
0
270
2bedb1eb8f841cd3c3ae584600b016e0?s=48 okunokentaro
0
430

Other Decks in Technology

See All in Technology
Eebedc2ee7ff95ffb9d9102c6d4a065c?s=48 line_devday2020
0
200
Eebedc2ee7ff95ffb9d9102c6d4a065c?s=48 line_devday2020
0
100
1f745ff900e1be51aedae18cae76593c?s=48 kurochan
0
220
Eebedc2ee7ff95ffb9d9102c6d4a065c?s=48 line_devday2020
0
130
2aea20b60d544d0dcccb70a4bb6af648?s=48 hminamiohtsu
0
140
Eebedc2ee7ff95ffb9d9102c6d4a065c?s=48 line_devday2020
0
180
Eebedc2ee7ff95ffb9d9102c6d4a065c?s=48 line_devday2020
0
300
Eebedc2ee7ff95ffb9d9102c6d4a065c?s=48 line_devday2020
0
350
Eebedc2ee7ff95ffb9d9102c6d4a065c?s=48 line_devday2020
0
150
14c35b43867f0995b8052b1a6783c721?s=48 sugitk
1
280
744a38d972036c3bd0bcdaddafdd5f26?s=48 mathetake
6
840
Eebedc2ee7ff95ffb9d9102c6d4a065c?s=48 line_devday2020
0
190

Featured

See All Featured
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
393
60k
Ded01cdab114abe4ec13511e4c25b9bb?s=48 andyhume
61
2.5k
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
55
5.3k
1b8ad785acdd1ce1c99914b1c2a4e10e?s=48 sugarenia
232
810k
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
6
600
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
777
240k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
310
21k
D47656e20ff5e42f125fc5ea0fd636c6?s=48 tmm1
61
7.5k
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
296
39k
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
22
1.1k
Af6a12710770ad9a7cfd08c97efd40d3?s=48 pedronauck
651
110k
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
5
580

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