Add-on development (local add-on testing)

flysen · April 13, 2025, 8:04pm

Hi friends,
I need some guidance trying to follow this guide. I can start the server and begin the “onboarding” process at http://localhost:7123/onboarding.html but get stuck in step 5

I don’t have a “FINISH” button

Any suggestions how to proceed?

philak · April 14, 2025, 6:36pm

I’ve started having this issue as well. I know it’s not the add on I was working on as having a completely empty project with just the files for the container produces the same thing. I’m not sure if whatever image is being pulled has changed but I’d be interested if you get it fixed or find a work around

flysen · April 14, 2025, 9:13pm

Hi @philak
Thanks for check-in
I’ve tied to use "image": "ghcr.io/home-assistant/devcontainer:1-addons" in the devcontainer.json (without any luck) but that will not be my solution anyway.

Not sure where to target this problem, maybe open an issue?

philak · April 15, 2025, 1:29pm

So while I didn’t find a cause or manage to find a way to fix it I did find a way to bypass it. All you need to do is during the onboarding open your network console (F12 on chrome) then follow the onboarding process until you get stuck. Then in the network tab filter by onboarding and copy a request like below:

Then switch to the console tab and paste the fetch request, you might need to set allow pasting, then update two things. The first is the URL to /integration, in mine I used the /analytics request as the base. The second thing is update the body from null to this:

'{"client_id": "http://localhost:7123/", "redirect_uri": "http://localhost:7123/?auth_callback=1"}',

Press enter and that should be it, wait a second then refresh the page and you should be in.

flysen · April 17, 2025, 6:21pm

philak:

fetch("http://localhost:7123/api/onboarding/integration", {
  "headers": {
    "accept": "*/*",
    "accept-language": "en-GB,en;q=0.9,sv-SE;q=0.8,sv;q=0.7,en-US;q=0.6",
    "authorization": "Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiIzZjk1NjMzMWMwMGY0ZjMxYmQ3ZTg5MzRmN2M0NDNjYyIsImlhdCI6MTc0NDkxMzM5NiwiZXhwIjoxNzQ0OTE1MTk2fQ.RChfs5Tae3d9JpV4Y_GIpZY9H90OPpaVsYrN2iy3Pnw",
    "sec-ch-ua": "\"Google Chrome\";v=\"135\", \"Not-A.Brand\";v=\"8\", \"Chromium\";v=\"135\"",
    "sec-ch-ua-mobile": "?0",
    "sec-ch-ua-platform": "\"Linux\"",
    "sec-fetch-dest": "empty",
    "sec-fetch-mode": "cors",
    "sec-fetch-site": "same-origin"
  },
  "referrerPolicy": "no-referrer",
  "body": '{"client_id": "http://localhost:7123/", "redirect_uri": "http://localhost:7123/?auth_callback=1"}',
  "method": "POST",
  "mode": "cors",
  "credentials": "include"
});

Thanks @philak for the help