giphy-search

Grafana panel plugin for searching giphy images

Search View

Image Limits:

prerequisite

• NodeJS16
• yarn package maneger
• reactjs 17

Getting started

1. Go to giphy-search-panel from root directory and install dependencies

   yarn install

2. Build plugin in development mode or run in watch mode

   yarn dev

   or

   yarn watch

3. Build plugin in production mode

   yarn build

4. Go to root directory and run docker images as :

   Linux:

    docker run -d \
   -p 3000:3000 \
   -v  "$(pwd)":/var/lib/grafana/plugins \
   --name=grafana \
   -e "GF_PLUGINS_ALLOW_LOADING_UNSIGNED_PLUGINS=cod-giphy-search" \
    grafana/grafana
   

   Windows:

   docker run -d -p 3000:3000 -v  %cd%:/var/lib/grafana/plugins --name=grafana -e "GF_PLUGINS_ALLOW_LOADING_UNSIGNED_PLUGINS=cod-giphy-search" grafana/grafana
   

Note:

It's a unsigned grafana plugin. By default grafana doesn't allow unsigned plugin to exeute. if docker doesn't work then copy the giphy-search-panel into grafana's plugin directory and build the plugin there using yarn build. After build completes, set the grafana configuration variable as allow_loading_unsigned_plugins ="cod-giphy-search" and restart the grafana to load the plugin.

Learn more

• Build a panel plugin tutorial
• Panel Editor options
• Grafana documentation
• Grafana Tutorials - Grafana Tutorials are step-by-step guides that help you make the most of Grafana
• Grafana UI Library - UI components to help you build interfaces using Grafana Design System