阿里云-云开发平台存储篇——给应用接上后端存储能力

ruochen
172 阅读3分钟

「这是我参与11月更文挑战的第11天，活动详情查看：2021最后一次更文挑战」

给应用接上后端存储能力

云开发平台官网：workbench.aliyun.com/

案例一：用RDS数据库实现Todolist

在这里插入图片描述

1. 资源准备

  • 创建VPC和交换机

    • 创建vpc 在这里插入图片描述
    • 填写vpc名称和交换机名称，选一下可用区即可 在这里插入图片描述
    • 创建成功后如下 在这里插入图片描述

  • 创建RDS实例

    • 实例创建 点击刚才创建的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技术、干货知识、热点资讯

avatar
文章
阅读
粉丝
相关推荐
后端架构师技术图谱
154k阅读
 · 
3.9k点赞
深入浅出前端本地储存
8.2k阅读
 · 
130点赞
前端玩转阿里云对象存储 OSS
4.4k阅读
 · 
19点赞
优秀的后端应该有哪些开发习惯？
101k阅读
 · 
1.4k点赞
什么样的故障让阿里云换了总裁？
114k阅读
 · 
596点赞
前端储存技术
4.4k阅读
 · 
34点赞
MYSQL进阶之体系结构和InnoDB存储引擎
60k阅读
 · 
55点赞
「2021」高频前端面试题汇总之JavaScript篇（上）
591k阅读
 · 
3.3k点赞
开源对象存储MinIO与阿里云和七牛云对比
5.7k阅读
 · 
25点赞

友情链接：