亚马逊云科技 Build On -Serverless低代码平台初体验-快速完成vue前端订单小程序

本文涉及的产品
函数计算FC,每月15万CU 3个月
简介: 亚马逊云科技 Build On -Serverless低代码平台初体验-快速完成vue前端订单小程序

一、我所认识的低代码平台

今年是AI运用、元宇宙爆发的一年,在开发领域,我更关注的是低代码平台。我在去年曾经参与过低代码平台的开发建设,今年7月份曾经做过一次公开课直播,那次公开课我认为在线笔记本平台notion其实就是目前低代码平台的集大成者,一个首先实现低代码平台的地方,因为它的核心就是 ,用来完成各种笔记元素,而每一个块对应的其实就是低代码,因为本质上这些对应的就是一段代码。

在2022年12月24日,我有幸体验了亚马逊云科技 Build On 的 Serverless 产品。首先Serverless 这个概念并不是最新的,我在年初写《2022年中高级前端需要学习的25种前端技术栈》就已经把低代码开发平台Serverless 无服务器架构列入2022年需要关注的前端技术栈,只可惜当初只知道国内腾讯云、阿里云等几大云平台有相关介绍,但没有成熟稳定可行的产品来试用体验。没想到我第一次深度参与体验却发生在亚马逊云科技的 Build On 上。

二、Serverless的使用场景

首先什么是Serverless呢,按中文翻译,称为「无服务器」。这究竟是一种什么样的形态或产品呢?无服务器,就是真的没有服务器吗?其实,在行业内,目前对于 Serverless 有几种解读方法:

  • 在某些场景可以解读为一种软件系统架构方法,通常称为 Serverless 架构
  • 而在另一些情况下,又可以代表一种产品形态,称为 Serverless 产品

听这些专业的名词总是会让人不知所云的,没有结合实际的使用场景,很难去想象,直到我看到了 Build On 活动 - 基于 Serverless 构建零售创新应用的宣传片(视频链接在末尾)。

这段宣传片所表示的场景正是我们每次去商场点奶茶,去肯德基点餐所历经的真实的场景啊。

如果我们用传统的程序开发方式,我们的开发流程大概是要经历这么几步骤的:

  1. 成立技术开发团队,来负责产品、开发、运维工作,这里起码需要5-6名人员
  2. 需要开发4个产品,分别是用户点餐小程序、商家端大屏程序、后厨菜品订单显示程序,商户商品管理程序
  3. 不断的后期维护、更新、投入

以上所消耗的人力、物力、财力绝不是一个小微企业所能接受的。这也是大部分餐饮企业所面对的痛点问题,后疫情时代,更加需要互联网的帮助和支持,才能赢得生机。

对于小微企业或者尚未形成规模的餐饮店而言,自己开发程序来实现餐饮外卖订餐程序是性价比最低,也是最不推荐的方式。所以想要几乎0成本就拥有完全可控的点餐程序,不妨来试试亚马逊云科技Build On 所带来的 Serverless presso解决方案。

全新的 Serverless 解决方案基于现有的 Amazon Serverless 架构,使消费者能够在短短几秒钟内通过手机完成下单,而无需下载安装应用程序。

使用 Serverless 架构快速构建零售行业解决方案,让开发者专注于业务代码的同时,能够实时构建应用,使项目快速推向市场降低试错成本,更好地适应用户需求。

三、拖拉跩实现build on 的Serverless

起初我以外在国内访问aws.amazon.com速度不会很好,但是出乎我意料,速度较快,也非常稳定。

接下来会有一次直播公开课,破除Serverless 技术盲区,同时也从架构层面解释了亚马逊云科技的产品以及底层技术特点。

最后,就是如何从0开始搭建一个前面宣传片所展示的同款点餐应用程序。而且最重要的是,你不需要懂代码!就能在接下来的约60分钟就能通过拖拉跩,就像拼接积木那样完成整个搭建过程!最终完成3个前端:

  • 显示应用程序:这显示在头顶监视器上。它提供条形码供客户扫描下订单,并显示即将到来和已完成的饮料订单的实时队列。
  • 商家应用程序:这在商家使用的平板电脑上运行。该应用程序允许商家更改饮料订单的状态,或在需要时取消订单。此应用程序的更新会传播到其他应用程序。
  • 订购应用程序:客户使用此应用程序下订单。它旨在在移动设备上运行。当您今天进行测试时,您将使用带有此应用程序的移动设备下订单。

除了直播搭建,主办方还贴心的准备了一个超级详细的图文教程,只需要根据教程一步步来新人也能体验低代码平台,参与度前所未有的畅快。

1. 使用图像界面创作方法

2. 拖拉跩模块实现搭建

3. 实时测试流程是否正确

如上图绿色表示测试通过,蓝色表示正在运行,灰色表示尚未运行。简单明了。

4. 最终的设计和流程图

完成如上步骤,意味着设计就结束了,数据库,事件逻辑均已经包含在其中,即将可以通过配套的可视化界面实现3个前端应用。

四、创建端到端的基于vue的前端图形化界面

没错,最终我们创建的应用依然需要表现为能在手机上等终端设备,用来实现点餐、处理订单。

配置起来也简单,此前端已部署并在https://workshop-display.serverlesscoffee.com/上以托管 UI 的形式呈现。

亚马逊云科技 管理控制台中,搜索“Cloud Formation”,然后从结果列表中选择“Cloud Formation”,找到名为 DisplayAppURI 的输出并选择预先创建的 URL,在新选项卡中打开此链接即可配置前端应用程序。

前端使客户和商家能够与后端应用程序进行交互。有3个前端应用程序:

  • 显示应用程序:显示二维码和即将/已完成的饮料订单。这个类似于餐厅上的点餐、备餐、取餐等大屏应用。

  • 商家应用程序:允许商家在订单到达时完成和取消订单。

  • 客户应用程序:使客户能够下达和取消饮料订单。

以上就可以在任意一台手机上,通过扫描实现点餐,商家在商家终端接单后,同步处理订单,并且显示到大屏上,用户也可以在手机上和大屏上看到可取餐的信息。至此就实现了整个订餐步骤。

六、总结与活动链接

通过这次活动,给我最大的感受是,对于商家而言,他多了个小成本上云的机会,而对于开发者而言,也见识了亚马逊在这方面的实践,为severless开发提供了新的思路和借鉴。

亚马逊AWS(Amazon Web Services)其实远比你想象得更强大,它除了提供一系列云计算服务,还包括计算、存储和数据库,以及机器学习和分析工具。

对于希望构建自定义软件而不需要大型开发人员团队或广泛的编码知识的组织来说,低代码平台可能是一种有用的工具。一旦决定使用这个低代码平台和serveless技术,亚马逊云科技下的build on你不得不来尝试一下。

从这里还可以看到活动介绍和操作视频:https://live.csdn.net/room/csdnnews/0ZwLjrto

了解更多 Build On 活动详情:https://marketing.csdn.net/p/9e92df6208aa36a1a77baa1f58269cfe

相关实践学习
【文生图】一键部署Stable Diffusion基于函数计算
本实验教你如何在函数计算FC上从零开始部署Stable Diffusion来进行AI绘画创作,开启AIGC盲盒。函数计算提供一定的免费额度供用户使用。本实验答疑钉钉群:29290019867
建立 Serverless 思维
本课程包括: Serverless 应用引擎的概念, 为开发者带来的实际价值, 以及让您了解常见的 Serverless 架构模式
相关文章
|
26天前
|
前端开发 JavaScript Serverless
中后台前端开发问题之通过低代码实现前后端交互如何解决
中后台前端开发问题之通过低代码实现前后端交互如何解决
35 0
|
21天前
|
存储 人工智能 JSON
基于函数计算FC一键部署ComfyUI绘画平台体验
【8月更文挑战第11天】基于函数计算FC一键部署ComfyUI绘画平台体验
51 1
|
1月前
|
Cloud Native Java Serverless
一键上天!如何将Spring PetClinic瞬间迁移到云端函数计算平台
【8月更文挑战第8天】在现代云原生开发中,将Spring应用迁移到Serverless环境正成为趋势。本文通过对比传统部署与函数计算,指导如何快速部署Spring PetClinic应用。传统部署需手动配置服务器和中间件,而函数计算则免除了这些步骤,仅需上传代码。首先,准备好Spring PetClinic源码或jar包;接着选择函数计算平台,本文以阿里云为例;随后对应用进行适配,并使用Maven构建部署包;登录阿里云控制台上传jar包并配置HTTP触发器;最后测试应用确保正常运行。
35 3
|
18天前
|
JavaScript 前端开发 API
【独家揭秘】如何从零开始,用Vue.js打造你的专属电商平台?
【8月更文挑战第30天】本教程将指导你使用Vue.js及其生态,包括Element UI,从零开始构建一个具备首页、商品列表、详情页、购物车及登录注册功能的基础电商平台前端。通过实践,你不仅将学会构建完整的Web应用,还将掌握Vue.js的高级特性和多种实用插件的使用方法,逐步提升应用的功能并优化用户体验。
21 0
|
22天前
|
Kubernetes Serverless 调度
异步任务处理系统问题之在阿里云函数计算平台上用户提交异步任务的问题如何解决
异步任务处理系统问题之在阿里云函数计算平台上用户提交异步任务的问题如何解决
|
22天前
|
监控 Java Serverless
美团 Flink 大作业部署问题之想在Serverless平台上实时查看Spring Boot应用的日志要怎么操作
美团 Flink 大作业部署问题之想在Serverless平台上实时查看Spring Boot应用的日志要怎么操作
|
26天前
|
前端开发 安全 Serverless
中后台前端开发问题之云服务商在Serverless与低代码融合如何解决
中后台前端开发问题之云服务商在Serverless与低代码融合如何解决
23 0
|
28天前
|
运维 安全 Serverless
Serverless 平台问题之面临的挑战如何解决
全托管Serverless计算平台优势包括:免运维一站式应用管理降低运营成本;精益成本按实际用量计费;支持毫秒级弹性伸缩确保业务连续性;简化容器化部署流程;内置微服务治理功能;集成多种云服务便于Web应用管理;支持开源任务调度框架;基于标准容器接口易于集成第三方工具;提供安全隔离的应用环境;以及与云生态产品的自动集成提供全面解决方案。
46 0
|
1月前
|
人工智能 前端开发 JavaScript
低代码到底是前端的 “ 福 ” 还是 “ 孽 ”???
低代码到底是前端的 “ 福 ” 还是 “ 孽 ”???
|
1月前
|
存储 开发框架 前端开发
EAV模型(实体-属性-值)的设计和低代码的处理方案(3)-- 实体属性定义及前端列表展示和数据录入处理
EAV模型(实体-属性-值)的设计和低代码的处理方案(3)-- 实体属性定义及前端列表展示和数据录入处理