阿里云云开发活动#笔记 Day5

Seele.Clover 发布于


文章总访问次数:

阿里云云开发活动#笔记 Day5

——Midway Serverless数据库实战

今日作业:在云开发平台使用 实验室-WEB-Midway Serverless OTS数据库示例,创建TodoList应用,利用自己OTS数据库,添加一条自己名字的Todo

1、首先打开阿里云的 云开发平台——应用列表——创建新应用
在新建应用的配置框中选择 实验室——WEB——Midway Serverless OTS数据库示例
Day5-1

填好其它各项信息,进入CloudIDE

按照README.md的指引,安装开发依赖

1
$ npm i --registry=https://registry.npm.taobao.org

Day5-2

2、然后我们需要使用阿里云的表格存储服务

阿里云-表格存储
阿里云-表格存储

打开表格存储的项目页面,点击“管理控制台”,开通表格存储服务,并创建一个实例
(实例名称按自己喜好填写,实例规格选择“高性能实例”)

注意,为了减少Serverless应用与数据库之间产生的网络延迟,请保持数据库与Serverless应用在同一地域。在 表格存储控制台 页面的左上角可以切换地域。

Day5-3

打开刚刚创建的表格存储实例,记下这里的公网地址
Day5-4

点击下方的“创建数据表”,并按照图示填写数据表的信息(数据表名称:list,表主键:id,下拉选择:字符串;这里的信息原则上不能变动)
Day5-5

3、接着还需要创建一个AccessKey,找到阿里云控制台页面的右上角 头像图标——AccessKey管理
Day5-6

在新弹出的这个页面中,点击“创建AccessKey”,并记下“AccessKey ID”和“AccessKey Secret”
Day5-7

4、然后我们回到云开发平台的应用列表中,找到今天创建的TodoList应用,点击“应用配置”,更改这里的环境变量(按下图的提示填写)
Day5-8

5、最后启动Dev Server

1
$ npm run dev

Day5-9

启动成功后,CloudIDE会自动生成一个预览网址,我们访问这个网址就能看到TodoList的页面啦!

你可以尝试进行以下操作:

  • 添加Todo(输入字符串然后按Enter
  • 将Todo标记为“已完成”(点击某项Todo前面的圆圈,Todo就会被划掉)
  • 删除Todo(将鼠标移动到某项Todo时右侧会显示一个×号,点击×号即可删除)
    Day5-10