diff --git a/apex-professional-hol17/images/app-information.png b/apex-professional-hol17/images/app-information.png new file mode 100644 index 000000000..3099cdaba Binary files /dev/null and b/apex-professional-hol17/images/app-information.png differ diff --git a/apex-professional-hol17/images/audience.png b/apex-professional-hol17/images/audience.png new file mode 100644 index 000000000..87fc223de Binary files /dev/null and b/apex-professional-hol17/images/audience.png differ diff --git a/apex-professional-hol17/images/click-apex-social-auth.png b/apex-professional-hol17/images/click-apex-social-auth.png new file mode 100644 index 000000000..356c111e4 Binary files /dev/null and b/apex-professional-hol17/images/click-apex-social-auth.png differ diff --git a/apex-professional-hol17/images/click-create-cred.png b/apex-professional-hol17/images/click-create-cred.png new file mode 100644 index 000000000..a2f8c8ccd Binary files /dev/null and b/apex-professional-hol17/images/click-create-cred.png differ diff --git a/apex-professional-hol17/images/contact-information.png b/apex-professional-hol17/images/contact-information.png new file mode 100644 index 000000000..be9d3f0c8 Binary files /dev/null and b/apex-professional-hol17/images/contact-information.png differ diff --git a/apex-professional-hol17/images/copy-cred.png b/apex-professional-hol17/images/copy-cred.png new file mode 100644 index 000000000..6205f65e8 Binary files /dev/null and b/apex-professional-hol17/images/copy-cred.png differ diff --git a/apex-professional-hol17/images/create-new-project.png b/apex-professional-hol17/images/create-new-project.png new file mode 100644 index 000000000..e40f2befe Binary files /dev/null and b/apex-professional-hol17/images/create-new-project.png differ diff --git a/apex-professional-hol17/images/create-project.png b/apex-professional-hol17/images/create-project.png new file mode 100644 index 000000000..3888a4024 Binary files /dev/null and b/apex-professional-hol17/images/create-project.png differ diff --git a/apex-professional-hol17/images/create.png b/apex-professional-hol17/images/create.png new file mode 100644 index 000000000..a6ae31c21 Binary files /dev/null and b/apex-professional-hol17/images/create.png differ diff --git a/apex-professional-hol17/images/finish.png b/apex-professional-hol17/images/finish.png new file mode 100644 index 000000000..0e4f7f446 Binary files /dev/null and b/apex-professional-hol17/images/finish.png differ diff --git a/apex-professional-hol17/images/get-started.png b/apex-professional-hol17/images/get-started.png new file mode 100644 index 000000000..335f89156 Binary files /dev/null and b/apex-professional-hol17/images/get-started.png differ diff --git a/apex-professional-hol17/images/oauth-create.png b/apex-professional-hol17/images/oauth-create.png new file mode 100644 index 000000000..b8cab2b94 Binary files /dev/null and b/apex-professional-hol17/images/oauth-create.png differ diff --git a/apex-professional-hol17/images/oauth.png b/apex-professional-hol17/images/oauth.png new file mode 100644 index 000000000..b131569dd Binary files /dev/null and b/apex-professional-hol17/images/oauth.png differ diff --git a/apex-professional-hol17/implementing-security-inapp.md b/apex-professional-hol17/implementing-security-inapp.md index 797bbcdac..2f002279d 100644 --- a/apex-professional-hol17/implementing-security-inapp.md +++ b/apex-professional-hol17/implementing-security-inapp.md @@ -170,69 +170,77 @@ Import them into your workspace. To run the app, please run the steps described 1. Log in to Google's developer [console](https://console.developers.google.com). - **Note**: If you are logging in to the Google developer console for the first time, you must check and click **AGREE AND CONTINUE**. + *Note: If you are logging in to the Google developer console for the first time, you must check and click on AGREE AND CONTINUE* -2. Click **Create Project**. +2. Click **CREATE PROJECT**, or navigate to an already created project and then click **New project**. ![Click My Apps](images/create-project1.png " ") -3. In the **New Project** Screen, for Project Name: Enter **APEX Social SignIn** and click **Create**. + ![Click My Apps](images/create-project.png " ") - ![Click My Apps](images/new-project1.png " ") +3. In the New Project Screen, for Project Name: Enter **APEX Social SignIn** and click **CREATE**. -4. Click the **OAuth consent screen** (from the left side menu), select **External**, and click **Create** + ![Click My Apps](images/create-new-project.png " ") - ![Click My Apps](images/external.png " ") +4. Click the **OAuth consent screen** (from the left side menu) and click **GET STARTED** -5. In the OAuth consent screen, enter/select the following: + ![Click My Apps](images/oauth.png " ") - - Under **App Information**: + ![Click My Apps](images/get-started.png " ") - - Application name: Enter your **Application Name** +5. Under Project Configuration, enter the following: + + - Under **App information**: + + - App name: Enter your **Application Name** - User support email: Enter your **Email Address** - - App Domain > Application Homepage link: Enter your **Application Homepage link** + Click **Next** - - Authorized domains > Click **+ADD DOMAIN**: Add your Authorized domain. For example, I added oracle.com + ![Click My Apps](images/app-information.png " ") - - Developer contact information > Email addresses: Enter your **Email Address** + - Under **Audience** > Select **External** and click **NEXT** - Click **Save and Continue**. + ![Click My Apps](images/audience.png " ") - ![Click My Apps](images/oauth-consent-screen.png " ") + - Under **Contact Information** > Email address: Enter your **Email Address** and click **NEXT** - ![Click My Apps](images/oauth-consent-screen1.png " ") + ![Click My Apps](images/contact-information.png " ") -6. Under **Scopes**, leave everything as default and click **Save and Continue**. + - Under **Finish** > Tick the checkbox and click **CONTINUE** - ![Click My Apps](images/scopes.png " ") + ![Click My Apps](images/finish.png " ") -7. Under **Test users**, leave everything as default and click **Save and Continue**. +6. Click **CREATE**. - ![Click My Apps](images/test-users.png " ") + ![Click My Apps](images/create.png " ") -8. Click **Credentials** (from left side menu). Click **+Create Credentials** and select **OAuth client ID**. +7. Click **CREATE OAUTH CLIENT**. - ![Click My Apps](images/create-creds.png " ") + ![Click My Apps](images/oauth-create.png " ") -9. Enter/select the following: +8. Enter the following: - - Application type: **Web Application** + - For Application type: Select **Web Application** - - Name: **APEX Social Authentication** + - For Name: Enter **APEX Social Authentication** - - Under Authorized redirect URLs, click **+Add URl** + Under Authorized redirect URIs, click **+Add URl** - - URls 1: **https://apex.oracle.com/pls/apex/apex_authentication.callback** + - For URls 1: Enter https://apex.oracle.com/pls/apex/apex_authentication.callback - Click **Create**. + Click **CREATE**. + + ![Click My Apps](images/click-create-cred.png " ") + +9. Click **APEX Social Authentication**. - ![Click My Apps](images/create-creds1.png " ") + ![Click My Apps](images/click-apex-social-auth.png " ") -10. You will get the *Client ID* and *Client secret*. Save these IDs. You will use them later. +10. You will get the **Client ID** and **Client secret**. Save these IDs. We will use them later. - ![Click My Apps](images/creds-created.png " ") + ![Click My Apps](images/copy-cred.png " ") 11. Login to your APEX workspace and click **Workspace Utilities**. @@ -445,4 +453,4 @@ In the next hands-on lab, you will learn to create and customize a Calendar page ## Acknowledgements - **Author** - Ankita Beri, Product Manager -- **Last Updated By/Date** - Ankita Beri, Product Manager, November 2024 +- **Last Updated By/Date** - Pankaj Goyal, Member Technical Staff, May 2025