在Google IO 2019开发者大会上，Flutter和Dart发表了超越移动端，为iOS，Android，ChromeOS和Web构建应用的主题演讲。

时至今日，想必Flutter已经可以开发Web应用了。

我们知道Flutter是使用叫Skia的C++库来渲染UI，但是Web上是使用Dom，Canvas，以及WebGL，那么Flutter到底会采用哪种方式呢？

这篇文章带你对Flutter for web做一个了解和实践：

当API添加了鉴权后，swagger如何进行调试呢，比如需要在请求头header中添加类似token或者Authorization之类的。

在Spring中进行如下简单的配置就可以了。

通常我们为了统一，和前端方便处理，写的API返回JSON会有固定的结构，比如下面这种：

{
    "code":200,
    "message":"hello world!",
    "data":{
        "user":{}
    }
}

但是当返回码为非200时，比如接口不存在404，服务器错误500，Spring默认会返回一个类似这样的结构：

{
  "timestamp": "2019-07-19 10:23:47",
  "status": 403,
  "error": "Forbidden",
  "message": "没有权限",
  "path": "/web/api/public/admin/dota/version"
}

下面进行简单配置即可实现这个JSON结构的自定义：

关于认证和授权，最权威的流程就是OAuth2.0了，涵盖了用户认证授权的方方面面，现代的大型网站几乎都是基于Oauth2.0协议开发认证鉴权功能。

OAuth2.0被写入RFC6749，RFC中的流程图看了还是不明白的话，可以看看下面这张图，展示了OAuth2.0四种模式的完整流程。

Ant-Design由阿里巴巴旗下蚂蚁金服团队设计开发，服务于企业级产品的设计体系，基于确定和自然的设计价值观上的模块化解决方案。除了交互设计，还提供了开箱即用的高质量React和 Angular组件实现，用于开发和服务于企业级中后台产品。

Ant-Design-Pro是基于Ant-Design的功能完备的企业级中后台前端项目，里面可以学习和借鉴的内容很多。其核心基于以下几个技术集成。

• React：现代化的JavaScript界面库
• dva：类似Redux的数据流、状态管理框架
• UmiJS：类似nextJS的react应用框架

本文从基础使用开始，逐步解析里面用到的技术细节。