阿里云开发校园合伙人七天打卡计划(五)

访问云数据库,并创建一个 TodoList 应用。
步骤
1.阿里云平台,创建应用实验室-web-Midway Serverless OTS数据库示例
阿里云开发校园合伙人七天打卡计划(五)_第1张图片

2.进入云IDE,安装依赖,在终端输入

npm i

3.创建阿里云OTS表格存储
网站 https://www.aliyun.com/product/ots
点击立即开通
进入管控,台点击创建实例
阿里云开发校园合伙人七天打卡计划(五)_第2张图片
实例创建后复制公网ip
阿里云开发校园合伙人七天打卡计划(五)_第3张图片
创建数据表
数据表名称:list 表主键:id 字符串类型
阿里云开发校园合伙人七天打卡计划(五)_第4张图片

创建Access,点击Access管理
阿里云开发校园合伙人七天打卡计划(五)_第5张图片
保存AccessKey ID和AccessKey Secret
4.修改代码
选择src- api- config- config.default.ts文件,将刚刚复制的东西注释复制
阿里云开发校园合伙人七天打卡计划(五)_第6张图片
5.启动开发服务
在终端输入

npm run dev

等待启动成功,按Ctrl+单击给出的地址
6.在网页中加入自己的标签,效果如图
阿里云开发校园合伙人七天打卡计划(五)_第7张图片

你可能感兴趣的:(阿里云开发校园合伙人七天打卡计划(五))