回忆杀!自制虚拟钢琴串烧童年经典动漫歌曲,你听过几首?

本文涉及的产品
函数计算FC,每月15万CU 3个月
简介: 六一快乐 !大龄儿童如何正确过节?还只会卖萌 p 图抄文案?快来学会这个儿童节必杀技!!制作一个虚拟的网页版的钢琴,一边弹着琴一边和大家一起在耳熟能详的歌曲中回味童年的快乐,要做就做最酷最炫的才艺小天才~

截屏2020-06-01 上午11.57.53.png

开发工具介绍

image.png

云开发平台提供了一个云上的 IDE,也就是说你可以随时随地在任何的电脑上打开云开发平台来进行开发。在这个云开发平台上面进行的话的话大家和朋友协作起来也特别方便, 比如以往我们需要在本地进行的一些配置环境的工作现在统统都不需要了,直接在云端为团队里所有人配置环境即可。它还很好地整合了和 Serverless,也就是无服务器架构相关的解决方案,你不需要再去为你的应用创建 ECS 服务器,他的现有模板可以直接让你把写好的应用部署到函数计算中的函数里面去。

开发流程

image.png

这个钢琴的应用可以直接套用 Ali Midway FaaS 和 React 的一体化解决方案,这个 Midway FaaS 的方案可能大家听起来有些陌生,它其实是一个用于构建 Node.js 云函数的 Serverless 框架,非常易上手和部署。

这个 APP 前端采用 React 框架,钢琴的部分参考了屏幕上这位大神的一个项目,然后节奏的部分是把两个常用的节拍的音频文件摆在了对象存储的桶里面,然后后端就只需要一个 getAudio 的 API 来把相应的音频返回给前端就可以了。做好之后,我们直接在 IDE 里面点击部署它就会自动部署在阿里云上了,你甚至连 yaml 文件都不用写。

image.png

使用这个云开发平台另一个非常赞的点就是你在开发过中是不需要支付任何费用的,同时开发完成之后部署到函数计算服务当中,也只需要按量付费而不用去支付整个服务器的使用时间,所以说这个 Serverless 的架构对于个人或者是小型团队开发者来说特别实惠。

观看视频
https://www.bilibili.com/video/BV1P5411x77F?from=search&seid=3575955341459461352

相关实践学习
【AI破次元壁合照】少年白马醉春风,函数计算一键部署AI绘画平台
本次实验基于阿里云函数计算产品能力开发AI绘画平台,可让您实现“破次元壁”与角色合照,为角色换背景效果,用AI绘图技术绘出属于自己的少年江湖。
从 0 入门函数计算
在函数计算的架构中,开发者只需要编写业务代码,并监控业务运行情况就可以了。这将开发者从繁重的运维工作中解放出来,将精力投入到更有意义的开发任务上。
相关文章
|
5月前
|
应用服务中间件 网络安全 数据安全/隐私保护
网关服务器配置指南:实现自动DHCP地址分配、HTTP服务和SSH无密码登录。
哇哈哈,道具都准备好了,咱们的魔术秀就要开始了。现在,你的网关服务器已经魔法满满,自动分配IP,提供网页服务,SSH登录如入无人之境。而整个世界,只会知道效果,不会知道是你在幕后操控一切。这就是真正的数字世界魔法师,随手拈来,手到擒来。
308 14
简易投影仪的制作(上)
简易投影仪的制作(上)
282 0
|
安全 Java 编译器
使用 gRPC 构建高效可靠的微服务
在现代分布式系统中,构建高效可靠的微服务是一项关键任务。gRPC(Google Remote Procedure Call)提供了一种强大而灵活的方式来实现跨语言和跨平台的通信。本文将介绍 gRPC 的基本概念、架构以及其在构建微服务时的优势。
848 0
|
安全 网络协议 Java
SpringBoot+阿里云配置HTTPS加密访问
SpringBoot+阿里云配置HTTPS加密访问
393 0
|
存储 数据可视化
QT 使用图表
QT 使用图表
|
人工智能 自动驾驶 安全
YOLO v8!| 附教程+代码 以及 vs YOLOv6 v3.0
YOLO v8!| 附教程+代码 以及 vs YOLOv6 v3.0
|
Java 程序员 Maven
如何把外部jar包在maven项目的POM中以依赖方式引入?
如何把外部jar包在maven项目的POM中以依赖方式引入?
如何把外部jar包在maven项目的POM中以依赖方式引入?
|
API 索引
Freetype 基本的API调用
如您所见,该函数返回一个错误代码,例如 FreeType API 的大多数其他函数。错误代码 的 0表示 操作成功;否则,该值描述 错误,并设置library为 NULL。
363 0
|
JavaScript 前端开发 关系型数据库
node.js+vue+Web移动端外卖平台
顾客可以浏览商品,加入购物车,下单支付,功能参考美团外卖饿了么的基础功能商家这边能进行商品的添加,修改,删除,查找,商家入驻、资料修改,商家注销,根据营业情况调整商品详情,营业时间,配送时间,账户结算这些功能。网页版,不是app,可以适配手机平板等移动设备 商家可以接受到消息推送和语音提醒。商品管理、商铺管理操作简单,商家可根据营业情况调整商品详情、营业时间、配送时间等。账户结算一目了然,另外还有客服互动系统,线上解决用户的疑虑。  店铺可根据自身运营需求设置新客立减、限时抢购、爆品折扣、店铺满减、店铺满赠、店铺满免费送费等多个活动功能,同时,店铺可以报名平台发起的活动,补贴承担比例可灵活
514 0
|
前端开发
web前端-HTML图像,表格,列表的使用
web前端-HTML图像,表格,列表的使用
442 0

热门文章

最新文章