Cloud native 与 Spring Cloud 最佳实践

Cloud native 与 Spring Cloud_入门_6_前端介绍

线上地址:https://admin-xxxcloud-dev.roks-xxx-48-2029222ed72d9643e3d07091333056f5-0000.jp-tok.containers.appdomain.cloud/

1. Features
  • 通过统一的 Spring Cloud Gateway 调用后端微服务
  • 微服务间调用示例(Product Composite)
  • Vue3 全家桶 Vue 3.2 + Vue Router + Vuex
  • 最新 Script setup 语法糖
  • 使用 webpack Vite2 构建
  • UI 库使用 Ant Design Vue
  • 使用 Typescript 4.x
2. 环境依赖

前端使用 VS Code 开发, 插件清单如下

以上清单已经做了插件的 link, 点进去即可安装。

3. 本地运行前端

安装 Node.js 14+, 进入到 JREAdmin 根目录:

# 安装依赖包
yarn

# 运行
yarn dev
4. 部署到 OpenShift

和后端略有不同,前端采用了 OpenShift Pipelines(Tekton)。

  • 登录到 OpenShift web console
  • 在 Pipelines 中找到 jreadmin-pipeline,
  • 点击 Start last run 以部署最新代码到 Cloud