Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Adding Social Login with BPMN 2.0

302 views

Published on

How to add a social login to your website.

Published in: Technology
  • Login to see the comments

  • Be the first to like this

Adding Social Login with BPMN 2.0

  1. 1. Adding Social Login with BPMN 2.0 MintJams Content Repository (C) 2016 MintJams Inc.
  2. 2. Overview: 2 • Adding Social Login to website (OAuth 2.0) • Web request processing with BPMN 2.0 • Loading Java libraries dynamically • Customizable and Extensible
  3. 3. Demo MintJams Content Repository Adding Social Login with BPMN 2.0
  4. 4. Tools: 4 • Content Repository 5.10.3 • Google API Client Library for Java 1.21.0 • Google Sign-In assets (button images)
  5. 5. Installing and Preparing: 5 Example source file https://sourceforge.net/projects/morpho/files/e xamples/social-login-bpmn.zip/download Google API Client Library for Java https://developers.google.com/api-client- library/java/ Google Sign-In assets https://developers.google.com/identity/brandin g-guidelines Others: Please refer to the following documents: Creating a Web Application with JavaScript + jQuery http://www.slideshare.net/mintjams/creating-a- web-application-with-javascript-jquery Event Handling Basics http://www.slideshare.net/mintjams/event- handling-basics
  6. 6. Preparing the Java libraries MintJams Content Repository Adding Social Login with BPMN 2.0
  7. 7. jarupload: Overview 7 Description: The event listener that listens for the events in the folder "/WEB-INF/lib". Path: /WEB-INF/lib/.metadata/jarupload Facets: Event Listener mintjams:event.listener (built-in) Type mintjams:event.types (built-in) Script Type mintjams:event.script.type (built-in) Script Source mintjams:event.script.inline (built-in)
  8. 8. jarupload: Settings 8 See example source: /WEB-INF/lib/metadata/jarupload.js
  9. 9. jarupload: APIs 9 ClassLoaderAPI.deploy() Deploys the Java library (JAR) file specified to workspace. ClassLoaderAPI.undeploy() Undeploys the Java library (JAR) file specified from workspace.
  10. 10. Deploy the JARs: 10 Deploy from example source: /WEB-INF/lib
  11. 11. Preparing the BPMN 2.0 diagrams MintJams Content Repository Adding Social Login with BPMN 2.0
  12. 12. web.yml: 12 Description: Activates the BPMN function. Path: /WEB-INF/web.yml Configuration: plugins: [BpmnAPI]
  13. 13. bpmnupload: Overview 13 Description: The event listener that listens for the events in the folder "/WEB-INF/bpmn". Path: /WEB-INF/bpmn/.metadata/bpmnupload Facets: Event Listener mintjams:event.listener (built-in) Type mintjams:event.types (built-in) Script Type mintjams:event.script.type (built-in) Script Source mintjams:event.script.inline (built-in)
  14. 14. bpmnupload: Settings 14 See example source: /WEB-INF/bpmn/metadata/bpmnupload.js
  15. 15. bpmnupload: APIs 15 BpmnAPI.deploy() Deploys the BPMN 2.0 diagram file specified to workspace. BpmnAPI.undeploy() Undeploys the BPMN 2.0 diagram file specified from workspace.
  16. 16. Deploy the BPMN diagrams: 16 Deploy from example source: /WEB-INF/bpmn
  17. 17. BPMN diagrams: 17 Script: See example source Script: See example source Call sub process: See example source
  18. 18. Preparing the content files MintJams Content Repository Adding Social Login with BPMN 2.0
  19. 19. google_login: Overview 19 Description: Send an authentication request to Google Authorization Server. Path: /social_login/google_login Facets: Web Template mintjams:web.template (built-in) Process ID mintjams:bpmn.process.id (built-in) Client ID oauth2.client_id (user defined) Scope oauth2.scopes (user defined) Redirect URI oauth2.redirect_uri (user defined)
  20. 20. google_login: Settings 20 BPMN 2.0 process ID Enter a your client ID Enter a your redirect URI
  21. 21. google_login_callback: Overview 21 Description: Exchange code for access token and ID token. Path: /social_login/google_login_callback Facets: Web Template mintjams:web.template (built-in) Process ID mintjams:bpmn.process.id (built-in) Client ID oauth2.client_id (user defined) Client Secret oauth2.client_secret (user defined) Redirect URI oauth2.redirect_uri (user defined)
  22. 22. google_login_callback: Settings 22 BPMN 2.0 process ID Enter a your client ID Enter a your redirect URI Enter a your client secret
  23. 23. Preparing the templates MintJams Content Repository Adding Social Login with BPMN 2.0
  24. 24. bpmn_action.html.bpmn: Overview 24 Description: The template file that executes the BPMN 2.0 script engine. This template does not need the contents. The BPMN 2.0 script engine uses the facets associated to the content file. Path: /WEB-INF/themes/default/ bpmn_action.html.bpmn
  25. 25. Preparing the resources MintJams Content Repository Adding Social Login with BPMN 2.0
  26. 26. Deploy the resources 26 Deploy from example source: /WEB-INF/themes/default/resources/social_login
  27. 27. Content Repository https://www.mintjams.jp/products/contentrepository.html 27
  28. 28. MintJams https://www.mintjams.jp/ 28

×