Последняя версия инструмента управления визуальным мониторингом dubbo dubbo-admin build

Dubbo

инструмент визуального мониторинга и управления dubbo

dubbo-admin — это визуальный инструмент управления dubbo, который может интуитивно отображать различные интерфейсы для доступа к сервисам dubbo перед разработчиками, эксплуатации и обслуживания, что значительно облегчает управление и мониторинг сервисов dubbo.

Предыдущий dubbo-admin был облегченным военным пакетом.После изменения конфигурации его можно было напрямую поместить в веб-приложение tomcat для запуска, но теперь dubbo-admin установил режим разделения интерфейса и сервера, Springboot Back -end пакет dubbo-admin-server И интерфейсный пакет VUE dubbo-admin-ui. Потом в процессе строительства я наступил на некоторые ямы.

1. Загрузите пакет проекта

репозиторий dubbo-admin git под apache:

GitHub.com/Apache/Inc U…

Откройте Git BUSH здесь, в вашем локальном установочном каталоге, и перетащите проект в локальный

git clone https://github.com/apache/dubbo-admin.git

После скачивания открываем его в идее.Ниже такая структура каталогов.Остальное пока использовать не будем.Здесь нужно использовать бэкенд пакет dubb0-admin-service и фронтенд vue пакет dubbo- админ-интерфейс.

2. Настройка и работа dubbo-admin-server

Измените IP-адреса нескольких zookeeper в файлах конфигурации application.properties и application-test.properties в dubbo-admin-server и измените их на IP-адрес и порт вашего собственного zookeeper.

Затем вы можете запустить службу напрямую Стартовый порт dubbo-admin-server по умолчанию — 8080.

К самому dubbo-admin-server, настроенному с помощью Swagger, можно получить доступ:http://localhost:8080/swagger-ui.htmlчтобы увидеть, успешно ли работает конфигурация

Следующим шагом является настройка пакета dubbo-admin-ui.

3. Настройка и работа dubbo-admin-ui

Найдите index.js в пакете config в dubbo-admin-ui. Изменить в соответствии с вашей реальной ситуацией

proxyTable: {
 '/': {
   target: 'http://localhost:8080/',
   changeOrigin: true,
   pathRewrite: {
     '^/': '/'
  }
}
},//连接dubbo-admin-server的url 
// Various Dev Server settings
host: 'localhost', // can be overwritten by process.env.HOST
port: 8081, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
//dubbo-admin-ui的运行端口配置

Поскольку dubbo-admin-ui использует VUE, его нужно запускать с помощью npm. Чтобы настроить и установить npm, обратитесь к:

Блог Woo Woo.cn на.com/Li Changyun/…

Используйте cmd, чтобы перейти в каталог dubbo-admin-ui,

npm install //进行mode_modules依赖构建

Если вы терпите неудачу или задерживаетесь где-то надолго, вы можете попробовать изменить источник

npm config set registry  https://registry.npm.taobao.org   //这个是淘宝的源
或
npm config set registry http://registry.cnpmjs.org/   //这个不知道是哪个源 
或
npm config set registry https://registry.npmjs.org/  //还有这个 这个应该是原本的源

После выбора одного из трех указанных выше входов:

npm cache clean --force    //换完源之后执行这个命令清除一下缓存

Выполнять сразу после завершения окончательной сборки npm run dev // просто запустите узел и получите доступ к порту 8081 в соответствии с нашей конфигурацией выше

После завершения операции зайдите в браузереhttp://localhost:8081