How to add a social login to your website.

1. Adding Social Login with
BPMN 2.0
MintJams Content Repository
(C) 2016 MintJams Inc.

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. Demo
MintJams Content Repository
Adding Social Login with BPMN 2.0

4. Tools: 4
• Content Repository 5.10.3
• Google API Client Library for Java 1.21.0
• Google Sign-In assets (button images)

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. Preparing the Java libraries
MintJams Content Repository
Adding Social Login with BPMN 2.0

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. jarupload: Settings 8
See example source:
/WEB-INF/lib/metadata/jarupload.js

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. Deploy the JARs: 10
Deploy from example source:
/WEB-INF/lib

11. Preparing the BPMN 2.0
diagrams
MintJams Content Repository
Adding Social Login with BPMN 2.0

12. web.yml: 12
Description:
Activates the BPMN function.
Path:
/WEB-INF/web.yml
Configuration:
plugins: [BpmnAPI]

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. bpmnupload: Settings 14
See example source:
/WEB-INF/bpmn/metadata/bpmnupload.js

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. Deploy the BPMN diagrams: 16
Deploy from example source:
/WEB-INF/bpmn

17. BPMN diagrams: 17
Script:
See example source
Script:
See example source
Call sub process:
See example source

18. Preparing the content files
MintJams Content Repository
Adding Social Login with BPMN 2.0

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. google_login: Settings 20
BPMN 2.0 process ID
Enter a your client ID
Enter a your redirect URI

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. 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. Preparing the templates
MintJams Content Repository
Adding Social Login with BPMN 2.0

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. Preparing the resources
MintJams Content Repository
Adding Social Login with BPMN 2.0

26. Deploy the resources 26
Deploy from example source:
/WEB-INF/themes/default/resources/social_login

27. Content Repository
https://www.mintjams.jp/products/contentrepository.html
27

28. MintJams
https://www.mintjams.jp/
28