Angular4.3のHttpClientとHttpInterceptorを使ってみよう！

Angular4.3で追加されたHttpClientとHttpInterceptorの話です

Transcript

1. OHGVLVPLB "OHVMBS
   ৮Ζ͏ͷձ
   JO
   'VLVPLB
   
2. "OHVMBS৮Ζ͏ͷձ
   JO
   'VLVPLB
    "OHVMBS
   
   ͷ
   )UUQ$MJFOUͱ)UUQ*OUFSDFQUPS
   Λ࢖ͬͯΈΑ͏ʂ 2
3. "OHVMBS৮Ζ͏ͷձ
   JO
   'VLVPLB
    3 ৽෱
   ٓါ
 !QVLVY 
 ג Ϩεί
   
   ΤϯδχΞ
 OHGVLVPLB୅ද
4. "OHVMBS৮Ζ͏ͷձ
   JO
   'VLVPLB
    4 
 "OHVMBS
   
5. "OHVMBS৮Ζ͏ͷձ
   JO
   'VLVPLB
    Կ͕มΘͬͨʁ w DPNNPOIUUQʹ৽͍͠Ϟδϡʔϧ௥Ճ
   w )UUQ$MJFOU
   αʔϏε
   w )UUQ*OUFSDFQUPS
   ΠϯλʔϑΣʔε
   w ৽͍͠3PVUFSϥΠϑαΠΫϧΠϕϯτ
   w EFFQ
   $44ηϨΫλ 5
6. "OHVMBS৮Ζ͏ͷձ
   JO
   'VLVPLB
    )UUQ$MJFOU 6
7. "OHVMBS৮Ζ͏ͷձ
   JO
   'VLVPLB
    )UUQ$MJFOU.PEVMF w !BOHVMBSDPNNPOIUUQ
   ΛΠϯϙʔτ 7 JNQPSU
   \
   /H.PEVMF
   ^
   GSPN
   !BOHVMBSDPSF
   JNQPSU
   \
   #SPXTFS.PEVMF
   ^
   GSPN
   !BOHVMBSQMBUGPSNCSPXTFS
   JNQPSU
   \
   )UUQ$MJFOU.PEVMF
   ^
   GSPN
   !BOHVMBSDPNNPOIUUQ
   !/H.PEVMF \
   
   
   
   
   JNQPSUT
   <
   
   
   
   
   
   
   
   #SPXTFS.PEVMF
   
   
   
   
   
   
   
   )UUQ$MJFOU.PEVMF
   
   
   
   
   >
   ^
   FYQPSU
   DMBTT
   "QQ.PEVMF
   \
   ^
8. "OHVMBS৮Ζ͏ͷձ
   JO
   'VLVPLB
    )UUQ$MJFOU w )UUQ$MJFOUΛ%* 8 JNQPSU
   \
   *OKFDUBCMF
   ^
   GSPN
   !BOHVMBSDPSF
   JNQPSU
   \
   )UUQ$MJFOU
   ^
   GSPN
   !BOHVMBSDPNNPOIUUQ
   !*OKFDUBCMF
   FYQPSU
   DMBTT
   4BNQMF4FSWJDF
   \
   
   
   
   DPOTUSVDUPS QSJWBUF
   IUUQ
   )UUQ$MJFOU
   \^
   ^
9. "OHVMBS৮Ζ͏ͷձ
   JO
   'VLVPLB
    ࢖ͬͯΈΑ͏ʂ w #FGPSFʢ!BOHVMBSIUUQʣ
   w 
 w "GUFSʢ!BOHVMBSDPNNPOIUUQʣ 9 FYQPSU
   DMBTT
   4BNQMF4FSWJDF
   \
   
   
   DPOTUSVDUPS QSJWBUF
   IUUQ
   )UUQ
   \^
   
   
   UIJTIUUQHFU VSM NBQ SFTQPOTF
   
   SFTQPOTFKTPO TVCTDSJCF EBUB
   
    
   ^ FYQPSU
   DMBTT
   4BNQMF4FSWJDF
   \
   
   
   DPOTUSVDUPS QSJWBUF
   IUUQ
   )UUQ$MJFOU
   \^
   
   
   UIJTIUUQHFU VSM TVCTDSJCF EBUB
   
    
   ^ ඪ४Ͱ+40/ύʔε
   ͯ͘͠ΕΔΑ͏ʹͳͬͨ
10. "OHVMBS৮Ζ͏ͷձ
    JO
    'VLVPLB
     Ϩεϙϯεͷܕࢦఆ w #FGPSFʢ!BOHVMBSIUUQʣ
    w 
 w "GUFSʢ!BOHVMBSDPNNPOIUUQʣ 10 FYQPSU
    DMBTT
    4BNQMF4FSWJDF
    \
    
    
    DPOTUSVDUPS QSJWBUF
    IUUQ
    )UUQ
    \^
    
    
    UIJTIUUQHFU VSM NBQ SFTQPOTF
    
    SFTQPOTFKTPO TVCTDSJCF EBUB
    
     
    ^ FYQPSU
    DMBTT
    4BNQMF4FSWJDF
    \
    
    
    DPOTUSVDUPS QSJWBUF
    IUUQ
    )UUQ$MJFOU
    \^
    
    
    UIJTIUUQHFUTUSJOH VSM TVCTDSJCF EBUB
    
     
    ^ Ϩεϙϯεͷܕ͕
 ࢦఆͰ͖ΔΑ͏ʹͳͬͨ
11. "OHVMBS৮Ζ͏ͷձ
    JO
    'VLVPLB
     ׬શͳϨεϙϯεͷऔಘ w "GUFSʢ!BOHVMBSDPNNPOIUUQʣ 11 FYQPSU
    DMBTT
    4BNQMF4FSWJDF
    \
    
    
    DPOTUSVDUPS QSJWBUF
    IUUQ
    )UUQ$MJFOU
    \^
    
    
    UIJTIUUQHFU.Z+TPO%BUB VSM
    \
    PCTFSWF
    SFTQPOTF
    ^ 

    
    
    
    TVCTDSJCF SFTQPOTF
    
    \
    
    
    
    
    
    
    DPOTPMFMPH SFTQPOTFIFBEFSTHFU 9$VTUPN)FBEFS 
    
    
    
    
    
    
    DPOTPMFMPH SFTQPOTFCPEZTPNF'JFME 
    
    
    
    
    ^ 
    ^ Ϩεϙϯεϔομ΋औಘͰ͖ΔΑ͏ʹͳͬͨ
    ˞ϨεϙϯεϘσΟͷܕࢦఆ͸༗ޮ
12. "OHVMBS৮Ζ͏ͷձ
    JO
    'VLVPLB
     )UUQ*OUFSDFQUPS 12
13. "OHVMBS৮Ζ͏ͷձ
    JO
    'VLVPLB
     Πϯλʔηϓλ w ௨৴લޙʹڞ௨ॲཧΛ૊ΈࠐΉ 13 JNQPSU
    \
    *OKFDUBCMF
    ^
    GSPN
    !BOHVMBSDPSF
    JNQPSU
    \
    )UUQ&WFOU
    )UUQ*OUFSDFQUPS
    )UUQ)BOEMFS
    )UUQ3FRVFTU
    ^
    GSPN
    !BOHVMBSDPNNPOIUUQ
    JNQPSU
    \
    0CTFSWBCMF
    ^
    GSPN
    SYKT0CTFSWBCMF
    !*OKFDUBCMF
    FYQPSU
    DMBTT
    4BNQMF*OUFSDFQUPS
    JNQMFNFOUT
    )UUQ*OUFSDFQUPS
    \
    
    
    JOUFSDFQU SFRVFTU
    )UUQ3FRVFTUBOZ
    OFYU
    )UUQ)BOEMFS 
    0CTFSWBCMF)UUQ&WFOUBOZ
    \
    
    
    
    
    SFUVSO
    OFYUIBOEMF SFRVFTU 
    
    
    Կ΋͠ͳ͍
    
    
    ^
    ^
14. "OHVMBS৮Ζ͏ͷձ
    JO
    'VLVPLB
     ϦΫΤετΛՃ޻ 14 !*OKFDUBCMF
    FYQPSU
    DMBTT
    4BNQMF*OUFSDFQUPS
    JNQMFNFOUT
    )UUQ*OUFSDFQUPS
    \
    
    
    JOUFSDFQU SFRVFTU
    )UUQ3FRVFTUBOZ
    OFYU
    )UUQ)BOEMFS 
    0CTFSWBCMF)UUQ&WFOUBOZ
    \
    
    
    
    
    DPOTU
    SFR
    
    SFRVFTUDMPOF \
    
    
    
    
    
    
    XJUI$SFEFOUJBMT
    USVF
    
    
    
    
    
    
    IFBEFST
    SFRVFTUIFBEFST
    
    
    
    
    
    
    
    
    TFU $POUFOU5ZQF
    BQQMJDBUJPOKTPO
    
    
    
    
    
    
    
    
    TFU 93FRVFTUFE8JUI
    9.-)UUQ3FRVFTU
    
    
    
    
    ^ 
    
    
    
    
    SFUVSO
    OFYUIBOEMF SFR 
    
    
    ^
    ^
15. "OHVMBS৮Ζ͏ͷձ
    JO
    'VLVPLB
     ϨεϙϯεΛՃ޻ 15 !*OKFDUBCMF
    FYQPSU
    DMBTT
    4BNQMF*OUFSDFQUPS
    JNQMFNFOUT
    )UUQ*OUFSDFQUPS
    \
    
    
    JOUFSDFQU SFRVFTU
    )UUQ3FRVFTUBOZ
    OFYU
    )UUQ)BOEMFS 
    0CTFSWBCMF)UUQ&WFOUBOZ
    \
    
    
    
    
    DPOTU
    SFR
    
    SFRVFTUDMPOF \ʜ^ 
    
    
    লུ
    
    
    
    
    SFUVSO
    OFYUIBOEMF SFR EP FWFOU
    
    \
    
    
    
    
    
    
    JG
    FWFOU
    JOTUBODFPG
    )UUQ3FTQPOTF
    \
    
    
    
    
    
    
    
    
    DPOWFSU*4USJOH5P%BUF FWFOUCPEZ 
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    จࣈྻΛ%BUFܕʹม׵ͨ͠Γ
    
    
    
    
    
    
    
    
    TFTTJPO4UPSBHFTFU*UFN DBDIF
    FWFOUCPEZ 
    
    8FCετϨʔδʹอଘͨ͠Γ
    
    
    
    
    
    
    ^
    
    
    
    
    ^ 
    
    
    ^
    ^
16. "OHVMBS৮Ζ͏ͷձ
    JO
    'VLVPLB
     Πϯλʔηϓλొ࿥ 16 JNQPSU
    \
    /H.PEVMF
    ^
    GSPN
    !BOHVMBSDPSF
    JNQPSU
    \
    )551@*/5&3$&15034
    ^
    GSPN
    !BOHVMBSDPNNPOIUUQ
    JNQPSU
    \
    4BNQMF*OUFSDFQUPS
    ^
    GSPN
    bTBNQMFJOUFSDFQUPS
    !/H.PEVMF \
    
    
    
    
    QSPWJEFST
    <\
    
    
    
    
    
    
    QSPWJEF
    )551@*/5&3$&15034
    
    
    
    
    
    
    VTF$MBTT
    4BNQMF*OUFSDFQUPS
    
    
    
    
    
    
    NVMUJ
    USVF
    
    
    ඞਢ
    
    
    
    
    ^
    \
    
    
    
    
    
    
    ʜ
    ଞͷΠϯλʔηϓλʢࢦఆॱʹ࣮ߦʣ
    
    
    
    
    ^>
    ^
    FYQPSU
    DMBTT
    "QQ.PEVMF
    \^
17. "OHVMBS৮Ζ͏ͷձ
    JO
    'VLVPLB
     )UUQ$MJFOUͱ)UUQ*OUFSDFQUPS
 ͸͍͍ͧʂ 17
18. "OHVMBS৮Ζ͏ͷձ
    JO
    'VLVPLB
     18 ৄ͘͠͸8FCͰ IUUQRJJUBDPNQPOEBZJUFNTFDFDEF IUUQTBOHVMBSJPHVJEFIUUQ
19. "OHVMBS৮Ζ͏ͷձ
    JO
    'VLVPLB
     εϙϯαʔืू w ׆ಈʹ͝ࢍಉ͍͚ͨͩΔεϙϯαʔ༷Λืू
    w εϙϯαʔτʔΫͱͯ͠ࠂ஌࿮Λ༻ҙ
    w ࿈བྷઌ
    ˠ
    OHGVLVPLB!HNBJMDPN 19 ΑΖ͘͠
    ͓ئ͍͠·͢
20. OHGVLVPLB +PJO
    VT
    
    
    
    
    
    
    OHGVLVPLB
    4MBDL
    UFBN
    IUUQTHPPHMGPSNT::-BR""Q#Y$.ZY