「这是我参与11月更文挑战的第11天,活动详情查看:2021最后一次更文挑战」
给应用接上后端存储能力
云开发平台官网:workbench.aliyun.com/
案例一:用RDS数据库实现Todolist
1. 资源准备
-
- 创建vpc
- 填写vpc名称和交换机名称,选一下可用区即可
- 创建成功后如下
-
-
实例创建 点击刚才创建的vpc管理按钮,然后点击RDS实例就可以跳转到RDS控制台 这里计费方式我们选择
按量计费
就好了,部署方案选择单可用区部署,实例规格选择最便宜的就好了 然后进行实例配置,选择我们刚才创建的VPC,这里选择可用区的时候发现没有,我们看到下面可用区配置是H,我们创建的交换机可用区是B,可以重新创建一个可用区H的交换机(需要把上面创建的交换机先删除掉) 刷新一下就可以看到刚才创建的交换机了,其他默认就ok -
创建数据库,获得数据库名 数据库创建好以后,我们可以通过在线的方式进行访问【访问前要创建账号,查看下一步】
-
创建账号,获得用户名密码
-
添加白名单,交换机的IP段
-
登录数据库建表,创建表代码下面会讲到
-
-
创建安全组
网络
选择刚才创建的VPC,添加一条入规则:目的为MySQL(3306 )
,源
选择我们刚才创建的VPC网段,然后点击创建就好了
2. 云开发平台
-
在云开发平台创建一个空应用,创建教程可以查看此篇文章👉Web训练营Day01——创建应用,示例模板选择
Midway Serverless MySQL数据库示例
如下为我创建的应用 -
点击
开发部署
跳转到 IDE,查看README.md
文件,里面有创建数据库表代码,我们直接在RDS中执行语句就ok -
环境管理
-
应用配置 这边的配置填我们创建的数据库的对应信息就好
-
部署
- 首先 install 一下
- install 完成后,点击部署即可 部署成功后会有一个临时域名,进行访问即可
案例二:用Nas存储文件
云开发平台集成了NAS功能
- 创建应用
- 应用环境管理
- 部署,访问 部署成功后访问临时域名即可
案例三:用OSS上传和展示图片
可参考官方解决方案:OSS文件浏览器直传方案
1. 资源准备
- 创建OSS-bucket
- 创建 填写名称,将公共读打开
- 设置跨域
- 创建RAM子账号,AK,SK,授权OSS访问
- 创建子账号 可以看到ak和sk
- 创建目录
- 用户添加权限
2. 云开发平台
-
创建应用
-
应用配置管理
- OSSBUCKET:OSS的bucket名称
- OSSDIR:目录
- REGION:地域
- AKID:ak
- AKSK:sk
-
添加静态页面 index.html,添加接口 osstoken.js
- 直接从官方解决方案中复制前端
index.html
代码即可 - 添加接口,同样直接从官方文档中复制即可
- 添加路由
- 直接从官方解决方案中复制前端
-
部署 部署成功后,访问临时域名即可
实践:Midway Serverless + OTS Serverless 数据库快速开发 Todo List
1. 创建 OTS 资源
- 创建实例
- 创建数据表
2. 云开发平台
-
创建应用
-
应用配置
- MIDWAY_OTS_ACCESSKEY 阿里云账户 AccessKey ID
- MIDWAY_OTS_SECRET 阿里云账户 AccessKey Secret
- MIDWAY_OTS_ENDPOINT 表格存储实例公网访问地址
- MIDWAY_OTS_INSTANCE 表格存储实例名称
创建ak:ram.console.aliyun.com/manage/ak 存储桶公网和实例名称
- 部署运行
- npm install 一下
- 部署
- 部署成功访问临时二级域名即可
最后,欢迎大家关注我的个人微信公众号 『小小猿若尘』,获取更多IT技术、干货知识、热点资讯