[Building apps on Jira Cloud] NGINX configuration to give access to JIRA Cloud Iframe?

[Johann NG]

Hi,

I'm trying to install a React app on JIRA Cloud following this documentation : https://developer.atlassian.com/cloud/jira/software/getting-started/

The app is running locally with the ngrok config.

The next step is to upload the application from a deployed https server.

I managed to upload my app from with the atlassian-connect.json.

My issue is that the JIRA iframe can't display the React application.

Here is a part of the nginx proxy config:

server {

     listen 8443 ssl;

     server_name www.$HOST $HOST;

     location $APP_PATH {

        rewrite $APP_PATH/(.*) /\$1 break;

        proxy_set_header X-Real-IP \$remote_addr;

        proxy_set_header X-Forwarded-For \$proxy_add_x_forwarded_for;

        proxy_set_header Host \$http_host;

        proxy_set_header X-NginX-Proxy true;

        proxy_hide_header X-Frame-Options;

        proxy_pass $APP_REDIRECT;

        proxy_redirect off;

        proxy_read_timeout 900;

        proxy_connect_timeout 900;

        proxy_send_timeout 900;

     }

    ssl_certificate /ssl/secret.crt

    ssl_certificate_key /ssl/secret/key

}

When I looked into the logs, the proxy on the deployed https server caught the GET request ""GET /index.html?xdm_e=https%3A%2F%2FXXXX.atlassian.net&xdm_c=channel-com.XXXX.app__wiveez&cp=&xdm_deprecated_addon_key_do_not_use=com.XXXX.app&lic=none&cv=1001.0.0-SNAPSHOT" but the content is not rendered.

I thought that the line "proxy_hide_header X-Frame-Options;" would do the job but no.

Thanks in advance.