【Docker】 Grafana Create Custom Plugin 02

85 阅读1分钟

1. Window10 Install WSL

learn.microsoft.com/en-us/windo…

learn.microsoft.com/zh-tw/windo…

2. Plugin

2.1 Install nodejs

  • Centos Image

    docker pull centos:7

    docker run --privileged=true -u=root -d -p 3000:3000 --name MyCentos centos:7 /usr/sbin/init

  • yum download(版本受鏡像的限制)

    yum update

    wget -O /etc/yum.repos.d/epel.repo http://mirrors.aliyun.com/repo/epel-7.repo

    yum install nodejs

    yum install npm

  • tar package

    wget https://nodejs.org/dist/v20.0.0/node-v20.0.0-linux-x64.tar.xz

    tar xvJf node-v20.0.0-linux-x64.tar.xz

  • version

    mv node-v20.0.0-linux-x64 node

    cp -r node /usr/local/

    cd node

    ./bin/node -v

  • 軟鏈

    ln -s /usr/local/node/bin/npm /usr/local/bin/

    ln -s /usr/local/node/bin/node /usr/local/bin/

    ln -s /usr/local/node/bin/npx /usr/local/bin/

2.2 Download plulgin

  • npx download

    npx @grafana/create-plugin@latest

    npm install

    npm run dev

2.3 Local Run

  • docker cp folder

    docker cp MyCentos:/opt/software/xxx E:\Grafana\

  • run local

    npm install

    npm run dev

图片.png

grafana.com/developers/…

图片.png

图片.png

图片.png

图片.png

2.3 Work with data frames

grafana.com/developers/…

图片.png

3. Github Demo

視頻教程: github.com/VolkovLabs/…

Github: github.com/VolkovLabs

3.1 Logo

www.iconfont.cn/search/inde…

下載svg後,放入image目錄

图片.png

图片.png