Unable to use Atlassian connect to serve a static page

I’m trying to get Atlassian Connect to work with my server. My files are based on the files found here: Bitbucket as the a-quick-addon examples seem to have a heavy reliance on javascript libraries and node and I’m looking for just a simple static page example. The files are:

  1. atlassian-connect.json that was just customize with my particulars and generalPages was changed to reproPages which is what bitbucket seems to require as shown here:
 "key": "3dinfotech-buildservices-server",
    "name": "Build Services for 3D Infotech",
    "description": "These are built services provided to Atlassian products for use by 3DInfotech LLC. They are primarily for bit bucket cloud at this point in time.",
    "vendor": {
        "name": "3DInfotech LLC",
        "url": "https://3DInfotech.com"
				},
    "baseUrl": "https://dev.3DInfotech.com",
    "authentication": {
        "type": "none"
    },
    "modules": {
        "repoPages": [
            {
                "name": {
                    "value": "Builds"
                },
                "location": "org.bitbucket.repository.navigation",
				"key": "initial-build-page",
                 "url": "/install"
            }
        ]
    },
    "scopes": ["account", "repository"],
    "contexts": ["account"]
}
  1. Hello.html which is basically the helloyou.html and served up by /install on my server. I think is is pretty much unchanged.

<!DOCTYPE html>
<html lang="en">
<head>
<!-- jQuery -->
<script src="[//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js](https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js)"></script>

<!-- Atlassian User Interface (AUI) -->
<link rel="stylesheet" href="[//aui-cdn.atlassian.com/aui-adg/5.7.0/css/aui.css](https://aui-cdn.atlassian.com/aui-adg/5.7.0/css/aui.css)" media="all">
<script src="[//aui-cdn.atlassian.com/aui-adg/5.7.0/js/aui.js](https://aui-cdn.atlassian.com/aui-adg/5.7.0/js/aui.js)"></script>

<!-- Helper Javascript lib -->
<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="[utils.js](https://dev.3dinfotech.com/utils.js)" type="text/javascript"></script>

<script>
//first, load the Atlassian Connect Javascript library when the page is loaded
$(document).ready(function () {
var allJS = Utils.getBaseUrl() + '/all.js';
$.getScript(allJS, function () {

//Put your code here
$("#userName").text("World");

});
});
</script>

</head>
<body>
<div class="ac-content">
<div class="aui-message success">
<p class="title">
<strong>Hello <span id="userName"/></strong>
</p>
<p>Look at you, getting all fancy with your Atlassian Connect add-on :-) </p>
<p>Now you can relax and have fun with <a href="[javascript:generateFunkyStuff()](about:blank)">this</a>.</p>
</div>
</div>

</body>
</html>
  1. Utils. Js which is unchanged.

I was able to provide the atlassian-connect.json URL and BitBucket installs the “Builds” button. When the button is clicked the /install (helloyou.html) file is called which in turn calls utils.js but nothing shows up in bit bucket except the “please wait” spinning icon. After a while a message says wait, retry, or cancel. However, I can call https://dev.3dinfotech.com/install directly in a browser and it shows up as expected (except for user name).

What am I missing?

Regards,
–Greg

Wow, that repo is old and way out of date and built for Jira. (I was the last one to update it 6 years ago)

I see you’ve made most of the necessary updates in the app-descriptor.json for Bitbucket

However, the inclusion of all.js in your HTML has changed over the years. Check out how to include this in your html. The lack of this loading is on par with your inability to load the file in the product.

As an aside, do you remember how you found this repo? Was it in a recorded webinar on Youtube or link to from somewhere in our docs?

1 Like

Ralph,
Thanks for the quick reply and sorry for taking so long to get back to you. The all.js info in the link you provided worked. I’m not sure how exactly I found the repo. I was doing a lot of researching (mainly Atlassian docs, forums and YouTube videos of seminar presentations.) However, most were on Jira, Confluence, and HipChat and did not address BitBucket. Would greatly appreciated if you could direct me to Atlassian connect resources that are BitBucket Cloud specific.

Here are some links that I had in OneNote that are most likely how I found the repo in question.

or v=IDGceqUpSg0
One or both of those probably referenced http://bit.ly/ac-webinar which is a repo. which seems stagnate since 2014.