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
3k

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
550
2bedb1eb8f841cd3c3ae584600b016e0?s=48 okunokentaro
16
4.7k
2bedb1eb8f841cd3c3ae584600b016e0?s=48 okunokentaro
0
83
2bedb1eb8f841cd3c3ae584600b016e0?s=48 okunokentaro
1
210
2bedb1eb8f841cd3c3ae584600b016e0?s=48 okunokentaro
2
1k
2bedb1eb8f841cd3c3ae584600b016e0?s=48 okunokentaro
7
2.8k
2bedb1eb8f841cd3c3ae584600b016e0?s=48 okunokentaro
20
8.2k
2bedb1eb8f841cd3c3ae584600b016e0?s=48 okunokentaro
0
210
2bedb1eb8f841cd3c3ae584600b016e0?s=48 okunokentaro
0
1.1k

Other Decks in Technology

See All in Technology
1b031ccbf968811f157cf7a892dddfed?s=48 geshan
1
280
Aa5b922fefbf18bea89972521971dfea?s=48 yoshikiiida
6
6.8k
009290980b2bcb0a5e37de31fbf42aa7?s=48 keisuke198619
0
300
Fad1e9ed293fc5b3ec7d4abdffeb636f?s=48 auxesis
0
640
A2cac4b3dcb2bc0b87917ddc034ef708?s=48 sansandsoc
0
300
140494d272a4d89883a94fdfdb29dea2?s=48 oracle4engineer
PRO
1
720
140494d272a4d89883a94fdfdb29dea2?s=48 oracle4engineer
PRO
1
940
A2cac4b3dcb2bc0b87917ddc034ef708?s=48 sansandsoc
0
660
317216a637255b5f667dfa4173f83ab1?s=48 watal
2
890
9bc35c46b94d7f2657760455cf3fa36a?s=48 nukemberg
1
160
C8e367921ddd6417ed93849fd067a982?s=48 habakan
1
810
7a37d60769f6f3004adee19a8ff2c219?s=48 tunepolo
8
4.6k

Featured

See All Featured
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
237
18k
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
289
47k
4394ceb8b277f35ee3da7030384efb5d?s=48 davidbonilla
75
3.8k
64827b31aef81498662e8af4bd6d5157?s=48 jonrohan
1021
410k
78b475797a14c84799063c7cd073962f?s=48 holman
451
140k
B83d5b590577969ee79a5ad845411a7d?s=48 ammeep
660
55k
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
85
8.3k
5b6a2bd86ef643786a381a212e0ef2f1?s=48 geoffreycrofte
44
3.7k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
73
4k
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
92
4.4k
Af6a12710770ad9a7cfd08c97efd40d3?s=48 pedronauck
656
120k
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
44
2.2k

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