写点什么

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

用户头像
若尘
关注
发布于: 3 小时前
阿里云-云开发平台存储篇——给应用接上后端存储能力

给应用接上后端存储能力

云开发平台官网:https://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:https://ram.console.aliyun.com/manage/ak

存储桶公网和实例名称




  • 部署运行

  • npm install 一下

  • 部署

  • 部署成功访问临时二级域名即可

发布于: 3 小时前阅读数: 3
用户头像

若尘

关注

还未添加个人签名 2021.01.11 加入

还未添加个人简介

评论

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