简单几步,上线西部世界里同款自动钢琴-阿里云开发者社区

开发者社区> 云开发平台> 正文

简单几步,上线西部世界里同款自动钢琴

简介: 在西部世界著名的Mariposa酒吧里,当带着乐谱气孔的纸卷转动经过自动钢琴时,通过气孔,触发相应的气阀,气阀再驱动安装在键盘底部的电磁线圈,电磁线圈作为动力部件,再推动钢琴榔头去敲击琴弦,标志性的自动钢琴的琴键自由舞动,弹奏着熟悉的音乐。基于云开发平台把自动钢琴搬到了线上,只需简单几步就实现同款自动钢琴。上线后有60多首歌,小星星、成都、千与千寻、告白气球、晴天等。可以自动弹奏,也可以使用键盘定制的曲谱自己弹奏。立即体验创造一台随身携带的自动钢琴吧。

环境需求: 可以上网的浏览器,登陆https://workbench.aliyun.com/
操作步骤: 从账号的创建到一键部署,手把手教你零基础创建自动钢琴。

  1. 点击主页上的登陆按钮登陆阿里云账号,没有账号注册后登陆即可
  2. 填写团队名称,使用规模选1-10即可
    uvfIsHoMjihyp23.png
  3. 点击 创建应用,按图选择“Vue JS自由钢琴”的模版进行下一步操作
    截屏2020-10-15 上午10.18.48.png
  4. 输入自由钢琴应用的名称简介等信息确定以后成功创建应用。点击「环境管理」,在弹出的环境管理信息界面中关注「依赖的云服务」状态,如果有某个依赖的云服务没有开通,则会显示「立即开通」的入口,点击进去,完成开通。
    截屏2020-10-15 上午10.43.40.png
  5. 点击应用卡片上的“开发部署”进入CloudIDE开发界面。按照下图调出命令行,输下面的两行命令安装依赖和构建,详细使用文档可查看README.md
    B6B06D37-CEAC-4822-92F4-63AC8EE071F8.png
首先安装依赖:*npm install*
构建产物:*npm run build*
  1. 点击左侧的tab,然后进行一键部署
    95593035-95B5-4EA6-89B7-8C6151E17EE2.png
  2. 点击命令行中的二级域名就可以预览你的自由钢琴了,通过配置的域名进行访问了,赶紧让小伙伴们来关注吧。
    截屏2020-10-15 上午11.34.40.png
  1. 部署成功后,会给出一个免费的临时测试域名用于访问部署到线上的效果。如果你要用自己的域名长期访问,可以参见以下文档继续在线上环境进行部署和发布上线。https://help.aliyun.com/document_detail/176711.html

目前有60多首歌,小星星,成都,千与千寻,告白气球,晴天等。可以自动弹奏,也有键盘定制的曲谱自己弹奏。立即体验创造一台随身携带的自动钢琴吧。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
云开发平台
使用钉钉扫一扫加入圈子
+ 订阅

云开发平台是面向开发者打造的一站式、全云端的开发平台,打开浏览器就可以开发、调试、上线,所测即所得,并结合无服务器的模式重新定义云原生时代的研发工作方法论。

官方博客
云开发平台官网