云开平台开发攻略-----零基础创建自动钢琴

简介: 云开发平台攻略,带你深度体验云开发的便利

创建前端应用

1.登录云开发平台。

打开网址https://workbench.aliyun.com/,使用阿里云账号登录,按照提示创建团队,点击同意协议。没有阿里云账号的用户,在登录页面注册后进行登录即可。为了保证最好的使用体验,请使用Chrome浏览器。

1.png


2.创建应用。

打开快速开始 https://workbench.aliyun.com/page/quickstart,点击创建新应用

2.png


3.云资源访问授权

如果您之前没有使用过云开发平台,会出现云资源授权管理的选项,往下拉出现直至同意授权的字样,点击「同意授权」后出现授权成功,点击进入「下一步」

3.png4.png


4.创建应用模板。

分别选择开发语言NodeJS,通过模版创建。点击官方模版,选择“Vue JS自由钢琴应用模板,如图所示。

5.png


5.填写应用基本信息。

按图示填写应用的名称和应用介绍、计算服务。没有产品可选点击旁边的自动创建产品线就会出现一个上海区域的产品了。信息填写完成后点击下一步。

6.png


6.云服务管理。

查看应用依赖的云服务的开通情况,未开通的服务右键点击立即开通,在新标签打开所有服务开通页,根据提示一一开通。开通后应用卡片环境管理后面的小图标全部变成绿色的已开通对勾形状,才算完成应用的创建。

7.png

开发部署应用

1.进入开发。

点击创建好的Vue JS自由钢琴示例 开发部署中的[在线开发部署] ,进入CloudIDE开发界面。

8.png


2.安装依赖和构建。

按照下图调出命令行,输下面的两行命令安装依赖和构建,详细使用文档可查看README.md

9.png


首先安装依赖

npm install

构建产物

npm run build

3.完成一键部署。

点击左侧的tab,然后进行一键部署

10.png


4.预览成功界面。

点击命令行中的二级域名就可以预览你的自由钢琴了,

通过配置的域名进行访问了,赶紧让小伙伴们来关注吧。

11.png


部署成功后,会给出一个免费的临时测试域名用于访问部署到线上的效果。如果你要用自己的域名长期访问,可以参见以下文档继续在线上环境进行部署和发布上线。https://help.aliyun.com/document_detail/176711.html

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

下线应用,停止计费

1.函数计算弹性实例相关的云资源有一定的免费额度,额度消耗完成后会按量付费。如果不需要保留应用,请及时下线,以免产生不必要的费用

12.png


 

相关文章
|
开发工具
禅道----产品经理创建产品模块
禅道----产品经理创建产品模块
627 0
禅道----产品经理创建产品模块
|
11月前
|
JSON 小程序 前端开发
微信小程序----会议oa项目---首页
微信小程序----会议oa项目---首页
57 0
|
12月前
|
存储 JSON 算法
学成在线----认证服务
学成在线----认证服务
|
小程序 前端开发 JavaScript
【小程序】注册安装及创建小程序---入门级别必读
【小程序】注册安装及创建小程序---入门级别必读
143 0
|
SQL 负载均衡 NoSQL
从零开始搭建博客01----框架搭建,权限控制
二期90天进阶训练营的课程课后作业,搭建一个blog
132 0
从零开始搭建博客01----框架搭建,权限控制
|
编译器 C++ 异构计算
|
人工智能 缓存 前端开发
【小百科实战 】以小百科技能为例,走一个完整实践流程|学习笔记
快速学习【小百科实战 】以小百科技能为例,走一个完整实践流程
【小百科实战 】以小百科技能为例,走一个完整实践流程|学习笔记
|
Web App开发 弹性计算 前端开发
超详细图文教程·阿里云免费学生ECS云服务器领取并使用全过程(部署Python多人聊天室程序,包含源码)
超级详细的教程,包括从领取到ECS云服务器,到最终部署成功Python多人聊天室程序的全部过程!花了一个晚上,在老师和同学的帮助下终于摸索出来了,想把我的整个过程都记录下来,也希望能为后来者提供一些便利,少踩点俺踩过的坑QwQ,最后由衷感谢我的老师和同学!
2728 2
超详细图文教程·阿里云免费学生ECS云服务器领取并使用全过程(部署Python多人聊天室程序,包含源码)
|
机器学习/深度学习 Java
|
XML Unix API
微信开发系列----01:成为开发者
微信开发系列----01:成为开发者
179 0
微信开发系列----01:成为开发者