Integrating Atlaskit with Connect Express

Hi Atlassians - my first post here and very new to the Atlassian ecosystem - so apologies in advance if this is a silly question. Can anyone please point me in the direction of a template or tutorial for integrating the Atlaskit front-end into a connect-express cloud app?

Thanks in advance

Michael

1 Like

Hi @MichaelMoriarty,

Welcome to our community. You can serve a react front end on Atlassian Connect Express. There are a few threads where this has been discussed which you can see by searching this forum for “express react”.

The way I’ve done it involves putting my front end code in a subdirectory named “client” and then serving the bundle as a static resource:

app.use(express.static(path.join(__dirname, '../client/build')));
app.get('*', function(req, res) {
  console.log(`Serving index.html...`);
  res.sendFile(path.join(__dirname, '../client/build', 'index.html'));
});

Regards,
Dugald

2 Likes

Thanks so much Dugald
Your solution is similar to a repository I came across today via this forum. It uses a compiler to generate compiled javascript in the ACE directory… It’s a little old - but will post here in case it is useful for someone else:
https://bitbucket.org/azhdanov/atlaskit-connect/src/master/

Thanks again
Michael

1 Like