์ต์ ๋ฆด๋ฆฌ์ค๋ฅผ v5.1.2.zip์ผ๋ก ๋ค์ด๋ก๋ํ ์ ์๋ angular-jwt๋ผ๋ Windows ์ฑ์ ๋๋ค. ์ํฌ์คํ ์ด์ ์ฉ ๋ฌด๋ฃ ํธ์คํ ์ ๊ณต์ ์ฒด์ธ OnWorks์์ ์จ๋ผ์ธ์ผ๋ก ์คํํ ์ ์์ต๋๋ค.
OnWorks์ ํจ๊ป angular-jwt๋ผ๋ ์ด ์ฑ์ ๋ฌด๋ฃ๋ก ๋ค์ด๋ก๋ํ์ฌ ์จ๋ผ์ธ์์ ์คํํ์ญ์์ค.
์ด ์ฑ์ ์คํํ๋ ค๋ฉด ๋ค์ ์ง์นจ์ ๋ฐ๋ฅด์ธ์.
- 1. ์ด ์ ํ๋ฆฌ์ผ์ด์ ์ PC์ ๋ค์ด๋ก๋ํ์ต๋๋ค.
- 2. ํ์ผ ๊ด๋ฆฌ์ https://www.onworks.net/myfiles.php?username=XXXXX์ ์ํ๋ ์ฌ์ฉ์ ์ด๋ฆ์ ์ ๋ ฅํฉ๋๋ค.
- 3. ์ด๋ฌํ ํ์ผ ๊ด๋ฆฌ์์์ ์ด ์์ฉ ํ๋ก๊ทธ๋จ์ ์ ๋ก๋ํฉ๋๋ค.
- 4. ์ด ์น์ฌ์ดํธ์์ ๋ชจ๋ OS OnWorks ์จ๋ผ์ธ ์๋ฎฌ๋ ์ดํฐ๋ฅผ ์์ํ์ง๋ง ๋ ๋์ Windows ์จ๋ผ์ธ ์๋ฎฌ๋ ์ดํฐ๋ฅผ ์์ํฉ๋๋ค.
- 5. ๋ฐฉ๊ธ ์์ํ OnWorks Windows OS์์ ์ํ๋ ์ฌ์ฉ์ ์ด๋ฆ์ผ๋ก ํ์ผ ๊ด๋ฆฌ์ https://www.onworks.net/myfiles.php?username=XXXXX๋ก ์ด๋ํฉ๋๋ค.
- 6. ์ ํ๋ฆฌ์ผ์ด์ ์ ๋ค์ด๋ก๋ํ์ฌ ์ค์นํฉ๋๋ค.
- 7. Linux ๋ฐฐํฌ ์ํํธ์จ์ด ์ ์ฅ์์์ Wine์ ๋ค์ด๋ก๋ํฉ๋๋ค. ์ค์น๊ฐ ์๋ฃ๋๋ฉด ์ฑ์ ๋ ๋ฒ ํด๋ฆญํ์ฌ Wine๊ณผ ํจ๊ป ์คํํ ์ ์์ต๋๋ค. ์ธ๊ธฐ ์๋ Windows ํ๋ก๊ทธ๋จ ๋ฐ ๊ฒ์์ ์ค์นํ๋ ๋ฐ ๋์์ด ๋๋ Wine์ ํตํ ๋ฉ์ง ์ธํฐํ์ด์ค์ธ PlayOnLinux๋ฅผ ์ฌ์ฉํด ๋ณผ ์๋ ์์ต๋๋ค.
Wine์ Linux์์ Windows ์ํํธ์จ์ด๋ฅผ ์คํํ๋ ๋ฐฉ๋ฒ์ด์ง๋ง Windows๊ฐ ํ์ํ์ง ์์ต๋๋ค. Wine์ ๋ชจ๋ Linux ๋ฐ์คํฌํ์์ ์ง์ Windows ํ๋ก๊ทธ๋จ์ ์คํํ ์ ์๋ ์คํ ์์ค Windows ํธํ์ฑ ๊ณ์ธต์ ๋๋ค. ๋ณธ์ง์ ์ผ๋ก Wine์ Windows๊ฐ ํ์ํ์ง ์๊ณ ๋ชจ๋ Windows ์์ฉ ํ๋ก๊ทธ๋จ์ ์คํํ ์ ์๋๋ก Windows๋ฅผ ์ฒ์๋ถํฐ ์ถฉ๋ถํ ๋ค์ ๊ตฌํํ๋ ค๊ณ ํฉ๋๋ค.
์คํฌ๋ฆฐ ์ท
Ad
๊ฐ๋ jwt
๊ธฐ์
์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ JSON ์น ํ ํฐ์ HttpClient ์์ฒญ์ ์๋์ผ๋ก ์ฐ๊ฒฐํ๋ HttpInterceptor๋ฅผ ์ ๊ณตํฉ๋๋ค. ์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ์๋ ์ฒ์๋ถํฐ ์ฌ์ฉ์ ์ธ์ฆ์ ๊ตฌํํ๊ณ JWT๋ฅผ ๊ฒ์ํ๋ ๊ธฐ๋ฅ(๋๋ ์๊ฒฌ)์ด ์์ต๋๋ค. ์ด๋ฌํ ์ธ๋ถ ์ ๋ณด๋ ์ค์ ์ ๋ฐ๋ผ ๋ค๋ฅด์ง๋ง ๋๋ถ๋ถ์ ๊ฒฝ์ฐ ์ผ๋ฐ HTTP ์์ฒญ์ ์ฌ์ฉํ์ฌ ์ฌ์ฉ์๋ฅผ ์ธ์ฆํ ๋ค์ ์ฑ๊ณตํ๋ฉด JWT๋ฅผ ๋ก์ปฌ ์คํ ๋ฆฌ์ง ๋๋ ์ฟ ํค์ ์ ์ฅํฉ๋๋ค. ์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ Angular HttpClient์ HttpInterceptor์ ์์กดํ๊ธฐ ๋๋ฌธ์ Angular 4.3 ์ด์์์๋ง ์ฌ์ฉํ ์ ์์ต๋๋ค. ์ด ๊ธฐ๋ฅ์ ํ์ ๋ฒ์ ์์๋ ์ฌ์ฉํ ์ ์์ต๋๋ค. JWT ๋์ฝ๋์๋ง ๊ด์ฌ์ด ์๊ณ ํ์ฅ๋ ์ฃผ์ ๊ฐ๋ฅ ๊ธฐ๋ฅ์ ๊ด์ฌ์ด ์๋ ๊ฒฝ์ฐ ์ ํธ๋ฆฌํฐ์ ์ธ์คํด์ค๋ฅผ ๋ง๋ค์ด ์ง์ ์ฌ์ฉํ ์ ์์ต๋๋ค. Angular์ HttpClient๋ฅผ ์ฌ์ฉํ์ฌ ์ ์ก๋ ๋ชจ๋ ์์ฒญ์๋ Authorization ํค๋๋ก ์ฐ๊ฒฐ๋ ํ ํฐ์ด ์๋์ผ๋ก ํฌํจ๋ฉ๋๋ค.
ํน์ง
- ์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ IE11์์ ์ง์๋์ง ์๋ URL ์ธํฐํ์ด์ค์ ์์กดํฉ๋๋ค.
- IE11 ํธํ์ฑ์ ํด๊ฒฐํ๊ธฐ ์ํด polyfill์ ์ถ๊ฐํ ์ ์์ต๋๋ค.
- ๋ ๋ฆฝํ ๋ฒ์
- JwtModule ๋ชจ๋์ ๊ฐ์ ธ์ ๊ฐ์ ธ์ค๊ธฐ ๋ชฉ๋ก์ ์ถ๊ฐํฉ๋๋ค.
- Angular์ HttpClient๋ฅผ ์ฌ์ฉํ์ฌ ์ ์ก๋ ๋ชจ๋ ์์ฒญ์๋ ์ธ์ฆ ํค๋๋ก ํ ํฐ์ด ์๋์ผ๋ก ์ฒจ๋ถ๋ฉ๋๋ค.
- tokenGetter๋ ์ฌ์ฉ์์ ํ ํฐ์ ๋ฐํํ๋ ํจ์์ ๋๋ค.
ํ๋ก๊ทธ๋๋ฐ ์ธ์ด
์ ํ ์คํฌ๋ฆฝํธ
์นดํ ๊ณ ๋ฆฌ
์ด๊ฒ์ https://sourceforge.net/projects/angular-jwt.mirror/์์๋ ๊ฐ์ ธ์ฌ ์ ์๋ ์ ํ๋ฆฌ์ผ์ด์ ์ ๋๋ค. ๋ฌด๋ฃ ์ด์ ์ฒด์ ์ค ํ๋์์ ๊ฐ์ฅ ์ฌ์ด ๋ฐฉ๋ฒ์ผ๋ก ์จ๋ผ์ธ์ผ๋ก ์คํํ๊ธฐ ์ํด OnWorks์์ ํธ์คํ ๋์์ต๋๋ค.