More Related Content
What's hot (20)
Similar to Qlik Sense マッシュアップ_k - SaaS井とWindows井でJWTによるJ^ (20)
![201312 scalr[oss] installation_idcf](https://cdn.slidesharecdn.com/ss_thumbnails/201312scalrossinstallationidcf-131227010319-phpapp01-thumbnail.jpg?width=560&fit=bounds)
More from QlikPresalesJapan (20)
Qlik Sense マッシュアップ_k - SaaS井とWindows井でJWTによるJ^
- 1. クリックテック?ジャパン幄塀 氏芙 2023/04/11 Qlik Sense マッシュアップ_k - SaaS井とWindows井でJWTによるJ ^
- 3. 3 3 3 Qlik Senseのマッシュアップ(Mashup)C嬬とは? ? マッシュアップでは、Qlik Senseアプリのビジュアライゼ`ションや、Qlik Engineと宥佚するC嬬をWebサイトにMみzむことが辛嬬 ?Webペ`ジがQlikのJavaScriptライブラリ蛤をiみzみ、Qlik SenseのAPIを旋喘して、屡贋ア プリのシ`ト畠悶や？のチャ`トの托めzみ、朕のxk、鹿デ`タ(HyperCube)の伏撹? 函誼なども辛嬬 ? エクステンションを_kしてQlik Senseサ`バ`にインスト`ルする駅勣はoく、 Qlik Senseを試喘した鏡徭のWebペ`ジをg廾辛嬬 ? WebからQlik Senseのリソ`スにアクセスするには、Qlik SenseにするJ^は駅 勣!! ?OpenID ConnectやSAMLによるログインの麿、JWT(JSON Web Token)によるJ^秤鵑遼熔 も辛嬬!!
- 5. 5 5 5 宥械のJ^と、JWTJ^ 宥械、Qlik Sense SaaSでは、OpenID Connectをサポ`トする翌何IdP(Identity Provider,J ^システム)を旋喘して、インタラクティブなログインI尖(SSO)や、ユ`ザ`秤鵑糧ゝ辰鯰个 ます。 Qlik Sense Enterprise for Windowsでも、SAMLやOpenID Connectをサポ`トする翌何IdP を旋喘して、インタラクティブなログインI尖(SSO)や、ユ`ザ`秤鵑糧ゝ辰鯰个┐襪曚、 Qlik SenseのTicket APIを旋喘してユ`ザ`鏡徭のJ^システムとQlik SenseのJ^システムを B亊(URLにパラメ`タを原紗)させることも辛嬬です。 ただし、マッシュアップのようにQlik Sense APIを旋喘する栽、翌何IdPを旋喘せずに、Web ペ`ジ坪から僕佚するJWTデ`タとその嶄のユ`ザ`秤鵑鮴喘してJ^を佩うことで、ユ` ザ`鏡徭のJ^システムとQlik SenseのJ^システムをB亊させることが辛嬬です。 ただし、JWTJ^を旋喘するには、參和の恬Iが駅勣になります。 ? JWTのために、OpenSSLで嚠め巷_I(^苧)と蜘畜Iを伏撹 ? Qlik Sense SaaSの砿尖コンソ`ルの仝IDプロバイダ`々で仝JWT々のO協を弖紗 ? Qlik Sense Enterprise for WindowsのVirtual Proxyの仝Authentication々で仝JWT々をO協 ? プログラミング冱Zとライブラリを聞って、ユ`ザ`鏡徭のJ^システムの秤鵑鮖にして、 JWTデ`タを伏撹 ? Webペ`ジ坪からQlik Sense APIをJWTデ`タをセットして柵び竃し、J^を撹孔(Cookieを函 誼)
- 6. 6 6 Qlik Sense SaaS井 の魁栽
- 7. 7 7 7 ? 砿尖コンソ`ルで仝ウェブy栽々を恬撹して、IDを伏撹 ? マッシュアップのHTMLコンテンツにアクセスするHのWebサ`バ`のOriginを鞠h(箭: https://webserver) ? https://developer.mozilla.org/ja/docs/Glossary/Origin ? CORS貨で、Webブラウザで歌孚しているアドレスからのみテナントのQlik APIにアクセスでき る ? レスポンスヘッダ ＾access-control-allow-origin: https://webserver￣ マッシュアップ喘にSaaSのテナントをO協 このID猟忖双をJavaScriptで旋喘
- 8. 8 8 8 ? 駅勣に鬉犬董砿尖コンソ`ルで仝Content Security Policy々を弖紗 ? マッシュアップのHTMLコンテンツにアクセスするHのWebサ`バ`のOriginを鞠h(箭: webserver) ? https://developer.mozilla.org/ja/docs/Web/HTTP/Headers/Content-Security-Policy ? Webブラウザが<iframe>タグでチャ`トなどをロ`ドする栽には、frame-ancestors のO協が駅勣 ? レスポンスヘッダ ＾content-security-policy: ...; frame-ancestors ... webserver ...; ...￣ マッシュアップ喘にSaaSのテナントをO協(Aき)
- 9. 9 9 9 JWT喘の^苧?蜘畜Iの伏撹と、IDプロバイダ`の 恬撹 歌深: qlik.dev >> Home >> Tutorials >> Create Signed Tokens for JWT Authorization https://qlik.dev/tutorials/create-signed-tokens-for-jwt-authorization OpenSSLコマンドを旋喘して、巷_I(^苧,.cer)と蜘畜I(.pem)を伏撹 $>openssl genrsa -out privatekey.pem 4096 $>openssl req -new -x509 -key privatekey.pem -out publickey.cer -days 1825 ^苧(駅!!) - 恬撹した巷_IのPEM猟忖双 k佩宀(駅!!) - JWTをk佩したアプリをReする キ`ID(駅!!) - JWTデ`タに原奉させるアプリRe喘 の k佩宀とキ`IDは、JWTライブラリを旋喘してJWTデ` タを伏撹するHに峺協して、匯崑させる駅勣がありま す!!
- 10. 10 10 10 Node.jsでWebペ`ジ C JWTJ^でマッシュアップ JWTデ`タの伏撹に仝Auth0芙のjsonwebtokenパッケ`ジ々を旋喘 ? https://www.npmjs.com/package/jsonwebtoken JWTに駅勣なデ`タ ? jti:JWTのユニ`ク ? iat:k佩rg ? sub:IdPサブジェクト ? subType:user ? name:兆念 ? email:メ`ルアドレス ? email_verified:嗤 ? groups:グル`プ秤 JWTの俸兆に駅勣なもの ? 俸兆喘の^苧(蜘畜 I,.pem) ? kid:キ`ID ? iss:k佩宀 ? exp:払rg ? nbf:嗤翠_兵rg ? aud:耕協
- 11. 11 11 11 Node.jsでWebペ`ジ C JWTJ^でマッシュアップ (Aき) ... http(s)://localhost/.... Qlik SenseのJavaScriptファイル とCSSファイルはJ^念でもiみz める!!
- 14. 14 14 14 PHPでWebペ`ジ C JWTJ^でマッシュアップ JWTデ`タの伏撹に仝Firebase(Google)のPHP-JWTライブラリ々を旋喘 ? https://github.com/firebase/php-jwt http(s)://localhost/mashup_jwt.php
- 15. 15 15 15 RubyでWebペ`ジ C JWTJ^でマッシュアップ JWTデ`タの伏撹に仝JWTパッケ`ジ々を旋喘 ? https://github.com/jwt/ruby-jwt http(s)://localhost/mashup_jwt.rb
- 16. 16 16 16 PythonでWebペ`ジ C JWTJ^でマッシュアップ JWTデ`タの伏撹に仝PyJWTライブラリ々を旋喘 ? https://github.com/jpadilla/pyjwt http(s)://localhost/cgi-bin/mashup_jwt.py
- 17. 17 17 17 GoでWebペ`ジ C JWTJ^でマッシュアップ JWTデ`タの伏撹に仝jwtライブラリ v4々を旋喘 ? https://github.com/golang-jwt/jwt http(s)://localhost/....
- 18. 18 18 18 ASP.NETでWebペ`ジ C JWTJ^でマッシュアップ JWTデ`タの伏撹に仝Jwt.Netパッケ`ジ々を旋喘 ? https://www.nuget.org/packages/JWT http(s)://localhost/....
- 19. 19 19 19 ASP.NETでWebペ`ジ C JWTJ^でマッシュアップ (Aき) Jwt.Netパッケ`ジは、JWTの俸兆rに仝PKCS#12侘塀(.pfx)の^苧々を駅勣とします。 OpenSSLコマンドを旋喘して、巷_I(.cer)と蜘畜I(.pem)からJWTデ`タ俸兆喘のPKCS#12侘塀 (.pfx)を伏撹 $>openssl genrsa -out privatekey.pem 4096 $>openssl req -new -x509 -key privatekey.pem -out publickey.cer -days 1825 $>openssl pkcs12 -inkey privatekey.pem -in publickey.cer -export -nodes -out cert.pfx -passout pass:
- 20. 20 20 20 JavaでWebペ`ジ C JWTJ^でマッシュアップ JWTデ`タの伏撹に仝Auth0芙のjava-jwtライブラリ々を旋喘 ? https://github.com/auth0/java-jwt http(s)://localhost/....
- 21. 21 21 21 JavaでWebペ`ジ C JWTJ^でマッシュアップ(A き) Java覆java.securityパッケ`ジは、JWTの俸兆rに仝PKCS#8侘塀(.DER)の巷_Iと蜘畜 I々を駅勣とします。 OpenSSLコマンドを旋喘して、巷_I(.cer)と蜘畜I(.pem)から、 JWTデ`タ俸兆喘のPKCS#8 侘塀の巷_I(.der)と蜘畜I(.der)を伏撹 $>openssl genrsa -out privatekey.pem 4096 $>openssl req -new -x509 -key privatekey.pem -out publickey.cer -days 1825 $>openssl pkcs8 -topk8 -inform PEM -outform DER -in privatekey.pem -out privatekey.der -nocrypt $>openssl rsa -in privatekey.pem -pubout -outform DER -out publickey.der
- 22. 22 22 Qlik Sense Enterprise for Windows の魁栽
- 23. 23 23 23 JWT喘の^苧?蜘畜Iの伏撹 OpenSSLコマンドを旋喘して、巷_I(^苧,.cer)と蜘畜I(.pem)を伏撹 $>openssl genrsa -out privatekey.pem 4096 $>openssl req -new -x509 -key privatekey.pem -out publickey.cer -days 1825
- 24. 24 24 24 ? 駅勣に鬉犬QMCでVirtual Proxy(JWTでのアクセス喘URLパス)を恬 撹?O協 ?箭えば jwt という兆念のVirtual Proxyを弖紗 マッシュアップ喘にVirtual ProxyをO協
- 25. 25 25 25 ? JWTJ^喘にAUTHENTICATIONの光朕をO協 ?Authentication method: JWT ?JWT certificate: 巷_I(PEM侘塀)の猟忖双 ?JWT attribute for user ID: JWTデ`タ坪のユ`ザ`兆喘奉來(箭: userid) ?JWT attribute for user directory: JWTデ`タ坪のユ`ザ`ディレクトリ喘奉來(箭: userdirectory) ?Intended audience (aud attribute): JWTデ`タ坪の蜘畜のaud奉來(箭: 112adams) マッシュアップ喘にVirtual ProxyをO協(Aき)
- 26. 26 26 26 ? 駅勣に鬉犬董Webブラウザがリソ`スをロ`ドするHのセキュリティ O協を弖紗 ?<iframe>のiみzみとCookie僕佚のために、Cookie奉來に￣SameSite=None￣を弖紗 ?CORS(Cross-Origin Resource Sharing)喘にHTTPレスポンスヘッダを弖紗 Access-Control-Allow-Origin: *￣ マッシュアップ喘にVirtual ProxyをO協(Aき)
- 27. 27 27 27 PHPでWebペ`ジ C JWTJ^でマッシュアップ JWTデ`タの伏撹に仝Firebase(Google)のPHP-JWTライブラリ々を旋喘 ? https://github.com/firebase/php-jwt JWTに駅勣なデ`タ ? jti:JWTのユニ`ク ? iat:k佩rg ? userid:User ID ? Userdirectory:User directory ? name:兆念 ? email:メ`ルアドレス ? groups:グル`プ秤 JWTの俸兆に駅勣なもの ? 俸兆喘の^苧(蜘畜I .pem) ? exp:払rg ? aud:耕協
- 28. 28 28 28 PHPでWebペ`ジ C JWTJ^でマッシュアップ(Aき) Qlik SenseのJavaScriptファイ ルとCSSファイルはJ^念には iみzめないので、コメントアウ ト!! Qlik SenseのWindows井には、 ログイン喘のエンドポイントが oいので、Hubへのアクセスを みる!!
- 29. 29 29 29 PHPでWebペ`ジ C JWTJ^でマッシュアップ(Aき) Qlik SenseのJavaScriptファ イルとCSSファイルはJ^瘁 (Cookie函誼瘁)に啜弔釦iみ zむ!! https://localhost/mashup???.php
- 31. 31 31 その麿の秤
- 32. Qlik SenseのJWTにvするWebサイト ? Qlik Developer Portal(Qlik Cloud): Home >> Authenticate >> JSON web tokens ? https://qlik.dev/authenticate/jwt/implement-jwt-authorization ? オンラインヘルプ: Qlik Sense Enterprise on Windows の砿尖 >> JWT J^ ? https://help.qlik.com/ja-JP/sense- admin/February2023/Subsystems/DeployAdministerQSE/Content/Sense_DeployAdminister/ QSEoW/Administer_QSEoW/Managing_QSEoW/JWT-authentication.htm ? Qlik Sense SaaS井のマッシュアップのサンプル(GitHub) ? https://github.com/ttcodegear/mashup_for_qse_saas ? Qlik Sense Enterprise for Windowsのマッシュアップのサンプル(GitHub) ? https://github.com/ttcodegear/mashup_for_qseow