- I already have an Angular build app, Is it possible to upload that app with the atlassian-connect.json descriptor file in the root to Atlassian??
- After trying to upload the URL https://a38b-20-197-12-22.ngrok-free.app/atlassian-connect.json with the descriptor file, the Angular build app was installed, but I am unable to view it. It throws an error.
Could you please share your connect descriptor(atlassian-connect.json) file?
Yeah sure @DeepakPandey ,
This is the URL: https://1b37-20-197-12-22.ngrok-free.app/atlassian-connect.json. After uploading this to the Apps, it throws an error like this:
Something went wrong on our end
If this keeps happening, share this information with your admin, who should contact support.
Reload page
I wanted to check in regarding the issue I mentioned earlier. I shared the URL for the atlassian-connect.json
file, but I havenât received any further updates. Could you please help me troubleshoot the error Iâm facing, or let me know what additional information you might need from my side?
Looking forward to your response.
Hi
Are you able to access this link directly in the browser and see the content of atlassian-connect.json?
https://1b37-20-197-12-22.ngrok-free.app/atlassian-connect.json
Also can remove the / from baseUrl and then try installing the app? Ex:
âbaseUrlâ: âhttps://1b37-20-197-12-22.ngrok-free.appâ
Yes, Iâm able to see the content of the atlassian-connect.json
file when accessing the link directly in the browser. I tried uploading the app using only the base URL as you suggested, but it throws an error: âhttps://1b37-20-197-12-22.ngrok-free.app cannot be installed on this cloud instance.â
Even after successfully uploading the app with this format"https://1b37-20-197-12-22.ngrok-free.app/atlassian-connect.json", it doesnât display anything after installation.
After a successful installation, you need to navigate to âAppsâ on the top menu to see your apps. Click on your app, it should display the content you implemented in the index.html file.
Thanks, @DeepakPandey.
When I navigate to âAppsâ after installation, I encounter an issue where the application appears blank and eventually throws the following error:
âSomething went wrong on our end. If this keeps happening, share this information with your admin, who should contact support. Reload page.â
Could you advise on what might be causing this?
The error might be due to ngrok URL. You need to open the URL https://1b37-20-197-12-22.ngrok-free.app in your browser and then click on the Visit Site
button. After this, you can try accessing the app in Jira, and it should work.
hey, @DeepakPandey
The error persists even after clicking the Visit Site button.
I wanted to share how I typically debug such issues when working with ngrok:
a) Your development computer needs to act as a backend system. Usually, with Node.js and the Atlassian Connect Express library, your app registers with the Jira server on startup. You should see console output like this:
Registered with host at https://yoursite.atlassian.net/
If youâre using the free version of ngrok, itâs essential to open your ngrok URL manually and click the confirmation button first. As suggested by @DeepakPandey, click on âVisit Siteâ. You need to do that for every new ngrok url.
b) Open your ngrok URL at https://your-random-ngrok-url.app/atlassian-connect.json
and verify if the Atlassian Connect JSON is being served correctly by your development machine. If it doesnât load, check your backend service.
c) In Jira, navigate to the page where you expect the app to appear. Then, open the browserâs developer tools. Since the app is rendered within an iFrame, use DOM inspection to locate it. Check if the iFrame points to your ngrok URL, e.g., https://your-random-url.app/
. If not, stop and restart your backend server so that the app gets retriggered.
I hope this helps! Bernie.
P.S. For Angular to work correctly, ensure that you have <base href="./">
in your index.html
file.