How to add custom ui while serving app from connect?

Forge Adopting Forge from Connect
1

Hi,
I have an existing app for confluence developed using connect express and it is live in production. I will not be able to convert it to forge considering there is limit on number of calls to web trigger Forge app web trigger invocation limit

Now I decided to incrementally adopt Forge. followed steps mentioned on How to adopt Forge from Connect and was able to serve using forge app.
Now I wanted my original app to be served on connect however my UI to be served using forge custom UI.
Is this possible? How to do this? Below is my manifest.yml

app:
  id: ari:cloud:ecosystem::app/xxxxxxxxxxxxxxxxxxxxxxxxxx
  connect:
    key: xxxxxxxxxxxxxxxxxxxxx
    remote: connect
    authentication: jwt
  runtime:
    name: nodejs20.x
  licensing:
    enabled: true
remotes:
  - key: connect
    baseUrl:  https://1375-14-142-23-242.ngrok-free.app
connectModules:
  confluence:lifecycle:
    - key: lifecycle-events
      installed: /installed
  confluence:spaceToolsTabs:
    - url: /connect/home?space_key={space.key}&selectedPage=1
      location: integrations
      name:
        value: xxxxxxxxxx
      key: xxxxx-xxxx-xxxx
permissions:
  scopes:
    - read:connect-confluence
    - act-as-user:connect-confluence
2

Hey @shiv,

In your example of Forge web triggers, you noted that you’re using this to interact with Confluence APIs. Have you explored utilising Forge Remote instead? You can use a scheduled trigger to receive a token with a longer TTL which can be used to make inbound requests to product APIs from the remote service. Better yet, if you’re using Atlassian Connect Express or Atlassian Connect Sprint Boot, they support Forge Remotes out of the box.

With regards to using Custom UI, you can use remotes in a similar manner to call remote services (i.e. your Connect service) from Custom UI. To do this, you’d need to replace your confluence:spaceToolsTab module with the Forge equivalent module confluence:spaceSettings.

1 Like
3

You way also find this code sample of mixing a Forge frontend with a Connect server backend helpful: Bitbucket

2 Likes