ഗ്രാഫാനയ്‌ക്കായുള്ള ഒരു പ്ലഗിൻ വികസനം: വലിയ ഷോട്ടുകളുടെ ചരിത്രം

എല്ലാവർക്കും ഹായ്! കുറച്ച് മാസങ്ങൾക്ക് മുമ്പ്, ഞങ്ങളുടെ പുതിയ ഓപ്പൺ സോഴ്‌സ് പ്രോജക്റ്റ് നിർമ്മാണത്തിലേക്ക് ഞങ്ങൾ സമാരംഭിച്ചു - ക്യൂബർനെറ്റുകളെ നിരീക്ഷിക്കുന്നതിനുള്ള ഗ്രാഫാന പ്ലഗിൻ, ഞങ്ങൾ അതിനെ വിളിച്ചു. DevOpsProdigy KubeGraf. പ്ലഗിൻ സോഴ്സ് കോഡ് ഇവിടെ ലഭ്യമാണ് GitHub-ലെ പൊതു ശേഖരം. ഈ ലേഖനത്തിൽ ഞങ്ങൾ പ്ലഗിൻ എങ്ങനെ സൃഷ്ടിച്ചു, ഞങ്ങൾ എന്ത് ഉപകരണങ്ങൾ ഉപയോഗിച്ചു, വികസന പ്രക്രിയയിൽ ഞങ്ങൾ നേരിട്ട അപകടങ്ങൾ എന്നിവയെക്കുറിച്ചുള്ള കഥ നിങ്ങളുമായി പങ്കിടാൻ ഞങ്ങൾ ആഗ്രഹിക്കുന്നു. നമുക്ക് പോകാം!

ഭാഗം 0 - ആമുഖം: ഞങ്ങൾ എങ്ങനെയാണ് ഈ ഘട്ടത്തിലെത്തിയത്?

ഞങ്ങളുടെ സ്വന്തം പ്ലഗിൻ ഗ്രാഫാൻ എഴുതുക എന്ന ആശയം വളരെ ആകസ്മികമായി ഞങ്ങൾക്ക് വന്നു. ഞങ്ങളുടെ കമ്പനി 10 വർഷത്തിലേറെയായി സങ്കീർണ്ണതയുടെ വിവിധ തലങ്ങളിലുള്ള വെബ് പ്രോജക്റ്റുകൾ നിരീക്ഷിക്കുന്നു. ഈ സമയത്ത്, വിവിധ നിരീക്ഷണ സംവിധാനങ്ങൾ ഉപയോഗിക്കുന്നതിൽ ഞങ്ങൾ ധാരാളം വൈദഗ്ധ്യം, രസകരമായ കേസുകൾ, അനുഭവം എന്നിവ ശേഖരിച്ചു. ചില ഘട്ടങ്ങളിൽ ഞങ്ങൾ സ്വയം ചോദിച്ചു: "കുബർനെറ്റുകളെ നിരീക്ഷിക്കുന്നതിന് ഒരു മാന്ത്രിക ഉപകരണം ഉണ്ടോ, അതിനാൽ, "അത് സജ്ജമാക്കി മറക്കുക" എന്ന് അവർ പറയുന്നതുപോലെ?".. k8- കൾ നിരീക്ഷിക്കുന്നതിനുള്ള വ്യവസായ നിലവാരം, തീർച്ചയായും, വളരെക്കാലമായി പ്രൊമിത്യൂസ് + ഗ്രാഫാന കോമ്പിനേഷൻ. ഈ സ്റ്റാക്കിനുള്ള റെഡിമെയ്ഡ് സൊല്യൂഷനുകൾ എന്ന നിലയിൽ, വിവിധ തരത്തിലുള്ള ടൂളുകളുടെ ഒരു വലിയ സെറ്റ് ഉണ്ട്: പ്രോമിത്യൂസ്-ഓപ്പറേറ്റർ, ഒരു കൂട്ടം kubernetes-mixin ഡാഷ്ബോർഡുകൾ, Grafana-kubernetes-app.

Grafana-kubernetes-app പ്ലഗിൻ ഞങ്ങൾക്ക് ഏറ്റവും രസകരമായ ഓപ്ഷനാണെന്ന് തോന്നുന്നു, എന്നാൽ ഇത് ഒരു വർഷത്തിലേറെയായി പിന്തുണയ്‌ക്കുന്നില്ല, മാത്രമല്ല, node-exporter, kube-state-metrics എന്നിവയുടെ പുതിയ പതിപ്പുകളിൽ പ്രവർത്തിക്കാൻ കഴിയില്ല. ഒരു ഘട്ടത്തിൽ ഞങ്ങൾ തീരുമാനിച്ചു: "നമ്മൾ സ്വന്തം തീരുമാനം എടുക്കേണ്ടതല്ലേ?"

ഞങ്ങളുടെ പ്ലഗിനിൽ എന്ത് ആശയങ്ങൾ നടപ്പിലാക്കാൻ ഞങ്ങൾ തീരുമാനിച്ചു:

• "അപ്ലിക്കേഷൻ മാപ്പിന്റെ" ദൃശ്യവൽക്കരണം: ക്ലസ്റ്ററിലെ ആപ്ലിക്കേഷനുകളുടെ സൗകര്യപ്രദമായ അവതരണം, നെയിംസ്‌പെയ്‌സുകൾ, വിന്യാസങ്ങൾ എന്നിവ പ്രകാരം ഗ്രൂപ്പുചെയ്‌തിരിക്കുന്നു...;
• “വിന്യാസം - സേവനം (+പോർട്ടുകൾ)” പോലുള്ള കണക്ഷനുകളുടെ ദൃശ്യവൽക്കരണം.
• ക്ലസ്റ്റർ നോഡുകളിലുടനീളം ക്ലസ്റ്റർ ആപ്ലിക്കേഷനുകളുടെ വിതരണത്തിന്റെ ദൃശ്യവൽക്കരണം.
• നിരവധി സ്രോതസ്സുകളിൽ നിന്നുള്ള അളവുകളുടെയും വിവരങ്ങളുടെയും ശേഖരം: പ്രോമിത്യൂസും k8s api സെർവറും.
• ഇൻഫ്രാസ്ട്രക്ചർ ഭാഗം (സിപിയു സമയം, മെമ്മറി, ഡിസ്ക് സബ്സിസ്റ്റം, നെറ്റ്‌വർക്ക് എന്നിവയുടെ ഉപയോഗം), ആപ്ലിക്കേഷൻ ലോജിക് - ഹെൽത്ത്-സ്റ്റാറ്റസ് പോഡുകൾ, ലഭ്യമായ പകർപ്പുകളുടെ എണ്ണം, ലൈവ്‌നസ് / റെഡിനസ് ടെസ്റ്റുകൾ പാസാക്കുന്നതിനെക്കുറിച്ചുള്ള വിവരങ്ങൾ.

ഭാഗം 1: എന്താണ് "ഗ്രാഫാന പ്ലഗിൻ"?

ഒരു സാങ്കേതിക വീക്ഷണകോണിൽ, ഗ്രാഫാനയ്ക്കുള്ള പ്ലഗിൻ ഒരു കോണീയ കൺട്രോളറാണ്, അത് ഗ്രാഫാന ഡാറ്റ ഡയറക്ടറിയിൽ (/var/grafana/plugins/ /dist/module.js) കൂടാതെ SystemJS മൊഡ്യൂളായി ലോഡ് ചെയ്യാവുന്നതാണ്. ഈ ഡയറക്‌ടറിയിൽ നിങ്ങളുടെ പ്ലഗിനെ കുറിച്ചുള്ള എല്ലാ മെറ്റാ വിവരങ്ങളും അടങ്ങിയ ഒരു plugin.json ഫയൽ ഉണ്ടായിരിക്കണം: പേര്, പതിപ്പ്, പ്ലഗിൻ തരം, റിപ്പോസിറ്ററി/സൈറ്റ്/ലൈസൻസിലേക്കുള്ള ലിങ്കുകൾ, ഡിപൻഡൻസികൾ തുടങ്ങിയവ.

module.ts

plugin.json

നിങ്ങൾക്ക് സ്ക്രീൻഷോട്ടിൽ കാണാനാകുന്നതുപോലെ, ഞങ്ങൾ plugin.type = ആപ്പ് വ്യക്തമാക്കി. കാരണം ഗ്രാഫാനയ്ക്കുള്ള പ്ലഗിനുകൾ മൂന്ന് തരത്തിലാകാം:

പാനൽ: ഏറ്റവും സാധാരണമായ തരം പ്ലഗിൻ - ഇത് വിവിധ ഡാഷ്‌ബോർഡുകൾ നിർമ്മിക്കാൻ ഉപയോഗിക്കുന്ന ഏതെങ്കിലും മെട്രിക്‌സ് ദൃശ്യവൽക്കരിക്കുന്നതിനുള്ള ഒരു പാനലാണ്.
വിവര ഉറവിടം: ചില ഡാറ്റ ഉറവിടങ്ങളിലേക്കുള്ള പ്ലഗിൻ കണക്റ്റർ (ഉദാഹരണത്തിന്, Prometheus-datasource, ClickHouse-datasource, ElasticSearch-datasource).
അപ്ലിക്കേഷൻ: ഗ്രാഫാനയ്ക്കുള്ളിൽ നിങ്ങളുടെ സ്വന്തം ഫ്രണ്ട്‌എൻഡ് ആപ്ലിക്കേഷൻ നിർമ്മിക്കാനും നിങ്ങളുടെ സ്വന്തം html പേജുകൾ സൃഷ്ടിക്കാനും വിവിധ ഡാറ്റ ദൃശ്യവൽക്കരിക്കുന്നതിന് ഡാറ്റാസോഴ്‌സ് സ്വമേധയാ ആക്‌സസ് ചെയ്യാനും നിങ്ങളെ അനുവദിക്കുന്ന ഒരു പ്ലഗിൻ. കൂടാതെ, മറ്റ് തരത്തിലുള്ള പ്ലഗിന്നുകളും (ഡാറ്റസോഴ്സ്, പാനൽ) വിവിധ ഡാഷ്ബോർഡുകളും ഡിപൻഡൻസികളായി ഉപയോഗിക്കാം.

type=app ഉള്ള ഉദാഹരണം പ്ലഗിൻ ഡിപൻഡൻസികൾ.

നിങ്ങൾക്ക് ജാവാസ്ക്രിപ്റ്റും ടൈപ്പ്സ്ക്രിപ്റ്റും ഒരു പ്രോഗ്രാമിംഗ് ഭാഷയായി ഉപയോഗിക്കാം (ഞങ്ങൾ അത് തിരഞ്ഞെടുത്തു). നിങ്ങൾക്ക് കഴിയുന്ന ഏത് തരത്തിലുള്ള ഹലോ-വേൾഡ് പ്ലഗിന്നുകൾക്കായുള്ള തയ്യാറെടുപ്പുകൾ ലിങ്ക് കണ്ടെത്തുക: ഈ റിപ്പോസിറ്ററിയിൽ മുൻകൂട്ടി ഇൻസ്റ്റാൾ ചെയ്തതും കോൺഫിഗർ ചെയ്തതുമായ ബിൽഡറുകൾക്കൊപ്പം ധാരാളം സ്റ്റാർട്ടർ-പാക്കുകൾ (റിയാക്ടിൽ ഒരു പ്ലഗിന്റെ പരീക്ഷണാത്മക ഉദാഹരണം പോലും ഉണ്ട്) അടങ്ങിയിരിക്കുന്നു.

ഭാഗം 2: പ്രാദേശിക പരിസ്ഥിതി ഒരുക്കുക

പ്ലഗിനിൽ പ്രവർത്തിക്കാൻ, ഞങ്ങൾക്ക് സ്വാഭാവികമായും പ്രീഇൻസ്റ്റാൾ ചെയ്‌ത എല്ലാ ടൂളുകളുമുള്ള ഒരു ക്യൂബർനെറ്റസ് ക്ലസ്റ്റർ ആവശ്യമാണ്: പ്രോമിത്യൂസ്, നോഡ്-എക്‌സ്‌പോർട്ടർ, ക്യൂബ്-സ്റ്റേറ്റ്-മെട്രിക്‌സ്, ഗ്രാഫാന. പരിസ്ഥിതി വേഗത്തിലും എളുപ്പത്തിലും സ്വാഭാവികമായും സജ്ജീകരിക്കണം, ഹോട്ട്-റീലോഡ് ഉറപ്പാക്കാൻ, ഗ്രാഫാന ഡാറ്റ ഡയറക്ടറി ഡെവലപ്പറുടെ മെഷീനിൽ നിന്ന് നേരിട്ട് മൌണ്ട് ചെയ്യണം.

ഞങ്ങളുടെ അഭിപ്രായത്തിൽ, കുബർനെറ്റുകളുമായി പ്രാദേശികമായി പ്രവർത്തിക്കുക എന്നതാണ് ഏറ്റവും സൗകര്യപ്രദമായ മാർഗം മിനിക്യൂബ്. പ്രോമിത്യൂസ്-ഓപ്പറേറ്റർ ഉപയോഗിച്ച് പ്രോമിത്യൂസ് + ഗ്രാഫാന കോമ്പിനേഷൻ ഇൻസ്റ്റാൾ ചെയ്യുക എന്നതാണ് അടുത്ത ഘട്ടം. IN ഈ ലേഖനം മിനിക്യൂബിൽ prometheus-operator ഇൻസ്റ്റാൾ ചെയ്യുന്ന പ്രക്രിയ വിശദമായി വിവരിച്ചിരിക്കുന്നു. പെർസിസ്റ്റൻസ് പ്രവർത്തനക്ഷമമാക്കാൻ, നിങ്ങൾ പരാമീറ്റർ സജ്ജീകരിക്കണം സ്ഥിരോത്സാഹം: സത്യം charts/grafana/values.yaml ഫയലിൽ, നിങ്ങളുടെ സ്വന്തം PV, PVC എന്നിവ ചേർത്ത് persistence.existingClaim പാരാമീറ്ററിൽ വ്യക്തമാക്കുക.

ഞങ്ങളുടെ അവസാന മിനിക്യൂബ് ലോഞ്ച് സ്ക്രിപ്റ്റ് ഇതുപോലെയാണ്:

minikube start --kubernetes-version=v1.13.4 --memory=4096 --bootstrapper=kubeadm --extra-config=scheduler.address=0.0.0.0 --extra-config=controller-manager.address=0.0.0.0
minikube mount 
/home/sergeisporyshev/Projects/Grafana:/var/grafana --gid=472 --uid=472 --9p-version=9p2000.L

ഭാഗം 3: യഥാർത്ഥ വികസനം

ഒബ്ജക്റ്റ് മോഡൽ

പ്ലഗിൻ നടപ്പിലാക്കുന്നതിനുള്ള തയ്യാറെടുപ്പിനായി, ടൈപ്പ്സ്ക്രിപ്റ്റ് ക്ലാസുകളുടെ രൂപത്തിൽ ഞങ്ങൾ പ്രവർത്തിക്കുന്ന എല്ലാ അടിസ്ഥാന കുബർനെറ്റസ് എന്റിറ്റികളെയും വിവരിക്കാൻ ഞങ്ങൾ തീരുമാനിച്ചു: പോഡ്, വിന്യാസം, ഡെമോൺസെറ്റ്, സ്റ്റേറ്റ്ഫുൾസെറ്റ്, ജോലി, ക്രോൺജോബ്, സേവനം, നോഡ്, നെയിംസ്പേസ്. കൺസ്‌ട്രക്‌റ്റർ, ഡിസ്ട്രക്‌റ്റർ, ദൃശ്യപരത അപ്‌ഡേറ്റ് ചെയ്യുന്നതിനും സ്വിച്ചുചെയ്യുന്നതിനുമുള്ള രീതികൾ എന്നിവ വിവരിക്കുന്ന പൊതുവായ ബേസ് മോഡൽ ക്ലാസിൽ നിന്ന് ഈ ക്ലാസുകൾ ഓരോന്നിനും അവകാശമുണ്ട്. ഓരോ ക്ലാസുകളും മറ്റ് എന്റിറ്റികളുമായുള്ള നെസ്റ്റഡ് ബന്ധങ്ങൾ വിവരിക്കുന്നു, ഉദാഹരണത്തിന്, തരം വിന്യാസത്തിന്റെ ഒരു എന്റിറ്റിക്കുള്ള പോഡുകളുടെ ഒരു ലിസ്റ്റ്.

import {Pod} from "./pod";
import {Service} from "./service";
import {BaseModel} from './traits/baseModel';

export class Deployment extends BaseModel{
   pods: Array<Pod>;
   services: Array<Service>;

   constructor(data: any){
       super(data);
       this.pods = [];
       this.services = [];
   }
}

ഗെറ്ററുകളുടെയും സെറ്ററുകളുടെയും സഹായത്തോടെ, ഞങ്ങൾക്ക് ആവശ്യമുള്ള എന്റിറ്റി മെട്രിക്‌സ് സൗകര്യപ്രദവും വായിക്കാവുന്നതുമായ രൂപത്തിൽ പ്രദർശിപ്പിക്കാനോ സജ്ജമാക്കാനോ കഴിയും. ഉദാഹരണത്തിന്, അലോക്കേറ്റ് ചെയ്യാവുന്ന സിപിയു നോഡുകളുടെ ഫോർമാറ്റ് ചെയ്ത ഔട്ട്പുട്ട്:

get cpuAllocatableFormatted(){
   let cpu = this.data.status.allocatable.cpu;
   if(cpu.indexOf('m') > -1){
       cpu = parseInt(cpu)/1000;
   }
   return cpu;
}

പേജുകൾ

ഞങ്ങളുടെ എല്ലാ പ്ലഗിൻ പേജുകളുടെയും ഒരു ലിസ്റ്റ് ഞങ്ങളുടെ pluing.json-ൽ ഡിപൻഡൻസി വിഭാഗത്തിൽ ആദ്യം വിവരിച്ചിരിക്കുന്നു:

ഓരോ പേജിനുമുള്ള ബ്ലോക്കിൽ നമ്മൾ PAGE NAME സൂചിപ്പിക്കണം (അത് പിന്നീട് ഈ പേജ് ആക്സസ് ചെയ്യാൻ കഴിയുന്ന ഒരു സ്ലഗായി പരിവർത്തനം ചെയ്യപ്പെടും); ഈ പേജിന്റെ പ്രവർത്തനത്തിന് ഉത്തരവാദികളായ ഘടകത്തിന്റെ പേര് (ഘടകങ്ങളുടെ ലിസ്റ്റ് module.ts ലേക്ക് കയറ്റുമതി ചെയ്യുന്നു); ഈ പേജിനൊപ്പം ഏത് ഉപയോക്തൃ റോൾ ലഭ്യമാണെന്നും സൈഡ്‌ബാറിനായുള്ള നാവിഗേഷൻ ക്രമീകരണങ്ങളും സൂചിപ്പിക്കുന്നു.

പേജിന്റെ പ്രവർത്തനത്തിന് ഉത്തരവാദികളായ ഘടകത്തിൽ, ഞങ്ങൾ templateUrl സജ്ജീകരിക്കണം, മാർക്ക്അപ്പ് ഉപയോഗിച്ച് html ഫയലിലേക്കുള്ള പാത കടന്നുപോകുന്നു. കൺട്രോളറിനുള്ളിൽ, ഡിപൻഡൻസി ഇഞ്ചക്ഷൻ വഴി, നമുക്ക് 2 പ്രധാനപ്പെട്ട കോണീയ സേവനങ്ങൾ വരെ ആക്സസ് ചെയ്യാൻ കഴിയും:

• backendSrv - ഗ്രാഫാന API സെർവറുമായി ആശയവിനിമയം നടത്തുന്ന ഒരു സേവനം;
• datasourceSrv - നിങ്ങളുടെ ഗ്രാഫാനയിൽ ഇൻസ്‌റ്റാൾ ചെയ്‌തിരിക്കുന്ന എല്ലാ ഡാറ്റാ സ്രോതസ്സുകളുമായും പ്രാദേശിക ഇടപെടൽ നൽകുന്ന ഒരു സേവനം (ഉദാഹരണത്തിന്, .getAll() രീതി - ഇൻസ്റ്റാൾ ചെയ്ത എല്ലാ ഡാറ്റാസോഴ്സുകളുടെയും ഒരു ലിസ്റ്റ് നൽകുന്നു; .get( ) - ഒരു നിർദ്ദിഷ്‌ട ഡാറ്റാസോഴ്‌സിന്റെ ഒരു ഉദാഹരണ ഒബ്‌ജക്റ്റ് നൽകുന്നു.

ഭാഗം 4: ഡാറ്റ ഉറവിടം

ഗ്രാഫാനയുടെ വീക്ഷണകോണിൽ നിന്ന്, ഡാറ്റാസോഴ്‌സ് മറ്റെല്ലാ പ്ലഗിനുകളും പോലെ തന്നെയാണ്: അതിന് അതിന്റേതായ എൻട്രി പോയിന്റ് module.js ഉണ്ട്, മെറ്റാ ഇൻഫർമേഷൻ plugin.json ഉള്ള ഒരു ഫയൽ ഉണ്ട്. ടൈപ്പ് = ആപ്പ് ഉപയോഗിച്ച് ഒരു പ്ലഗിൻ വികസിപ്പിച്ചെടുക്കുമ്പോൾ, നിലവിലുള്ള ഡാറ്റാസോഴ്‌സുമായും (ഉദാഹരണത്തിന്, പ്രോമിത്യൂസ്-ഡാറ്റസോഴ്‌സ്) നമ്മുടേതുമായി സംവദിക്കാൻ കഴിയും, അത് നമുക്ക് നേരിട്ട് പ്ലഗിൻ ഡയറക്‌ടറിയിൽ (dist/datasource/*) സംഭരിക്കാം അല്ലെങ്കിൽ ഒരു ഡിപൻഡൻസി ആയി ഇൻസ്റ്റാൾ ചെയ്യാം. ഞങ്ങളുടെ കാര്യത്തിൽ, ഡാറ്റ ഉറവിടം പ്ലഗിൻ കോഡിനൊപ്പം വരുന്നു. ഒരു config.html ടെംപ്ലേറ്റും ഒരു ConfigCtrl കൺട്രോളറും ഉണ്ടായിരിക്കേണ്ടത് ആവശ്യമാണ്, അത് ഡാറ്റാസോഴ്സ് ഇൻസ്റ്റൻസ് കോൺഫിഗറേഷൻ പേജിനും നിങ്ങളുടെ ഡാറ്റാസോഴ്സിന്റെ ലോജിക് നടപ്പിലാക്കുന്ന ഡാറ്റാസോഴ്സ് കൺട്രോളറിനും ഉപയോഗിക്കും.

KubeGraf പ്ലഗിനിൽ, ഉപയോക്തൃ ഇന്റർഫേസ് വീക്ഷണകോണിൽ, ഇനിപ്പറയുന്ന കഴിവുകൾ നടപ്പിലാക്കുന്ന ഒരു kubernetes ക്ലസ്റ്ററിന്റെ ഒരു ഉദാഹരണമാണ് ഡാറ്റാസോഴ്സ് (സോഴ്സ് കോഡ് ലഭ്യമാണ് ബന്ധം):

• k8s api-സെർവറിൽ നിന്ന് ഡാറ്റ ശേഖരിക്കുന്നു (നെയിംസ്പേസുകളുടെയും വിന്യാസങ്ങളുടെയും ഒരു ലിസ്റ്റ് ലഭിക്കുന്നു...)
• പ്രോമിത്യൂസ്-ഡാറ്റാസോഴ്‌സിലേക്കുള്ള അഭ്യർത്ഥനകൾ പ്രോക്‌സി ചെയ്യുന്നു (ഇത് ഓരോ നിർദ്ദിഷ്ട ക്ലസ്റ്ററിനും പ്ലഗിൻ ക്രമീകരണങ്ങളിൽ തിരഞ്ഞെടുത്തിരിക്കുന്നു) സ്റ്റാറ്റിക് പേജുകളിലും ഡാഷ്‌ബോർഡുകളിലും ഡാറ്റ ഉപയോഗിക്കുന്നതിന് പ്രതികരണങ്ങൾ ഫോർമാറ്റ് ചെയ്യുന്നു.
• സ്റ്റാറ്റിക് പ്ലഗിൻ പേജുകളിലെ ഡാറ്റ അപ്‌ഡേറ്റ് ചെയ്യുന്നു (ഒരു സെറ്റ് പുതുക്കൽ നിരക്കിനൊപ്പം).
• ഗ്രാഫാന-ഡാഷ്‌ബോർഡുകളിൽ ഒരു ടെംപ്ലേറ്റ് ഷീറ്റ് സൃഷ്‌ടിക്കാൻ അന്വേഷണങ്ങൾ പ്രോസസ്സ് ചെയ്യുന്നു (metriFindQuery() രീതി)

• അവസാന k8s ക്ലസ്റ്ററുമായുള്ള കണക്ഷൻ ടെസ്റ്റ്.

testDatasource(){
   let url = '/api/v1/namespaces';
   let _url = this.url;
   if(this.accessViaToken)
       _url += '/__proxy';
   _url += url;
   return this.backendSrv.datasourceRequest({
       url: _url,
       method: "GET",
       headers: {"Content-Type": 'application/json'}
   })
       .then(response => {
           if (response.status === 200) {
               return {status: "success", message: "Data source is OK", title: "Success"};
           }else{
               return {status: "error", message: "Data source is not OK", title: "Error"};
           }
       }, error => {
           return {status: "error", message: "Data source is not OK", title: "Error"};
       })
}

ഒരു പ്രത്യേക രസകരമായ കാര്യം, ഞങ്ങളുടെ അഭിപ്രായത്തിൽ, ഡാറ്റാസോഴ്സിനായി ഒരു ആധികാരികത, അംഗീകാര സംവിധാനം നടപ്പിലാക്കുക എന്നതാണ്. സാധാരണഗതിയിൽ, ബോക്‌സിന് പുറത്ത്, അന്തിമ ഡാറ്റ ഉറവിടത്തിലേക്കുള്ള ആക്‌സസ് കോൺഫിഗർ ചെയ്യുന്നതിന് ഞങ്ങൾക്ക് അന്തർനിർമ്മിത ഗ്രാഫാന ഘടകം ഡാറ്റസോഴ്‌സ്HttpSettings ഉപയോഗിക്കാം. ഈ ഘടകം ഉപയോഗിച്ച്, url, അടിസ്ഥാന പ്രാമാണീകരണം/അധികാര ക്രമീകരണങ്ങൾ എന്നിവ വ്യക്തമാക്കിക്കൊണ്ട് ഞങ്ങൾക്ക് http ഡാറ്റ ഉറവിടത്തിലേക്കുള്ള ആക്‌സസ് കോൺഫിഗർ ചെയ്യാം: ലോഗിൻ-പാസ്‌വേഡ്, അല്ലെങ്കിൽ ക്ലയന്റ്-സേർട്ട്/ക്ലയന്റ്-കീ. ഒരു ബെയറർ ടോക്കൺ (k8s-നുള്ള ഡി ഫാക്റ്റോ സ്റ്റാൻഡേർഡ്) ഉപയോഗിച്ച് ആക്സസ് കോൺഫിഗർ ചെയ്യാനുള്ള കഴിവ് നടപ്പിലാക്കുന്നതിനായി, ഞങ്ങൾ ഒരു ചെറിയ ട്വീക്കിംഗ് ചെയ്യേണ്ടതുണ്ട്.

ഈ പ്രശ്നം പരിഹരിക്കാൻ, നിങ്ങൾക്ക് അന്തർനിർമ്മിത ഗ്രാഫാന "പ്ലഗിൻ റൂട്ടുകൾ" മെക്കാനിസം ഉപയോഗിക്കാം (കൂടുതൽ വിശദാംശങ്ങൾ ഇവിടെ ഔദ്യോഗിക ഡോക്യുമെന്റേഷൻ പേജ്). ഞങ്ങളുടെ ഡാറ്റാസോഴ്സിന്റെ ക്രമീകരണങ്ങളിൽ, ഗ്രാഫാന പ്രോക്സി സെർവർ പ്രോസസ്സ് ചെയ്യുന്ന ഒരു കൂട്ടം റൂട്ടിംഗ് നിയമങ്ങൾ നമുക്ക് പ്രഖ്യാപിക്കാം. ഉദാഹരണത്തിന്, ഓരോ വ്യക്തിഗത എൻഡ്‌പോയിന്റിനും ടെംപ്ലേറ്റിംഗ് സാധ്യതയുള്ള തലക്കെട്ടുകളോ urlകളോ സജ്ജീകരിക്കാൻ കഴിയും, അതിനുള്ള ഡാറ്റ jsonData, SecurityJsonData ഫീൽഡുകളിൽ നിന്ന് എടുക്കാം (എൻക്രിപ്റ്റ് ചെയ്ത രൂപത്തിൽ പാസ്‌വേഡുകളോ ടോക്കണുകളോ സംഭരിക്കുന്നതിന്). ഞങ്ങളുടെ ഉദാഹരണത്തിൽ, ഇതുപോലുള്ള ചോദ്യങ്ങൾ /__proxy/api/v1/namespaces ഫോമിന്റെ url-ലേക്ക് പ്രോക്സി ചെയ്യപ്പെടും
/api/v8/namespaces with Authorization: Bearer header.

സ്വാഭാവികമായും, k8s api സെർവറിൽ പ്രവർത്തിക്കാൻ ഞങ്ങൾക്ക് വായിക്കാൻ മാത്രമുള്ള ആക്‌സസ് ഉള്ള ഒരു ഉപയോക്താവ് ആവശ്യമാണ്, സൃഷ്‌ടിക്കുന്നതിനുള്ള മാനിഫെസ്റ്റുകൾ പ്ലഗിൻ സോഴ്സ് കോഡ്.

ഭാഗം 5: റിലീസ്

നിങ്ങളുടേതായ ഗ്രാഫാന പ്ലഗിൻ എഴുതിക്കഴിഞ്ഞാൽ, സ്വാഭാവികമായും അത് പൊതുവായി ലഭ്യമാക്കാൻ നിങ്ങൾ ആഗ്രഹിക്കും. ഗ്രാഫാനയിൽ ഇത് ഇവിടെ ലഭ്യമായ പ്ലഗിനുകളുടെ ഒരു ലൈബ്രറിയാണ് grafana.com/grafana/plugins

നിങ്ങളുടെ പ്ലഗിൻ ഔദ്യോഗിക സ്റ്റോറിൽ ലഭ്യമാകുന്നതിന്, നിങ്ങൾ ഒരു പിആർ ഇൻ ചെയ്യേണ്ടതുണ്ട് ഈ ശേഖരംrepo.json ഫയലിലേക്ക് ഇതുപോലുള്ള ഉള്ളടക്കം ചേർക്കുന്നതിലൂടെ:

ഇവിടെ പതിപ്പ് നിങ്ങളുടെ പ്ലഗിന്റെ പതിപ്പാണ്, url എന്നത് റിപ്പോസിറ്ററിയിലേക്കുള്ള ഒരു ലിങ്കാണ്, കൂടാതെ പ്ലഗിന്റെ ഒരു പ്രത്യേക പതിപ്പ് ലഭ്യമാകുന്ന കമ്മിറ്റിന്റെ ഹാഷാണ് കമ്മിറ്റ്.

ഔട്ട്പുട്ടിൽ നിങ്ങൾ ഇതുപോലുള്ള ഒരു അത്ഭുതകരമായ ചിത്രം കാണും:

അതിനുള്ള ഡാറ്റ നിങ്ങളുടെ Readme.md, Changelog.md എന്നിവയിൽ നിന്നും പ്ലഗിൻ വിവരണത്തോടുകൂടിയ plugin.json ഫയലിൽ നിന്നും സ്വയമേവ പിടിച്ചെടുക്കും.

ഭാഗം 6: നിഗമനങ്ങൾക്ക് പകരം

റിലീസിന് ശേഷം ഞങ്ങളുടെ പ്ലഗിൻ വികസിപ്പിക്കുന്നത് ഞങ്ങൾ നിർത്തിയില്ല. ഇപ്പോൾ ഞങ്ങൾ ക്ലസ്റ്റർ നോഡുകളുടെ ഉറവിടങ്ങളുടെ ഉപയോഗം ശരിയായി നിരീക്ഷിക്കുന്നതിനും UX മെച്ചപ്പെടുത്തുന്നതിന് പുതിയ സവിശേഷതകൾ അവതരിപ്പിക്കുന്നതിനും ഒപ്പം പ്ലഗിൻ ഇൻസ്റ്റാൾ ചെയ്തതിന് ശേഷം ഞങ്ങളുടെ ക്ലയന്റുകളിൽ നിന്നും GitHub-ലെ ആളുകളിൽ നിന്നുമുള്ള വലിയ അളവിലുള്ള ഫീഡ്‌ബാക്ക് ശേഖരിക്കുന്നതിനും ഞങ്ങൾ പ്രവർത്തിക്കുന്നു (നിങ്ങൾ വിടുകയാണെങ്കിൽ നിങ്ങളുടെ പ്രശ്നം അല്ലെങ്കിൽ പിൻവലിക്കൽ അഭ്യർത്ഥന, ഞാൻ വളരെ സന്തോഷവാനാണ് :)

ഗ്രാഫാന പോലുള്ള ഒരു അത്ഭുതകരമായ ഉപകരണം മനസിലാക്കാനും, ഒരുപക്ഷേ, നിങ്ങളുടെ സ്വന്തം പ്ലഗിൻ എഴുതാനും ഈ ലേഖനം നിങ്ങളെ സഹായിക്കുമെന്ന് ഞങ്ങൾ പ്രതീക്ഷിക്കുന്നു.

നന്ദി!)

അവലംബം: www.habr.com