[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-71852":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":25,"hasPages":25,"topics":26,"createdAt":10,"pushedAt":10,"updatedAt":31,"readmeContent":32,"aiSummary":33,"trendingCount":16,"starSnapshotCount":16,"syncStatus":34,"lastSyncTime":35,"discoverSource":36},71852,"micro-app","jd-opensource\u002Fmicro-app","jd-opensource","A simple, efficient and powerful micro front-end framework. 一款简约、高效、功能强大的微前端框架","https:\u002F\u002Fjd-opensource.github.io\u002Fmicro-app\u002F",null,"CSS",6228,635,51,313,0,1,5,9,3,69.81,"MIT License",false,"master",true,[27,28,29,30],"javascript","micro-frontend","microapp","webcomponents","2026-06-12 04:01:01","\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fjd-opensource.github.io\u002Fmicro-app\u002F\">\n    \u003Cimg src=\"https:\u002F\u002Fjd-opensource.github.io\u002Fmicro-app\u002Fhome\u002Fassets\u002Flogo.png\" alt=\"logo\" width=\"200\"\u002F>\n  \u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@micro-zoe\u002Fmicro-app\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@micro-zoe\u002Fmicro-app.svg\" alt=\"version\"\u002F>\n  \u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@micro-zoe\u002Fmicro-app\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdt\u002F@micro-zoe\u002Fmicro-app.svg\" alt=\"downloads\"\u002F>\n  \u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fjd-opensource\u002Fmicro-app\u002Fblob\u002Fmaster\u002FLICENSE\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fl\u002F@micro-zoe\u002Fmicro-app.svg\" alt=\"license\"\u002F>\n  \u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fjd-opensource\u002Fmicro-app\u002Fblob\u002Fdev\u002FContact.md\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fchat-wechat-blue\" alt=\"WeChat\">\n  \u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Ftravis-ci.com\u002Fgithub\u002Fjd-opensource\u002Fmicro-app\">\n    \u003Cimg src=\"https:\u002F\u002Fapi.travis-ci.com\u002Fjd-opensource\u002Fmicro-app.svg?branch=master\" alt=\"travis\"\u002F>\n  \u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fcoveralls.io\u002Fgithub\u002Fjd-opensource\u002Fmicro-app?branch=master\">\n    \u003Cimg src=\"https:\u002F\u002Fcoveralls.io\u002Frepos\u002Fgithub\u002Fjd-opensource\u002Fmicro-app\u002Fbadge.svg?branch=master\" alt=\"coveralls\"\u002F>\n  \u003C\u002Fa>\n\u003C\u002Fp>\n\nEnglish｜[简体中文](.\u002FREADME.zh-cn.md)｜[Documentation](https:\u002F\u002Fjd-opensource.github.io\u002Fmicro-app\u002F)｜[Discussions](https:\u002F\u002Fgithub.com\u002Fjd-opensource\u002Fmicro-app\u002Fdiscussions)｜[WeChat](.\u002FContact.md)\n\n# 📖Introduction\nmicro-app is a micro front-end framework launched by JD Retail. It renders based on webcomponent-like and realizes the micro front-end from component thinking, it aiming to reduce the difficulty of getting started and improve work efficiency. \n\nIt is the lowest cost framework for accessing micro front-end, and provides a series of perfect functions such as JS sandbox, style isolation, element isolation, preloading, resource address completion, plugin system, data communication and so on.\n\nmicro-app has no restrictions on the front-end framework, and any framework can be used as a base application to embed any type of micro application of the framework.\n\n# How to use\n## Base application\n**1、Install**\n```bash\nyarn add @micro-zoe\u002Fmicro-app\n```\n\n**2、import at the entrance**\n```js\n\u002F\u002F main.js\nimport microApp from '@micro-zoe\u002Fmicro-app'\n\nmicroApp.start()\n```\n\n**3、Use components in page**\n```html\n\u003C!-- my-page.vue -->\n\u003Ctemplate>\n  \u003C!-- 👇 name is the app name, url is the app address -->\n  \u003Cmicro-app name='my-app' url='http:\u002F\u002Flocalhost:3000\u002F'>\u003C\u002Fmicro-app>\n\u003C\u002Ftemplate>\n```\n\n## Sub application\n**Set cross-domain support in the headers of webpack-dev-server**\n```js\ndevServer: {\n  headers: {\n    'Access-Control-Allow-Origin': '*',\n  },\n},\n```\n\nThe above micro front-end rendering is completed, and the effect is as follows:\n\n![image](https:\u002F\u002Fimg10.360buyimg.com\u002Fimagetools\u002Fjfs\u002Ft1\u002F188373\u002F14\u002F17696\u002F41854\u002F6111f4a0E532736ba\u002F4b86f4f8e2044519.png)\n\nMore detailed configuration can be viewed [Documentation](https:\u002F\u002Fjd-opensource.github.io\u002Fmicro-app\u002Fdocs.html#\u002Fzh-cn\u002Fstart).\n\n# 🤝 Contribution\nIf you're interested in this project, you're welcome to mention pull request, and also welcome your \"Star\" ^_^\n\n### development\n1、Clone\n```\ngit clone https:\u002F\u002Fgithub.com\u002Fjd-opensource\u002Fmicro-app.git\n```\n\n2、Install dependencies\n```\nyarn bootstrap\n```\n\n3、Run project\n```\nyarn start\n```\n\nFor more commands, see [DEVELOP](https:\u002F\u002Fgithub.com\u002Fjd-opensource\u002Fmicro-app\u002Fblob\u002Fmaster\u002FDEVELOP.md)\n\n# FAQ\n\u003Cdetails>\n\n  \u003Csummary>What are the advantages of micro-app?\u003C\u002Fsummary>\n  It is easy to use and low invasive. It only needs to change a small amount of code to access the micro front-end, and provides rich functions at the same time.\n\n\u003C\u002Fdetails>\n\u003Cdetails>\n  \u003Csummary>How compatible?\u003C\u002Fsummary>\n  The micro-app relies on two newer APIs, CustomElements and Proxy.\n\n  For browsers that do not support CustomElements, they can be compatible by introducing polyfills. For details, please refer to: [webcomponents\u002Fpolyfills](https:\u002F\u002Fgithub.com\u002Fwebcomponents\u002Fpolyfills\u002Ftree\u002Fmaster\u002Fpackages\u002Fcustom-elements)。\n\n  However, Proxy is not compatible for the time being, so the micro-app cannot be run on browsers that do not support Proxy.\n\n  Browser compatibility can be viewed: [Can I Use](https:\u002F\u002Fcaniuse.com\u002F?search=Proxy)\n\n  The general is as follows:\n  - desktop: Except IE browser, other browsers are basically compatible.\n  - mobile: ios10+、android5+\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n  \u003Csummary>Must micro applications support cross-domain?\u003C\u002Fsummary>\n  yes!\n\n  If it is a development environment, you can set headers in webpack-dev-server to support cross-domain.\n\n  ```js\n  devServer: {\n    headers: {\n      'Access-Control-Allow-Origin': '*',\n    },\n  }\n  ```\n\n  If it is a production environment, you can support cross-domain through [Configuration nginx](https:\u002F\u002Fsegmentfault.com\u002Fa\u002F1190000012550346).\n\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n  \u003Csummary>Does it support vite?\u003C\u002Fsummary>\n  \n  Yes, please see [adapt vite](https:\u002F\u002Fjd-opensource.github.io\u002Fmicro-app\u002Fdocs.html#\u002Fzh-cn\u002Fframework\u002Fvite) for details.\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n  \u003Csummary>Does it support ssr?\u003C\u002Fsummary>\n  \n  Yes, please see [nextjs](https:\u002F\u002Fjd-opensource.github.io\u002Fmicro-app\u002Fdocs.html#\u002Fzh-cn\u002Fframework\u002Fnextjs), [nuxtjs](https:\u002F\u002Fjd-opensource.github.io\u002Fmicro-app\u002Fdocs.html#\u002Fzh-cn\u002Fframework\u002Fnuxtjs) for details.\n\u003C\u002Fdetails>\n\n# Contributors\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fjd-opensource\u002Fmicro-app\u002Fgraphs\u002Fcontributors\">\n  \u003Cimg src=\"https:\u002F\u002Fcontrib.rocks\u002Fimage?repo=jd-opensource\u002Fmicro-app\" \u002F>\n\u003C\u002Fa>\n\n# License\n[MIT License](https:\u002F\u002Fgithub.com\u002Fjd-opensource\u002Fmicro-app\u002Fblob\u002Fmaster\u002FLICENSE)\n","micro-app 是由京东零售推出的一款微前端框架，旨在简化微前端的接入成本并提升工作效率。它基于类似Web Components的技术实现，支持JS沙箱、样式隔离、元素隔离、预加载、资源地址补全、插件系统及数据通信等全面功能。该框架对前端技术栈无限制，任何框架均可作为基座应用嵌入其他类型的微应用。适用于需要将多个独立开发的前端项目整合到同一界面展示的场景，如企业级应用中的模块化管理或跨团队协作开发。",2,"2026-06-11 03:38:54","high_star"]