Coder Social home page Coder Social logo

fducom / dashboard Goto Github PK

View Code? Open in Web Editor NEW

This project forked from jina-ai/dashboard

0.0 1.0 0.0 42.27 MB

Interactive UI for analyzing logs, designing flows and viewing Hub images

Home Page: https://dashboard.jina.ai

License: Apache License 2.0

JavaScript 54.87% HTML 0.98% CSS 44.15%

dashboard's Introduction

Dashboard (beta)

CD Jina Jina License Jina Docs We are hiring tweet button

Dashboard offers the insight of running tasks in Jina. With dashboard, one can analyze logs, design flows and view Jina Hub images.

flow demo

🌟 Features:

  • Log streaming, real-time chart on log-level.
  • Grouping logs by Pods, Executors. Full text search on logs.
  • Drag & drop flow design, setting properties of each Pod via a webform.
  • Flow can be imported from/exported to YAML.

Contents

Monitor Jina "Hello, World!" with Dashboard

Jina "Hello, World" is a simple demo of image neural search for Fashion-MNIST.

  1. Run the following command in the console
    • (Python >=3.7 required)
      JINA_LOG_PROFILING=1 jina hello-world
    • ...or if you use Docker (no install required)
      docker run -e "JINA_LOG_PROFILING=1" -p 5000:5000 jinaai/jina:devel hello-world --logserver
      
  2. Open https://dashboard.jina.ai in your browser

It should start streaming. If not, please refer to this step.

Getting started

1. Start the log server

Set environment variable JINA_LOG_PROFILING to 1 to enable Task tab in the dashboard.

Log server is a helper thread in Jina flow. It exposes HTTP endpoints to the public which the dashboard can use to fetch logs, visualize the flow.

By default the log server is disabled. To enable it you can,

If you use Flow API in Python,
from jina.flow import Flow

f = (Flow(logserver=True)
        .add(...)
        .add(...))

with f.build() as fl:
    fl.index(...)
...or write a Flow from YAML
# myflow.yml

!Flow
with:
  logserver: true
pods:
  ...
f = Flow.load_config('myflow.yml')

with f.build() as fl:
    fl.index(...)
...or start a Flow from CLI
jina flow --logserver --yaml-path myflow.yml
...or start a Flow with Docker Container
docker run -p 5000:5000 jina flow --logserver ...

Either way, if you see the following logs show up in the console, then your log server is successfully running. You can now move to the next step.

logserver success started

2. Connect the Dashboard to your log server

Go to: https://dashboard.jina.ai

Click on the globe icon on the top-left corner to connect to the log server.

It should turn into a green check mark, which means the connection is success.

log server settings

You should now see the log-streaming and flow visualization.

If it has a red cross, it means the connection is lost or the endpoint is not set correctly. Please move to the next step for instruction.

Customize the endpoints

By default the configurations of the log server is as follows:

host: 0.0.0.0
port: 5000
endpoints:
  log: /stream/log  # fetching log in SSE stream
  profile: /stream/profile  # fetching profiling log in SSE stream
  yaml: /data/yaml  # get the YAML spec of a flow
  shutdown: /action/shutdown  # shutdown the log server
  ready: /status/ready  # tell if the log server is ready, return 200 if yes

You can customize the endpoints of the log server via a YAML, say mylogserver.yml. Then pass it to the Flow API via

If you use Flow API in Python,
f = Flow(logserver=True, logserver_config='mylogserver.yml')
...or write a Flow from YAML
!Flow
with:
  logserver: true
  logserver_config: mylogserver.yml 
...or start a Flow from CLI
jina flow --logserver --logserver-config mylogserver.yml ...
...or start a Flow with Docker Container
docker run -p PORT:PORT -v "$(PWD)/mylogserver.yml:/mylogserver.yml" jina flow --logserver --logserver-config /mylogserver.yml ...

Don't forget to update endpoint in the dashboard accordingly.

log server settings

Self-host Dashboard

One can self-host a dashboard locally.

  1. git clone https://github.com/jina-ai/dashboard.git && cd dashboard.
  2. Install dependencies using command yarn.
  3. Run dashboard via the following ways .

Run in the debug mode

  1. node testServer
  2. testServer will be running on http://localhost:5000 by default
  3. yarn start
  4. dashboard will be served on http://localhost:3000 by default

Run in the live mode

  1. yarn build
  2. node dashboard
  3. dashboard will be served on http://localhost:3030 by default

Contributing

We welcome all kinds of contributions from the open-source community, individuals and partners. Without your active involvement, Jina can't be successful.

The following resources help you to make a good first contribution:

License

Copyright (c) 2020 Jina AI Limited. All rights reserved.

Jina is licensed under the Apache License, Version 2.0. See LICENSE for the full license text.

dashboard's People

Contributors

imsergiy avatar hanxiao avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.