Create cloud configuration page with custom HTML | Community
Skip to main content
R
Robert_FlorinelHe
October 2, 2023
Solved

Create cloud configuration page with custom HTML

  • October 2, 2023
  • 3 replies
  • 1423 views

I'm using Adobe Experience Manager 2023.8.13206.20230821T124823Z-230702 (AEMaaCS) and I need to create a custom cloud config page with custom HTML, as I need to do some social media platforms login (I basically need access_token for facebook graph API - would require a popup to login). I can't find anywhere an updated step-by-step on how to create a custom config page with custom html. Could someone point me in the right direction? Thank you.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by EstebanBustamante

Ok, so let me give you some input on how you could do it:

 

- Create a new component that will manage the script and the "Authentication Token", which I imagine is sent as part of the FBK JS file. See more here: https://medium.com/@techzette2/first-sling-model-aem-7ffdc913821e.  

- If the Access Token can be stored, create an OSGI configuration where you can store that safety and use it when the new component is rendered. See more here: https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/create-cloud-configuration-page-with-custom-html/m-p/623714#M156272
https://medium.com/slalom-technology/how-to-use-environment-variables-in-adobe-experience-manager-aem-as-cloud-service-1e9145d78c2c 

 

 

3 replies

EstebanBustamante
Community Advisor and Adobe Champion
EstebanBustamanteCommunity Advisor and Adobe Champion
Community Advisor and Adobe Champion
October 2, 2023

Sorry, I don't know if I fully understand your question, are you looking for a way to log in using a social media account? If so, can check the following thread which can give you some direction: https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/set-up-aem-sso-authentication/td-p/369707 


 

 

Esteban Bustamante
    R
    Robert_FlorinelHeAuthor
    October 2, 2023

    Thank you for your reply, but login with Facebook is not what I'm looking for.
    I want to use the posts graph API
    https://developers.facebook.com/docs/graph-api/reference/v18.0/user/posts

    Basically I need to display in a component the latest posts of the company on Facebook, so I need to get a User Token which require a popup. I was looking at 
    https://github.com/AdobeDocs/experience-manager-65.en/blob/main/help/sites-developing/extending-cloud-config-custom-cloud.md
    but without success. I need to have a cloud configuration page with custom html so I can add 

    <script>  window.fbAsyncInit = function() {    FB.init({      appId            : 'your-app-id',      xfbml            : true,      version          : 'v18.0' }); }; </script> <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>
      EstebanBustamante
      Community Advisor and Adobe Champion
      EstebanBustamanteCommunity Advisor and Adobe ChampionAccepted solution
      Community Advisor and Adobe Champion
      October 2, 2023

      Ok, so let me give you some input on how you could do it:

       

      - Create a new component that will manage the script and the "Authentication Token", which I imagine is sent as part of the FBK JS file. See more here: https://medium.com/@techzette2/first-sling-model-aem-7ffdc913821e.  

      - If the Access Token can be stored, create an OSGI configuration where you can store that safety and use it when the new component is rendered. See more here: https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/create-cloud-configuration-page-with-custom-html/m-p/623714#M156272
      https://medium.com/slalom-technology/how-to-use-environment-variables-in-adobe-experience-manager-aem-as-cloud-service-1e9145d78c2c 

       

       

      Esteban Bustamante
        arunpatidar
        Community Advisor
        arunpatidarCommunity Advisor
        Community Advisor
        October 3, 2023

        Hi,

        Here you can find this 

        https://experienceleague.adobe.com/docs/experience-manager-65/developing/extending-aem/extending-cloud-services/extending-cloud-config.html?lang=en

         

        Arun Patidar
          kautuk_sahni
          Community Manager
          kautuk_sahniCommunity Manager
          Community Manager
          October 4, 2023

          @robert_florinelhe Did you find the suggestions from users helpful? Please let us know if more information is required. Otherwise, please mark the answer as correct for posterity. If you have found out solution yourself, please share it with the community.

          Kautuk Sahni
          Terms & ConditionsAccessibility statement

          Loading footer...