AEM as a Cloud Service + CIF Addon - /api/graphql not working on author SDK

[varunpSingh]

Hi All,

I had completely setup the AEM SDK with the Venia store front, the products are coming on the page but i could observe that , I am encountering one issue.

The /api/graphql is throwing 403 errors which means no frontend commerce operation is happening on the storefront.

I tried adding the /api/graphql to the CSRF filter's exclude list and even removed the POST method from there.

I am I missing some setting?

Note: on the sling servlet resolver config, I have added the /api/graphql but there is no change.

also the latest cif addon[both 2022.09.20.00 and 2022.09.30.00] were not able to install through pkg manager so i created an install folder under crx quickstart and put the author far file there. Only after that i was able to see the commerce addon in the aem. i confirgured the graphql endpoints and establish the connection between magento and aem cloud sdk but i am not able to add anything into the cart or do any front end functions. Any help is appreciated.

lastly, I am able to get response in the frontend when i hit the Magento APIs through the serlvet I created.

[varunpSingh · Accepted solution]

HI All,
I got the solution for this, hope this helps others too.
I basically created a proxy server as aem was not allowed to send the request to the magento server.
i used this command [windows]:
npx local-cors-proxy --proxyUrl <name of the magento graphql server> --port <port number> --origin <localhost origin>

so the example command looks like:

npx local-cors-proxy --proxyUrl https://magentohostserver.cloud/graphql --port 4506 --origin http://localhost:4502

when you run the command the proxy server is up. now set  http://localhost:4506/proxy [according to my screenshot] under advance setting for cif confiuration , like below.

now my requests are passing.