阿里云开发——Node JS模拟钢琴的开发与部署

【安工云原生大赛】利用阿里云开发平台模拟实现在线钢琴

开发网页钢琴的意义

钢琴是所有乐器中唯一能以最轻松的姿势坐着，以肩、臂、肘、腕最自然放松的状态操作演奏的乐器，使人学习起来最少身体上的负担和动作上的别扭。广义上讲，学习钢琴使十指指尖在触键中得到不断刺激，加之对手指精密动作的训练，对大脑细胞的发育十分有益。变化的触键使手指触感敏锐：倾听弹奏使耳朵听觉灵敏；视谱弹奏锻炼了视觉反应，脑、手、眼、耳、腿脚的协调并用，多层次，复线条及各种技巧动作的训练使得学习钢琴对大脑的锻炼具有十分积极的意义。它的优越性和魅力使得钢琴成为世界性的、人们最喜爱的乐器。
最为一名开发者而言，我们最亲近的就是计算机，最熟悉的就是键盘，为了能使我们身心放松，满足我们对音乐的热爱，我们就不妨自己开发出一个在线钢琴，让自己的键盘也能发出天籁之音。

适用人群

适用于所有热爱音乐的人

特色优势

使得弹钢琴的成本大大降低，模拟钢琴音色逼真，对熟悉键盘的人更加友好。如果还想更加真实的体验钢琴，只需订制一款特殊的键盘（模拟钢琴按键），将我们每个按键的key code录入即可实现。此种键盘的的价格只需几百到上千。如果我们学过单片机且自己制作的话成本将会更低。用最低的价格感受极致的钢琴体验岂不美哉！

开发步骤

首先，登录阿里云开发平台

阿里云开发平台 https://workbench.aliyun.com

接着创建应用实例



创建完成后，来到开发部署页面。我们需要对部署配置、域名配置（有自己的域名的可以试一下）、应用配置进行更改。然后就可以在线开发部署了。

刚开始学习的小伙伴可以利用阿里给的模板，参照的学习，也可以在上面更改这样帮助于个人学习。一段时间过后自己就可以单独实现这个小项目了。

如果直接将项目进行部署可能会出现如下图所示的打包错误，原因是我们未下载项目所需的依赖。

解决办法：终端→输入代码：npm install 然后等待一会儿，出现类似下图语句则说明下载依赖成功。

部署

这个时候我们就可以将项目打包部署了。这个过程相对时间比较长，可以喝杯茶或者叫几个人运动一哈我说的是如果很迅速的话。
ok后，点击下面出来的临时域名即可体验了。如绑定自己域名的话需要记下API网关二级域名，到时候会用到。

测试

页面上提供的几十首曲子，我们初学者可以根据它的提示进行演奏。大佬级人物也可以和它一同演奏，相信经过几天的训练人人都能成为祖安钢琴师。

如果我们嫌键位不舒适或者不合理时我们还能对按键进行调整。有的文件被压缩了就比较扯淡淡了。。。

如果文章有哪里写的不好的欢迎大佬们指正。最后，相信各位做出的作品一定不比阿里的差，加油ヾ(◍°∇°◍)ﾉﾞ。