JWTを使ã£ãŸä»Šã©ãã®SPAã®èªè¨¼ã«ã¤ã„㦠| HiCustomer Lab - HiCustomer Developer's BlogTL;DR JWTã¯Cookieを使ã£ãŸèªè¨¼ã®ä»£ã‚ã‚Šã«ä½¿ã†ã®ã¯ãã¤ã„。 コードをé™çš„ã«ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã—ã¦ã„ã‚‹SPAã®è©±ã€‚ JWTã®æœ‰åŠ¹æœŸé–“ã‚’é•·ãã™ã‚Œã°å±é™ºã§ã€çŸãã™ã‚Œã°UXãŒçŠ 牲ã«ãªã‚‹ã¨ã„ã†ãƒˆãƒ¬ãƒ¼ãƒ‰ã‚ªãƒ•ãŒã‚る。 AWS Amplifyã¯localStorageã«JWTã‚’ä¿å˜ 悪æ„ã®ã‚ã‚‹Third partyライブラリãŒæ··ã–ã£ã¦ã„ãŸã‚‰JWTを抜ã‹ã‚Œã‚‹ã€‚ yarn.lockãŒä¾å˜ã—ã¦ã„る全ライブラリを監査ã™ã‚‹ã“ã¨ã¯ã¤ã‚‰ã„。 Auth0ã§ã¯iFrameを活用ã—ã¦ãƒ¡ãƒ¢ãƒªä¸Šã«JWTã‚’æ ¼ç´ã§ãã‚‹ Auth0ã„ã„ã😠ã¾ãら YoutubeãŒå¤§å¥½ããªHiCustomerã®å°ç”°ã§ã™ã€‚ã¡ã‚‡ã£ã¨é…ã„ã§ã™ãŒå¹´æ˜Žã‘最åˆã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã™ã€‚今年もテックブãƒã‚°ã‚’よã‚ã—ããŠé¡˜ã„ã—ã¾ã™ðŸ˜Žã¡ãªã¿ã«ã€æ°—分ãŒã„ã„ã®ã§å¹´æ˜Žã‘ã«è¦³ã¦ã„ãŸYoutubeã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®ä¸ã§ä¸€ç•ªãŠã‚‚ã—ã‚ã‹ã£ãŸå‹•ç”»ã‚’紹介ã—ã¾ã™ã€‚世界ä¸ã§æœ‰åãªã€ŒAuld L
SPAã§ã®ä¸»è¦IDaas比較ã¾ã¨ã‚ | ベンãƒãƒ£ãƒ¼ã§åƒãWEBエンジニアkomtakiã®ãƒ–ãƒã‚°
{{#tags}}- {{label}}
{{/tags}}