- 综合排序
- 最热优先
- 最新优先
- 来自专栏编程微刊
2020 非常火的 11 个微前端框架
微前端将前端整体分解为许多更小、更易管理的片段。 本文中，作者收集了 11 个最杰出的微前端构建工具，并提供了进一步学习的链接和视频。 将单体后端分解成为微服务之后，后端开发流程已在效率和规模上取得了显著进步。 然而，当今大多数前端应用程序架构仍然是单体式的，使得前端开发流程很难加速和扩展。 微前端的想法是将前端单体分解为许多更小、更易管理的片段。 尽管人们通常将微前端视为在运行时发生的组合，但 Bit 可以让开发人员在构建时高效地组合前端，以享受两全其美的优势：“传统单体式前端”的安全性和健壮性，以及微前端的 简单性 和 可伸缩性。 项目链接 https://www.mosaic9.org/ 11. PuzzleJS PuzzleJS 是“用于可扩展和快速建站的微前端框架”。你可以使用它创建相互对话的网关和店面项目。
2.7K22发布于 2020-11-26 - 来自专栏开发者技术前线
2020 非常火的 11 个微前端框架
微前端将前端整体分解为许多更小、更易管理的片段。 本文中，作者收集了 11 个最杰出的微前端构建工具，并提供了进一步学习的链接和视频。 将单体后端分解成为微服务之后，后端开发流程已在效率和规模上取得了显著进步。 然而，当今大多数前端应用程序架构仍然是单体式的，使得前端开发流程很难加速和扩展。 微前端的想法是将前端单体分解为许多更小、更易管理的片段。 尽管人们通常将微前端视为在运行时发生的组合，但 Bit 可以让开发人员在构建时高效地组合前端，以享受两全其美的优势：“传统单体式前端”的安全性和健壮性，以及微前端的 简单性 和 可伸缩性。 项目链接 https://www.mosaic9.org/ 11. PuzzleJS PuzzleJS 是“用于可扩展和快速建站的微前端框架”。你可以使用它创建相互对话的网关和店面项目。
2.2K20发布于 2020-11-23 - 来自专栏学习猿地
Web前端学习 第11章 微信开发2 微信登录
微信登录可以分为两种情况，一种是网站的扫码登录，另一种是在微信浏览器中直接登录，本节我们就讲解如何在自己的网站上接入微信登录功能。 网站微信扫码登录流程 网站跳转到以下链接：注意连接中的两个参数 appid：微信开发平台提供的appid redirect_url：用户扫码登陆后跳转的地址 https://open.weixin.qq.com 本节我们讲解微信内的授权登录，也就是说，如果用户使用的是微信浏览器，那么用户不用使用扫码功能，只要点击一个授权登录的按钮，就能实现微信登录了，对用户来说操作简单了很多。 四、接口调用实现微信登录 在微信浏览器内登录与扫码登录的唯一区别就是第一步不同，扫码登录需要用户跳转到一个微信服务器提供的有二维码的页面以便获取code参数，而微信浏览器登录，可以直接让用户访问下面的地址 openid获取用户信息 完成微信扫码登录
1.2K20发布于 2020-07-09 - 来自专栏学习猿地
Web前端学习 第11章 微信开发5 微信支付
一、概述 如果需要实现微信支付功能，需要有一个已认证的微信服务号，并且开通微信支付，开通后微信会提供一个商户ID。有了这个ID才能成功调用微信支付接口。 然后将这个值传递给前端，再由前端调用jsapi完成支付，示例代码如下所示： 1 document.querySelector(".pay").onclick = function(){ 2 ： 10 "paySign": `{{paySign}}` //微信签名 11 }, 12 function (res) if (res.err_msg == "get_brand_wcpay_request:ok") { 14 // 使用以上方式判断前端返回 } else { 28 onBridgeReady(); 29 } 30 } 交易类型为【NATIVE】 返回的结果包括一个code_url字段，将这个字段的值传递给前端
1.5K10发布于 2020-07-09 - 来自专栏深度学习与python
对微前端的11个错误认识
如果我们排除了在微前端功能中实现的微前端场景，那么即使是简单的链接也可以很好的工作。最终，微前端解决方案也能像小而独立的服务器端渲染器一样简单。每个渲染器可能只有一个页面那么小。 对于微前端，情况也是如此。为什么一个微前端只能做菜单？每个微前端都有相应的菜单吗？拆分应该根据业务需求来做，而不是技术决策。 考虑以下划分： 按布局分解成微前端 这些都是技术组件，和微前端无关。在一个真实的微前端应用程序中，屏幕可能看起来是这样的。 11微服务需要微前端（或反过来） 解耦的模块化后端可能为解耦前端打下了一个很好的基础，但通常情况下，情况并非如此。 原文链接： https://blog.bitsrc.io/11-popular-misconceptions-about-micro-frontends-d5daecc92efb ----
1.4K30发布于 2020-10-23 译文：你应该知道的11个微前端框架
然而，大多数前端应用程序如今仍然独立存在很难变得更加高效，与此同时，对于前端发展进程的规模化也具有同样的意义。 微前端就是要将前端整体细分为更小、更容易进行管控的片段。 有许多方法可以构建微前端，从组件的智能构建时集成，到使用自定义路由的运行时集成。在这篇文章中，我收集了许多杰出的工具，来帮助我们构建微前端。欢迎您在评论区发表建议提供或反馈！ 尽管微前端通常被认为是一个发生在运行时的组合，但是Bit也让开发者在构建时高效地组合前端，以享受两方面的优势：一方面是对于“传统整体”的安全性和健壮性，另一方面可以简化微前端，并且使其具有可扩展性。 这个架构释放了构建微前端真正巨大的潜力。 3 Single SPA Single SPA 将自己定义为：微前端的JavaScript框架。简而言之，它将生命周期运用到了每一个应用程序。 11 PuzzleJS PuzzleJS是一个“用于可扩展和快速网站微前端框架”，允许你创建和一个相互对话的网关和店面项目。它的灵感来自Facebook的BigPipe，并且朝着微前端的方向发展。
5.6K10编辑于 2022-08-11- 来自专栏深度学习与python
你必须知道的11个微前端框架
本文中，作者收集了 11 个最杰出的微前端构建工具，并提供了进一步学习的链接和视频。将单体后端分解成为微服务之后，后端开发流程已在效率和规模上取得了显著进步。 然而，当今大多数前端应用程序架构仍然是单体式的，使得前端开发流程很难加速和扩展。 微前端的想法是将前端单体分解为许多更小、更易管理的片段。 微前端有很多方法，从智能的构建时组件集成，到使用自定义路由的运行时集成等等。在本文的列表中，作者收集了最杰出的微前端构建工具。欢迎读者在评论中添加反馈或建议！ 1. 尽管人们通常将微前端视为在运行时发生的组合，但 Bit 可以让开发人员在构建时高效地组合前端，以享受两全其美的优势：“传统单体式前端”的安全性和健壮性，以及微前端的 简单性 和 可伸缩性。 项目链接 ：https://www.mosaic9.org/ 11. PuzzleJS PuzzleJS 是“用于可扩展和快速建站的微前端框架”。你可以使用它创建相互对话的网关和店面项目。
5.4K10发布于 2020-11-05 - 来自专栏学习猿地
Web前端学习 第11章 微信开发3 微信签名规则
一，概述 为了让微信接口的调用更加安全，微信服务器要对支付接口和JS-SDK接口进行加密和校验。因此开发调取微信支付和JS-SKD接口，必须了解微信签名的规则。 timestamp：timestamp ， 4 noncestr：nonceStr ， 5 url：“ http://www.eduwork.cn/phone” 6 } 三，总结 本章讲解了微信签名的目标和方法 ，了解了签名，我们便可以在后续的章节中调用JS-SDK和微信支付接口了。
1.6K10发布于 2020-07-09 - 来自专栏学习猿地
Web前端学习 第11章 微信开发3 微信签名规则
一，概述 为了让微信接口的调用更加安全，微信服务器要对支付接口和JS-SDK接口进行加密和校验。因此开发调取微信支付和JS-SKD接口，必须了解微信签名的规则。 timestamp：timestamp ， 4 noncestr：nonceStr ， 5 url：“ http://www.eduwork.cn/phone” 6 } 三，总结 本章讲解了微信签名的目标和方法 ，了解了签名，我们便可以在后续的章节中调用JS-SDK和微信支付接口了。
1.8K20发布于 2020-07-09 - 来自专栏学习猿地
Web前端学习 第11章 微信开发1 微信开发概述
一、前言 微信为广大开发者提供了两个平台，分别是微信公众平台和微信开放平台。本节将简单概述这两个平台的基本功能。 二、微信公众平台 进入微信公众平台首页可以看到公众平台账号的分类，包括： 服务号 订阅号 小程序 企业微信 年满18岁的程序员可以用身份证注册个人微信公众平台的账号，注册的时候一个邮箱只能选择一个类型的账号 小程序 我们可以把小程序当做嵌入在微信中的app。 三、微信开放平台 微信开发平台需要单独注册，不能与微信公众平台使用相同的邮箱。 微信开放平台将微信的能力扩展到了微信之外，例如网站、APP等第三方平台。 例如通过微信开放平台的接口可以实现网站或app的微信登录，账号统一管理等功能。 四、微信支付 成功注册并认证服务号之后，可以在服务号的后台申请开通【微信支付】，开通微信支付功能之后，可以得到一个微信商户的账号，在这个账号的后台可以管理自己微信支付相关的数据。
84320发布于 2020-07-09 - 来自专栏前端开发中的事
微前端之qiankun微前端
什么是微前端: 微前端项目是将每一个可以独立开发，测试，部署的子项目集合到一个主项目之下。对于用户来说，主项目仍然是一个完整的产品，而整个组装的过程对于用户来说，是透明的。 微前端不仅仅可以兼容不同的开发环境还可以兼容技术栈。可以做到更大程度的解耦合。 spa网页 [image.png] 微前端网页 [image.png] 为什么需要微前端： 当前应用较大，需要拆解开独立开发 多业务团队，独立开发同一个项目 集合式的中台项目等项目需要 同一个项目内需要兼容不同的架构项目 微前端的特点： 任意的JS框架都可以兼容使用，接入简单。 ，微前端的落地实现 qiankun的特点： 基于 single-spa 封装，提供了更加开箱即用的 API。
3.2K70发布于 2021-04-01 - 来自专栏学习猿地
【融职培训】Web前端学习 第11章 微信开发5 微信支付
一、概述 如果需要实现微信支付功能，需要有一个已认证的微信服务号，并且开通微信支付，开通后微信会提供一个商户ID。有了这个ID才能成功调用微信支付接口。 然后将这个值传递给前端，再由前端调用jsapi完成支付，示例代码如下所示： 1 document.querySelector(".pay").onclick = function(){ 2 ： 10 "paySign": `{{paySign}}` //微信签名 11 }, 12 function (res) if (res.err_msg == "get_brand_wcpay_request:ok") { 14 // 使用以上方式判断前端返回 } else { 28 onBridgeReady(); 29 } 30 } 交易类型为【NATIVE】 返回的结果包括一个code_url字段，将这个字段的值传递给前端
86030发布于 2020-07-13 - 来自专栏学习猿地
【融职培训】Web前端学习 第11章 微信开发2 微信登录
微信登录可以分为两种情况，一种是网站的扫码登录，另一种是在微信浏览器中直接登录，本节我们就讲解如何在自己的网站上接入微信登录功能。 网站微信扫码登录流程 网站跳转到以下链接：注意连接中的两个参数 appid：微信开发平台提供的appid redirect_url：用户扫码登陆后跳转的地址 https://open.weixin.qq.com 本节我们讲解微信内的授权登录，也就是说，如果用户使用的是微信浏览器，那么用户不用使用扫码功能，只要点击一个授权登录的按钮，就能实现微信登录了，对用户来说操作简单了很多。 四、接口调用实现微信登录 在微信浏览器内登录与扫码登录的唯一区别就是第一步不同，扫码登录需要用户跳转到一个微信服务器提供的有二维码的页面以便获取code参数，而微信浏览器登录，可以直接让用户访问下面的地址 openid获取用户信息 完成微信扫码登录
89120发布于 2020-07-13 - 来自专栏学习猿地
【融职培训】Web前端学习 第11章 微信开发1 微信开发概述
一、前言 微信为广大开发者提供了两个平台，分别是微信公众平台和微信开放平台。本节将简单概述这两个平台的基本功能。 二、微信公众平台 进入微信公众平台首页可以看到公众平台账号的分类，包括： 服务号 订阅号 小程序 企业微信 年满18岁的程序员可以用身份证注册个人微信公众平台的账号，注册的时候一个邮箱只能选择一个类型的账号 小程序 我们可以把小程序当做嵌入在微信中的app。 三、微信开放平台 微信开发平台需要单独注册，不能与微信公众平台使用相同的邮箱。 微信开放平台将微信的能力扩展到了微信之外，例如网站、APP等第三方平台。 例如通过微信开放平台的接口可以实现网站或app的微信登录，账号统一管理等功能。 四、微信支付 成功注册并认证服务号之后，可以在服务号的后台申请开通【微信支付】，开通微信支付功能之后，可以得到一个微信商户的账号，在这个账号的后台可以管理自己微信支付相关的数据。
73430发布于 2020-07-13 - 来自专栏学习猿地
【融职培训】Web前端学习 第11章 微信开发3 微信签名规则
一，概述 为了让微信接口的调用更加安全，微信服务器要对支付接口和JS-SDK接口进行加密和校验。因此开发调取微信支付和JS-SKD接口，必须了解微信签名的规则。 timestamp：timestamp ， 4 noncestr：nonceStr ， 5 url：“ http://www.eduwork.cn/phone” 6 } 三，总结 本章讲解了微信签名的目标和方法 ，了解了签名，我们便可以在后续的章节中调用JS-SDK和微信支付接口了。
82730发布于 2020-07-13 - 来自专栏智能时刻
【微前端架构】AWS 上的微前端架构
微前端架构将微服务开发原则引入前端应用程序。在微前端架构中，开发团队独立构建和部署“子”前端应用程序。这些应用程序由“父”前端应用程序组合而成，该前端应用程序充当容器来检索、显示和集成各种子应用程序。 带有微前端的微服务后端 微前端的好处 与单体前端相比，微前端具有以下优势： 独立工件：微服务开发的核心原则是工件可以独立部署，这对于微前端仍然适用。 微前端挑战 相反，微前端提出了以下挑战： 父/子集成：微前端引入了确保父应用程序以与单体应用程序相同的一致性和性能显示子应用程序的任务。这一点将在下一节中进一步讨论。 构建微前端 微前端架构模式最困难的挑战是将子应用程序与父应用程序集成。优先考虑用户体验对于任何前端应用程序都至关重要。 结论 微前端架构为前端应用程序引入了微服务开发的许多熟悉的好处。微前端架构还允许您管理小型独立组件，从而简化构建复杂前端应用程序的过程。
2.7K10编辑于 2022-03-08 - 来自专栏京东技术
微前端概述
Tech 导读 本文由浅到深地对微前端进行了概括性介绍，读者可以了解到微前端的概念、微前端的特点与价值、微前端的实现方案、一个微前端框架应具备的功能，以及微前端的适用场景。 读者可以多关注下本文提到的各个开源的优秀的微前端实现方案，通过对比及借鉴来实现一套适合自身业务的微前端方案。 01 微前端是什么 传统的分而治之的策略已经无法应对现代 Web 应用的复杂性，因此衍生出了微前端这样一种新的架构模式，与后端微服务相同，它同样是延续了分而治之的设计模式，不过却以全新的方法来实现。 推荐阅读微前端框架之single-spa 从入门到精通 2.qiankun：qiankun是一个基于single-spa的微前端实现库。HTML entry接入方式。 《前端架构从入门到微前端》一书中，将微前端的实现方案分为六种：路由分发、前端微服务化、微应用、微件化、iframe、Web Components。
2.2K40编辑于 2022-03-17 - 来自专栏一Li小麦
微前端随记
微前端 大型组织的组织结构，软件架构在不断变化。导致组织和应用不断膨胀，从而映射到软件架构中。 移动优先->App平台（One App）->中台战略->...? 微前端是一种类似微服务的架构。是微服务理念在浏览器端的应用实践。即将原来由单页面前端应用由单一的单体，转变微多个小型前端应用的聚合体。每个子项目可以独立开发部署，也可以进行并行开发。 微前端的核心思想就是（拆）分（自）治。达到降低维护成本的目的。以下是它的三个基本概念： 自治：不同应用由不同团队维护，但遵循统一的接口规范或框架以便于集成。因此彼此之间不存在依赖。 那么什么时候考虑做微前端？ •遗留系统的迁移：最重要的原因。正在赚钱的东西没有理由毁掉重来。人生苦短，尽量不要重构了。•聚合前端应用：这是前端特有的需求——后台使用微服务，希望的是解耦服务之间的依赖。 ——微前端就是一种“热闹”的技术。因此，在采用之前，需要看看看别人的失败经验。对于未来，仍然有很多路要走。
53510编辑于 2022-03-29 - 来自专栏微信小程序栏目
微前端——理论
***一、微前端1、什么是微前端微前端类似于微服务，它将微服务的理念应用于浏览器端。（1）微服务：把后端的功能进行了拆分，使用统一的网关进行调用。 图片***对前端应用进行拆分，将不同的功能按照不同的维度拆分成多个子应用，实现应用的自治。微前端的核心在于拆, 拆完后再合！ 优点：通用度高缺点：设计难度大例如：用户想要访问A应用，不需要加载其他应用，直接可以打开4、微前端拆分方式不合理的采用微前端，可能会带来很多问题，如前端基础设施不完善，会导致各个应用有大量的重复代码。 iframe 内外系统的通信、数据同步等不方便；慢，每次子应用进入都是一次浏览器上下文重建、资源重新加载的过程三、微前端开源方案Single-SPA：用于前端微服务化的JavaScript前端解决方案 以上两种是现阶段比较常用且较成熟的方案，后期文章中会详细介绍，除此之外，还有Piral、Luigi，以及腾讯的微前端oteam和无界（基于iframe）以及Hel微前端，美团的Bifrost，字节的lModern.js
2.8K130编辑于 2022-10-06 - 来自专栏万丈高楼平地起
微前端乾坤
1.什么是微前端？ 微前端（Micro-Frontends）是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。 微前端不是单纯的前端框架或者工具，而是一套架构体系， qiankun 是一个基于 single-spa 的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。 qiankun 孵化自蚂蚁金融科技基于微前端架构的云产品统一接入平台。 *基于 *single-spa 封装，提供了更加开箱即用的 API。 umi 插件，提供了 @umijs/plugin-qiankun 供 umi 应用一键切换成微前端架构系统。 2.qiankun 框架的应用 主应用中操作 1. 第二种是基于 redux 实现的通信方式 - Shared 通信，适合需要跟踪通信状态，子应用具备独立运行能力，较为复杂的微前端应用。
1.9K20编辑于 2022-03-09
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号