《五天玩转EMAS Serverless》——第五节 实战:小程序疫苗预约-文件存储与云调用【上】

简介: 本文整理自EMAS Serverless讲师雨鸦,在《5天玩转EMAS Serverless训练营》的分享。本篇内容主要分为五个部分:1.小程序图片API介绍2.实战:个人信息头像修改3.云调用介绍4.实战:疫苗预约提醒推送5.课程总结

一、 小程序图片API介绍

image.png

在正式介绍云存储相关的使用之前,我们首先学习一下小程序的图片选择API。

 

如上图所示,在支付宝小程序中,图片I/O的API是my.chooseImage,这个接口方法是一个标准的小程序回调接口。

 

在success参数中接收图片上传成功时的回调函数,sourceType默认camera和album。支付宝小程序默认从相册或拍照选择图片。success回调函数返回两个参数。apFilePaths是图片的路径数组,tempFiles是图片的本地临时文件列表。

image.png

然后,我们复习一下电子书第二节提到的云存储的API。其中,uploadFile负责从本地临时文件路径获取上传文件信息,然后上传文件到EMAS Serverless服务空间。

 

如上图所示,在小程序侧通过调用支付宝云原生的图片I/O接口,获得图片的本地临时地址。然后,通过图片本地临时地址,上传到EMAS Serverless端,并获得该图片的网络地址。

二、 实战:个人信息头像修改

image.png

接下来,我们在之前项目的基础上,具体实践一下云存储的实际应用,借助云存储的功能,我们实现疫苗预约小程序个人头像信息的修改。

 

如上图所示,我们为头像所在的图片标签添加点击事件,在事件处理回调函数中,从相册选择一张图片并上传到云存储中,并将云存储返回的图片网络地址作为用户头像信息的新地址更新本地和数据库状态。


接下篇:

https://developer.aliyun.com/article/1224106?groupCode=emas

相关文章
|
3天前
|
Serverless PyTorch 文件存储
EMAS Serverless文件存储问题之上传视频真机报错如何解决
在进行Serverless应用开发和部署时,开发者可能会遇到不同类型的报错信息;本合集着重收录了Serverless环境中常见的报错问题及其解决策略,以助于开发者迅速诊断和解决问题,保证服务的连续性和可用性。
403 1
|
8月前
|
存储 小程序 IDE
EMAS Serverless搭建《私人云相册》小程序
基于EMAS Serverless的云函数、云数据库、云存储等云服务能力一站式快速开发一个小程序。
194 0
EMAS Serverless搭建《私人云相册》小程序
|
9月前
|
开发框架 Serverless 文件存储
EMAS Serverless文件存储的uploadFile方法
EMAS Serverless文件存储的uploadFile方法
122 1
|
12月前
|
存储 小程序 前端开发
《五天玩转EMAS Serverless》——第三节 实战:小程序疫苗预约-框架搭建&数据库管理【上】
本文整理自EMAS Serverless讲师柳色,在《5天玩转EMAS Serverless训练营》的分享。本篇内容主要分为五个部分: 1.小程序疫苗预约项目介绍 2.业务场景设计 3.数据库设计 4.数据操作命令学习 5.云数据库控制台功能介绍
115 0
|
12月前
|
存储 JSON NoSQL
《五天玩转EMAS Serverless》——第三节 实战:小程序疫苗预约-框架搭建&数据库管理【中】
本文整理自EMAS Serverless讲师柳色,在《5天玩转EMAS Serverless训练营》的分享。本篇内容主要分为五个部分: 1.小程序疫苗预约项目介绍 2.业务场景设计 3.数据库设计 4.数据操作命令学习 5.云数据库控制台功能介绍
125 0
|
12月前
|
小程序 NoSQL Serverless
《五天玩转EMAS Serverless》——第三节 实战:小程序疫苗预约-框架搭建&数据库管理【下】
本文整理自EMAS Serverless讲师柳色,在《5天玩转EMAS Serverless训练营》的分享。本篇内容主要分为五个部分: 1.小程序疫苗预约项目介绍 2.业务场景设计 3.数据库设计 4.数据操作命令学习 5.云数据库控制台功能介绍
105 0
|
3天前
|
运维 Serverless 应用服务中间件
Serverless 应用引擎产品使用之在阿里云Serverless中函数计算FC nginx 部署上去之后放置静态页面如何解决
阿里云Serverless 应用引擎(SAE)提供了完整的微服务应用生命周期管理能力,包括应用部署、服务治理、开发运维、资源管理等功能,并通过扩展功能支持多环境管理、API Gateway、事件驱动等高级应用场景,帮助企业快速构建、部署、运维和扩展微服务架构,实现Serverless化的应用部署与运维模式。以下是对SAE产品使用合集的概述,包括应用管理、服务治理、开发运维、资源管理等方面。
265 0
|
3天前
|
弹性计算 运维 Serverless
Serverless 应用引擎产品使用之在阿里函数计算中,使数据库和阿里云函数计算位于同一个内网中如何解决
阿里云Serverless 应用引擎(SAE)提供了完整的微服务应用生命周期管理能力,包括应用部署、服务治理、开发运维、资源管理等功能,并通过扩展功能支持多环境管理、API Gateway、事件驱动等高级应用场景,帮助企业快速构建、部署、运维和扩展微服务架构,实现Serverless化的应用部署与运维模式。以下是对SAE产品使用合集的概述,包括应用管理、服务治理、开发运维、资源管理等方面。
1063 0
Serverless 应用引擎产品使用之在阿里函数计算中,使数据库和阿里云函数计算位于同一个内网中如何解决
|
3天前
|
运维 监控 Serverless
Serverless 应用引擎产品使用之在阿里函数计算中,在response.send()之后继续执行其它代码如何解决
阿里云Serverless 应用引擎(SAE)提供了完整的微服务应用生命周期管理能力,包括应用部署、服务治理、开发运维、资源管理等功能,并通过扩展功能支持多环境管理、API Gateway、事件驱动等高级应用场景,帮助企业快速构建、部署、运维和扩展微服务架构,实现Serverless化的应用部署与运维模式。以下是对SAE产品使用合集的概述,包括应用管理、服务治理、开发运维、资源管理等方面。
181 0
|
3天前
|
运维 负载均衡 Java
Serverless 应用引擎产品使用之在阿里函数计算中,创建了个关于 stable diffusion 的函数服务,总是很卡如何解决
阿里云Serverless 应用引擎(SAE)提供了完整的微服务应用生命周期管理能力,包括应用部署、服务治理、开发运维、资源管理等功能,并通过扩展功能支持多环境管理、API Gateway、事件驱动等高级应用场景,帮助企业快速构建、部署、运维和扩展微服务架构,实现Serverless化的应用部署与运维模式。以下是对SAE产品使用合集的概述,包括应用管理、服务治理、开发运维、资源管理等方面。
185 0

热门文章

最新文章

相关产品

  • 移动研发平台