阿里云云开发Web应用实战营作业第三天

打开OTS表格存储控制台:点我直达

点击开通服务进行开通

阿里云云开发Web应用实战营作业第三天插图
阿里云云开发Web应用实战营作业第三天插图1

开通之后进入控制台

阿里云云开发Web应用实战营作业第三天插图2

点击创建实例

阿里云云开发Web应用实战营作业第三天插图3

地区选择华东1(杭州)-名称随意填写-点击确定

阿里云云开发Web应用实战营作业第三天插图4

点击实例管理

阿里云云开发Web应用实战营作业第三天插图5

点击创建数据表

阿里云云开发Web应用实战营作业第三天插图6

数据表名称填写:list   表主键填写:id  然后点击确定

阿里云云开发Web应用实战营作业第三天插图7

返回云开发平台:点我直达

创建一个新应用

阿里云云开发Web应用实战营作业第三天插图8

在示例模板中选择-WEB-Midway Severless OTS数据库实例,点击确定创建

阿里云云开发Web应用实战营作业第三天插图9

点击开发部署进入CloudIDE页面

阿里云云开发Web应用实战营作业第三天插图10

点击下方终端按钮进入终端

阿里云云开发Web应用实战营作业第三天插图11

输入指令:npm i

阿里云云开发Web应用实战营作业第三天插图12

等待安装

进入AccessKey 管理页面:点此直达

点击创建AccessKey

阿里云云开发Web应用实战营作业第三天插图13

对进行安全验证之后获得的ak,sk进行保存,稍后要用(千万不要泄漏,用完及时删除)

阿里云云开发Web应用实战营作业第三天插图14

返回云开发平台应用列表-点击应用配置

阿里云云开发Web应用实战营作业第三天插图15

在应用配置中

ACCESSKEY替换为刚刚获取的AccessKey ID

SECRET替换为刚刚获取的AccessKey Secret

EndPoint替换为刚刚创建的OTS实例的公网地址,如下图所示

实例名替换为刚刚创建的OTS实例的名称

阿里云云开发Web应用实战营作业第三天插图16
阿里云云开发Web应用实战营作业第三天插图17

确定之后返回CloudIDE

执行 npm run dev 命令,启动本地研发服务器

阿里云云开发Web应用实战营作业第三天插图18

启动成功后如图所示

阿里云云开发Web应用实战营作业第三天插图19

进入提供的域名检验效果

阿里云云开发Web应用实战营作业第三天插图20

返回CloudIDE

点击左侧Tab进行一键部署

阿里云云开发Web应用实战营作业第三天插图21

等待部署完成之后点击给出的二级域名进入

阿里云云开发Web应用实战营作业第三天插图22
阿里云云开发Web应用实战营作业第三天插图23

随便输入几个文字

阿里云云开发Web应用实战营作业第三天插图24

返回OTS实例管理页面

点击数据管理可以看到刚才输入的文字已经出现在数据库中,即为部署成功

阿里云云开发Web应用实战营作业第三天插图25
阿里云云开发Web应用实战营作业第三天插图26

按照打卡规则截图打卡即可

点赞

发表评论