Adobe Learning Manager reference site (ALM reference site) package for AEM Sites

As an Integration Administrator, click Applications.

To create a new application, on the upper-right corner of the page, click Register.

In the Register a new application screen, enter the following details:

1. Application Name: The name of the application that you are creating.
2. URL: The URL of your organization.
3. Redirect Domains: The hosting domains of the AEM website. You can also specify wildcards.
4. Description: The description of the application.
5. Scopes: Select Learner role read access and Learner role write access.
6. For this account only?: Select Yes if you want to use the application for the existing ALM account.

After making the changes, click Save.

In the Developer Resources tab, click Access Tokens for Testing and Development.

Select Access Tokens for Testing and Development

Enter the following details:

Enter the token details

1. Get OAuth Code: Enter the client ID from the previous section and change the scope. Click Submit to get the Oauth code.
2. Get Refresh Token: Enter the client ID and secret from the previous section. Also enter the OAuth code that you got from the previous step. Click Submit.
3. Get Access Token: Enter the client ID and secret from the previous section. Also enter the Refresh token that you got from the previous step. Click Submit.
4. Get Access Token Details: Enter the access token that you got from the previous step. Click Submit.

You can get the details from the JSON response that follows. The response consists of the access token, refresh token, user role, account id, user id, and the time to expire. Note the refresh token, as you will reuse that.

Launch your AEM instance.

Click Settings > Cloud Services.

Click Adobe Learning Manager Configuration.

Select Adobe Learning Manager configuration

Click Create > Configuration Folder. Name your folder.

Create configuration

In the learning project, select the configuration that you created.

Enter the details of the configuration.

Create configuration folder

1. Adobe Learning Manager mode: Choose how you want the learning experience for both logged-in and non-logged in learners.
2. Adobe Learning Manager URL: Enter the URL of the ALM instance where the learning services are hosted.
3. Account ID: The ID of the ALM account.
4. Client ID, Client Secret, and Author Refresh Token: Enter the credentials that you got while creating the application in ALM.
5. Customization of Widget: For more information, see Integrate with AEM .

Save and close the configuration.

Launch your AEM instance.

Click Sites and open the configuration page.

Click Learning Site > Language Masters > English. All webpages in the project are included in the folder.

View all webpages

Select any template and click Edit.

On the page, click the component settings button and change the properties of the component.

Select Settings button

Preview your changes or you can publish the page.

On the main AEM page, click Create > Page.

Choose the template that you want to customize. Click Next.

Enter the page properties.

Page properties

To create the page, click Create.

Select the new page and click Edit.

Insert a component on the page, for example, Learning- Content.

Filter by site

Choose the required Catalog filters that will be displayed on the page.

On the AEM start page, click Sites.

Click Create > Site.

Click Learning Site Blueprint.

Create site from blueprint

Click Next.

On the properties page, enter the page metadata. Click Create.

Select Learning Site Blueprint

Click the Home hyperlink to navigate to the home page of the site that you have created. On this page, you can customize the widgets and catalog components.