SDK

Author: laoshanxi

package.json

@@ -18,6 +18,7 @@
     "@antv/data-set": "^0.11.8",
     "@antv/g2": "^4.2.10",
     "af-table-column": "^1.0.3",
+    "appmesh": "^0.2.6",
     "axios": "^1.6.2",
     "element-ui": "^2.15.14",
     "js-base64": "^3.7.5",
@@ -47,19 +48,25 @@
     "babel-core": "^7.0.0-bridge.0",
     "babel-eslint": "^10.1.0",
     "babel-jest": "^29.7.0",
+    "buffer": "^6.0.3",
     "chalk": "^4.1.2",
     "connect": "^3.7.0",
     "eslint": "^8.55.0",
     "eslint-plugin-vue": "^9.19.2",
     "html-webpack-plugin": "^4",
+    "https-browserify": "^1.0.0",
     "mockjs": "^1.1.0",
+    "process": "^0.11.10",
     "runjs": "^4.4.2",
     "sass": "^1.83.4",
     "sass-loader": "^13.3.3",
     "script-loader": "^0.7.2",
     "serve-static": "^1.15.0",
+    "stream-browserify": "^3.0.0",
+    "stream-http": "^3.2.0",
     "svg-sprite-loader": "^6.0.11",
     "svgo": "^3.0.4",
+    "url": "^0.11.4",
     "vue-template-compiler": "^2.7.16"
   },
   "engines": {

src/api/labels.js

@@ -1,10 +1,9 @@
 import request from '@/utils/request'
+import { getClient } from '@/utils'
 
 export function getLabels() {
-  return request({
-    url: '/appmesh/labels',
-    method: 'GET',
-  })
+  const client = getClient();
+  return client.view_tags().then(data => ({ data }));
 }
 
 export function updateLabels(data) {

src/utils/index.js

@@ -2,6 +2,11 @@
  * Created by PanJiaChen on 16/11/18.
  */
 import moment from "moment";
+
+import store from '@/store'
+import { getToken } from '@/utils/auth'
+import { AppMeshClient } from "appmesh";
+
 /**
  * Parse the time to string
  * @param {(Object|string|number)} time
@@ -181,3 +186,25 @@ export function formatCpu(cpu) {
   }
   return cpu.toFixed(1);
 }
+
+export function getClient(data = null) {
+  // Use window to store a global instance
+  if (!window._appmeshClient) {
+    window._appmeshClient = new AppMeshClient();
+
+    const client = window._appmeshClient;
+    const token = store.getters?.token;
+    const forwardingHost = store.getters?.forwarding;
+    const headers = data?.headers || {};
+
+    // Set token and forwardingHost if needed
+    if (token && !('Authorization' in headers)) {
+      client._jwtToken = getToken();
+    }
+    if (forwardingHost && !('X-Target-Host' in headers)) {
+      client.forwardingHost = forwardingHost;
+    }
+  }
+
+  return window._appmeshClient;
+}

vue.config.js

@@ -2,6 +2,7 @@
 'use strict'
 const path = require('path')
 const { defineConfig } = require('@vue/cli-service')
+const webpack = require('webpack')
 const defaultSettings = require('./src/settings.js')
 
 function resolve(dir) {
@@ -41,9 +42,19 @@ module.exports = defineConfig({
     name: name,
     resolve: {
       fallback: {
-        path: require.resolve('path-browserify')
+        path: require.resolve('path-browserify'),
+        "https": require.resolve("https-browserify"),
+        "http": require.resolve("stream-http"),
+        "stream": require.resolve("stream-browserify"),
+        "buffer": require.resolve("buffer/"),
+        "url": require.resolve("url/")
       }
-    }
+    },
+    plugins: [
+      new webpack.ProvidePlugin({
+        Buffer: ['buffer', 'Buffer'],
+      })
+    ]
   },
 
   chainWebpack(config) {