GithubHelp home page GithubHelp logo

qiankun-practise's Introduction

qiankun微服务技术调研

总体设计

  1. 1个主(入口、基座)项目,N个子项目,业务项目
  2. 主项目:负责入口展示、展示类内容、路由分发、为子项目提供容器以及分发渲染
  3. 子项目:将业务拆分成多工程来实现,避免牵一发而动全身,独立业务线、敏捷开发
  4. 主项目使用main.gg.com域名,所有子项目共用sub.gg.com,其具体业务通过nginx的根路径进行分发
  5. 子项目可单独访问,也可在main.gg.com提供的容器内访问
  6. 当前项目采用vue3技术栈来实现

已完成

  1. 子项目可独立访问、亦可在主容器内正常访问
  2. 解决主、子项目样式冲突的情况,通过vite打包时,增加 class-namespace
  3. image标签的静态资源,在两中环境下正常显示
  4. 开发模式下,dev服务、switchHostnginx 的配置
  5. 生产模式下,静态dist目录、switchHostnginx 的配置

待完成

  1. background-image图片资源,在子域名可访问,容器内不可访问错误
  2. 生产模式下,nginx配置前端 history路由方式
  3. 主项目和子项目如何通信

开发前准备

  1. 安装 switchHost
  2. 安装 Nginx
  3. 根目录提供了上述软件的配置文件

qiankun-practise's People

Contributors

awarriorer avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.