基于阿里云开发平台搭建的TodoList 应用

文章目录

• 环境基本配置步骤
• 开通阿里云OTS表格存储功能及配置
• 云IDE配置
• 运行

创建完成后点击开发部署进入环境

环境基本配置步骤

首先安装依赖

npm i

开通阿里云OTS表格存储功能及配置

开通后进入控制台创建实例

创建数据表

固定要求：点击创建数据表,数据表名称填list,表主键填id

云IDE配置

进入src/apis/config/config.default.ts这个文件

注意这个部分

exports.tbConfig = {
accessKeyId: process.env.MIDWAY_OTS_ACCESSKEY,
secretAccessKey: process.env.MIDWAY_OTS_SECRET,endpoint: process.env.MIDWAY_OTS_ENDPOINT, // e.g. https://todo-test-list.cn-hangzhou.ots.aliyuncs.com
instancename: process.env.MIDWAY_OTS_INSTANCE // e.g. todo-test-list
};

修改

accessKeyId: process.env.MIDWAY_OTS_ACCESSKEY,
secretAccessKey: process.env.MIDWAY_OTS_SECRET,

为自己的AccessyKey和密码（这个可以参考阿里云相关文档） 示例

exports.tbConfig = {
accessKeyId: '你的accessKeyId',
secretAccessKey: 'accessKeySecret',
endpoint:'https://TodoList.cn-zhangjiakou.ots.aliyuncs.com', //这个地方填写的就是刚才在OTS那里复制的公网地址
instancename: process.env.MIDWAY_OTS_INSTANCE // 你创建的实例名字
};

改完后

运行

启动开发服务器

npm run dev

给自己立个flag 哈哈

这时候返回创建的实例数据库可以看到出现了这么一个flag（笑）

同理在数据表中添加也会反馈到页面中，大家自己去尝试吧~