Skip to content

Hyperdx Loading... #483

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
satya-soul opened this issue Jul 29, 2024 · 17 comments
Open

Hyperdx Loading... #483

satya-soul opened this issue Jul 29, 2024 · 17 comments

Comments

@satya-soul
Copy link

docker run -p 8000:8000 -p 4318:4318 -p 4317:4317 -p 8080:8080 -p 8002:8002 hyperdx/hyperdx-local

When I deployed it through docker I am getting loading page.
Screenshot 2024-07-29 at 3 58 28 PM

@Buringcarbon
Copy link

I have the same problem

@MikeShi42
Copy link
Contributor

Hi @satya-soul and @Buringcarbon are you guys both using non-localhost domains to access the page? Can you check if accessing on localhost:8080 works?

It's most likely you'll need to edit the environment variables and rebuild the frontend app with the instructions here for custom domains: https://github.com/hyperdxio/hyperdx#:~:text=Changing%20Hostname%20and%20Port

@satya-soul
Copy link
Author

Hey @MikeShi42 Thanks for the response, it did work on ec2 sever but still facing issue with getting logs from kubernetes. Do you know how to host it on Kubernetes? I have gone through a helm chart by one of open source contributor but still facing issue.

@MikeShi42
Copy link
Contributor

@satya-soul the most important part is you'll need to have an image with the new domain baked in so that the frontend knows where to talk to the backend. I don't believe the helm chart takes care of that step today

@jokester
Copy link

Hosting the web UI at non-localhost origin requires some extra configuration

I can use this configuration at LAN host 192.168.2.120 , with no problem submitting and reading the traces

services:
  hyperdx:
    image: hyperdx/hyperdx-local:1.10.0
    environment:
      - FRONTEND_URL=http://192.168.2.120:8081
      - SERVER_URL=http://192.168.2.120:8000
    ports:
      - 8081:8080 # UI
      - 8000:8000 # API
      - 4318:4318 # http collector
      - 4317:4317 # gRPC collector
      - 8002:8002
$ OTEL_EXPORTER_OTLP_ENDPOINT=http://192.168.2.120:4318 node my-server.js

@srinivas-bitla
Copy link

Hi, I am facing same problem, "Hyperdx Loading..." with back window. I have tried the solution mentioned at https://github.com/hyperdxio/hyperdx#:~:text=Changing%20Hostname%20and%20Port but that did not work for me. I deployed HyperDx on a EC2 Ubuntu machine.

Here are the steps I followed...

  1. git clone https://github.com/hyperdxio/hyperdx.git
  2. edited .env file with domain name
  3. make build-local
  4. docker-compose up -d
  5. "docker-compose ps" shows all services up and running
  6. When I access UI at http://domain_name:8080 it is just showing "Hyperdx Loading..."
  7. I have also posted some test logs to the v1/logs endpoint using postman, received 200 status with {"partialSuccess": {}} response body
  8. UI again just showing "Hyperdx Loading..."

@srinivas-bitla
Copy link

I found this issue is fixed in v2.

@HeyLey
Copy link

HeyLey commented Feb 11, 2025

I found this issue is fixed in v2.

I'm not sure, because login isn't possible, redirecting to localhost

@PascalRoessnerDSA
Copy link

Hello,

turns out the problem is that the image build using make build-local does not correspond to the image being used inside of the docker-compose.yml

Inside of docker-compose.yml it uses the following

app:
    image: ${IMAGE_NAME_HDX}:${IMAGE_VERSION}-app

with IMAGE_NAME_HDX being defined in the .env as ghcr.hyperdx.io/hyperdxio/hyperdx

Inside of the Makefile it uses the IMAGE_NAME variable defined as ghcr.io/hyperdxio/hyperdx

	docker build \
		--build-arg CODE_VERSION=${LATEST_VERSION} \
		--build-arg OTEL_EXPORTER_OTLP_ENDPOINT=${OTEL_EXPORTER_OTLP_ENDPOINT} \
		--build-arg OTEL_SERVICE_NAME=${OTEL_SERVICE_NAME} \
		--build-arg PORT=${HYPERDX_APP_PORT} \
		--build-arg SERVER_URL=${HYPERDX_API_URL}:${HYPERDX_API_PORT} \
		. -f ./packages/app/Dockerfile -t ${IMAGE_NAME}:${LATEST_VERSION}-app --target prod

So the image you are building locally is never used.

@cheema-corellian
Copy link

turns out the problem is that the image build using make build-local does not correspond to the image being used inside of the docker-compose.yml

This is correct. Once I updated my .env file so that the correct images were used, the problem went away. Here are the relevant entries from my .env file:

IMAGE_NAME=ghcr.io/hyperdxio/hyperdx
IMAGE_NAME_HDX=ghcr.io/hyperdxio/hyperdx

I wish this was documented somewhere.

@wrn14897
Copy link
Member

wrn14897 commented Feb 24, 2025

There is an issue with the build-local command. I am going to raise a PR to fix it. Thanks for the report 🙏

kodiakhq bot pushed a commit that referenced this issue Feb 25, 2025
Address #483 (comment)

regression from this PR #524
@wrn14897
Copy link
Member

The build-local command should work now. I want to clarify that hyperdx/hyperdx-local is the all-in-one container (check out env vars here, but build-local is to rebuild all pre-built images used within the docker-compose.yml file.

  • If you are using hyperdx/hyperdx-local, check out the env vars HYPERDX_API_URL and HYPERDX_APP_URL (internal ports are not changeable atm, but you can update the mapping like Hyperdx Loading... #483 (comment)).
  • If you are running with docker-compose.yml, you will need to run build-local after updating the env vars (HYPERDX_XXX_URL and HYPERDX_XXX_PORT)

The api/app URL and port separation issue should be addressed in the v2 branch, as it will no longer involve separate services.
(ref:

hyperdx/docker-compose.yml

Lines 112 to 135 in 1e5d97c

app:
image: ${IMAGE_NAME_HDX}:${IMAGE_VERSION}
ports:
- ${HYPERDX_API_PORT}:${HYPERDX_API_PORT}
- ${HYPERDX_APP_PORT}:${HYPERDX_APP_PORT}
environment:
FRONTEND_URL: ${HYPERDX_APP_URL}:${HYPERDX_APP_PORT}
HYPERDX_API_KEY: ${HYPERDX_API_KEY}
HYPERDX_API_PORT: ${HYPERDX_API_PORT}
HYPERDX_APP_PORT: ${HYPERDX_APP_PORT}
HYPERDX_APP_URL: ${HYPERDX_APP_URL}
HYPERDX_LOG_LEVEL: ${HYPERDX_LOG_LEVEL}
MINER_API_URL: 'http://miner:5123'
MONGO_URI: 'mongodb://db:27017/hyperdx'
NEXT_PUBLIC_SERVER_URL: http://127.0.0.1:${HYPERDX_API_PORT}
OTEL_SERVICE_NAME: 'hdx-oss-api'
REDIS_URL: redis://redis:6379
USAGE_STATS_ENABLED: ${USAGE_STATS_ENABLED:-true}
networks:
- internal
depends_on:
- ch-server
- db
- redis
)

@kalashnikovisme
Copy link

kalashnikovisme commented Feb 26, 2025

Using 2-beta.10 image. Tried NEXT_PUBLIC_SERVER_URL, SERVER_URL, HYPERDX_API_URL. Nothing works. It still tries the url.

@MikeShi42
Copy link
Contributor

@kalashnikovisme the v2 images are quite different (that tag is basically a v2 local mode), what was your setup and what were you looking to do with the v2 image?

@kalashnikovisme
Copy link

@MikeShi42 thanks! I've figured out that this is v2. So, I already prepared deployment configuration with rebuilding of the image with needed API url.

@MikeShi42
Copy link
Contributor

@kalashnikovisme got it, just to confirm things are working? Just wanted to point out that the issues/responses above for v1 probably won't apply for the v2 images given they've changed quite a bit :) (and if there are any issues, probably a new issue should be created).

@kalashnikovisme
Copy link

@MikeShi42 I understood this, thanks. I've tried to deploy 2.beta-10 and it basically did not work 😆

It's not a problem, I understand it's the beta, so, no worries 🙂

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

10 participants