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


进入阿里云开发平台-创建应用

image-20200810215200757

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

image-20200810215341680

环境基本配置步骤

首先安装依赖

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

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

image-20200810220022738

image-20200810220105952

创建数据表

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

image-20200810220246104

云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 

image-20200810224216163

给自己立个flag 哈哈

image-20200810224227970

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

image-20200810224339784

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值