Flutter+YesAPI 快速构建零运维的APP

前言

移动互联网经过多年的发展，已经进入一个成熟的阶段，几乎每个公司都有自己的移动应用程序或移动网站。随着5G技术的不断发展，也带来了更高效的数据传输速度和更稳定的网络连接，这使得更多的应用程序和服务能够在互联网上运行，互联网连接一切，这也给开发者带来新的机遇和挑战。

每个人都能开发自己的APP

在传统的创业团队，要打造一款应用程序，往往需要配备有Android、IOS、Web前端、后端等开发人员，开发队伍庞大，开发周期漫长，造成整个开发和维护成本居高不下，在早期资金紧缺的情况下给创业带来极大的负担。

而现在，你只需要一个人就能构建一款属于自己的APP。

技术选型

选型是开发的第一步，也是最重要的一步，它将决定后续的开发工作是否顺畅进行。

首先，客户端我们需要选择一款跨平台的开发框架，主流的开发框架有React-Native、Flutter、UNI-APP/Taro等，本文选用Flutter作为客户端框架。

关于Flutter有以下的特点：

• 代码开源
• 跨平台且兼容性较好
• 有完善的文档和成熟的社区
• 丰富的UI组件，能实现各种效果
• 有谷歌背书
  官网：https://flutter.cn

接着是后端选型，为了能一个人完成所有开发，我们选用的是YesAPI，它是一个基于Serverless的低代码平台，不需要懂后端技术就能完成后台搭建。

关于YesAPI有以下的特点：

• Serverless零运维
• 低代码，接入成本低
• 操作简单，零学习成本
• 支持海量数据云存储
• 支持一键动态生成http接口
  官网：https://yesapi.cn

搭建一个商场APP

我们使用Flutter编写了一个商场APP，关于Flutter开发可参考官方文档，这里就不做赘述，如果感兴趣可在评论区回复，将给你提供源码。

搭建一个零运维的后台

目前，我们还只有一个客户端，没有后台数据支持。接下来将以账号登录/注册为例，为你展示如何搭建一个零运维的后台，只需要鼠标操作，不需要写任何后端代码。

1. 打开YesApi.cn，注册账号并登录。
   

2. 登录后，点击菜单“我的”，会看到你的专属域名，和app_key，这两个需要记起来，将作为客户端访问后台数据的凭证。
   

注册功能

1. 查找你需要的接口
   

2. 查看接口说明
   

3. 接口参数
   

4. 客户端请求接口的代码实现：

Future<bool> createAccount(String account, String password) async {
   
  const BASE_URL = 'https://xxxx.api.yesapi.cn/api'; // 域名替换成你的专属域名
  var url = BASE_URL + '