AEM Form with React | Community
Skip to main content
ashikg3
ashikg3
New Participant
August 11, 2023
Solved

AEM Form with React

  • August 11, 2023
  • 3 replies
  • 2028 views

Hello Everyone,

I am having a AEM React SPA. I want to make a user review module. I have design everything need in React. Now I am confused about how I can store data in AEM. So when users come to the page they can see the review that the user has made and Author can review that like approve or disapprove. Please suggest me! How can I do that? 

 

* Note: Can't use ADOBE Forms Addon. As I don't have permission to install any addons and my Admin Team will not allow me to install it.

 

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 mahi1729

Just like any other content creation api. Dedicate a node for all form responses. Now setup a servlet with postmethod which can be set as form action for react form and upon submission let the servlet create a new node with nt unstructured type for every form submission with all data and assign each request parameter as a prop to this node and probably an additional property to store form submission request id so every node is unique. I don't have any sample code I can share but this is perfectly doable. Also make sure you have a captcha in your form so users don't break your publisher by submitting massive post requests causing too many nodes created. As that is out of the scope of this requirement let's not go deep into that topic. Thanks 

3 replies

Preetpal_Bindra
Preetpal_Bindra
New Participant
August 14, 2023

Hello @ashikg3 ,

The biggest challenge when deciding a solution for that kind of a requirement is to be consistent and real time.

 

  1. If the requirement does NOT need to be real time, I would suggest go for (Adobe or any other) Analytics integration. There are very high chances are that every customer has some kind of Analytics solution.
  2. If the requirement is TO BE real time, then the implementation a RDBMS database like oracle, PostgresSQL, etc. outside of AEM to store reviews/ratings would a simple and reliant ways.

 

I've had experience with UGC for Adobe AEM Communities module. There are at least 2 problems that I see,

1. Communities module is not supported any longer by Adobe.

2. The out of sync issues among multiple publishers from time to time (assuming its an AEM on premises deployment).

 

 

thanks,

Preetpal

    ashikg3
    ashikg3Author
    New Participant
    August 14, 2023

    Thank you for your reply. But I am not allow to use any kind of database solution. 

      mahi1729
      mahi1729
      New Participant
      August 14, 2023

      Without integration of a third party product or Adobe Community or not using UGC, will make it hard to achieve this. In one of my prev project, there were AEM forms that store data inside AEM. There is a dedicated node structure where all user  responses are captured, and then there is a reverse replication agent that replicates all user responses back to author for reporting purpose, but in your case, again approve or reject kind of workflow makes it more complicated. Usually in enterprise there will be other products that you integrate to validate this kind of workflow. And in the approach I mentioned, you still need to have Java knowledge and Replication Agents setup, can not be achieved using just React. Thanks

        ashikg3
        ashikg3Author
        New Participant
        August 14, 2023

        Thank you for your kind response. I am looking same node structure solution. Do you have any link for the node structure data storing system? Is the same thing achievable with Storage API?

          mahi1729
          mahi1729Accepted solution
          New Participant
          August 14, 2023

          Just like any other content creation api. Dedicate a node for all form responses. Now setup a servlet with postmethod which can be set as form action for react form and upon submission let the servlet create a new node with nt unstructured type for every form submission with all data and assign each request parameter as a prop to this node and probably an additional property to store form submission request id so every node is unique. I don't have any sample code I can share but this is perfectly doable. Also make sure you have a captcha in your form so users don't break your publisher by submitting massive post requests causing too many nodes created. As that is out of the scope of this requirement let's not go deep into that topic. Thanks 

            Pawan-Gupta
            Pawan-Gupta
            New Participant
            August 11, 2023

            Hello,

             

            I am not sure which version or program you are using in AEM but as per my suggestion not using AEM for UGC (user generated content like review, feedback etc...) rather using some other integration like AEM community/anything similar.

             

            You can refer below

            https://experienceleague.adobe.com/docs/experience-manager-65/communities/develop/srp-and-ugc.html?lang=en

            https://business.adobe.com/products/experience-manager/sites/user-generated-content.html

              ashikg3
              ashikg3Author
              New Participant
              August 12, 2023

              I am using AEM 6.5 and AEM cloud

                Terms & ConditionsAccessibility statement

                Loading footer...