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

本文涉及的产品
移动研发平台 EMAS,开发者版免费套餐
简介: 本文整理自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

相关文章
|
2月前
|
小程序 容器
日程安排小程序实战教程
日程安排小程序实战教程
|
2月前
|
小程序 API
点餐小程序实战教程09-订单功能开发
点餐小程序实战教程09-订单功能开发
|
2月前
|
小程序
云开发电商小程序实战教程-详情页原型
云开发电商小程序实战教程-详情页原型
|
7天前
|
存储 小程序 前端开发
【微信小程序 - 工作实战分享】1.微信小程序发送手机短信验证码(阿里云)
【微信小程序 - 工作实战分享】1.微信小程序发送手机短信验证码(阿里云)
16 0
|
13天前
|
存储 小程序 前端开发
用云开发快速制作客户业务需求收集小程序丨实战
用云开发快速制作客户业务需求收集小程序丨实战
|
2月前
|
小程序 测试技术 API
外卖小程序实战-接单后小票机自动打印订单
外卖小程序实战-接单后小票机自动打印订单
34 0
|
2月前
|
小程序
外卖小程序实战
外卖小程序实战
23 0
|
2月前
|
关系型数据库 Serverless 分布式数据库
Serverless 应用引擎常见问题之在抖音快手小程序上使用如何解决
Serverless 应用引擎(Serverless Application Engine, SAE)是一种完全托管的应用平台,它允许开发者无需管理服务器即可构建和部署应用。以下是Serverless 应用引擎使用过程中的一些常见问题及其答案的汇总:
|
2月前
|
小程序 JavaScript 前端开发
点餐小程序实战教程08-购物车功能开发
点餐小程序实战教程08-购物车功能开发
|
2月前
|
小程序 算法 数据可视化
点餐小程序实战教程07-点餐功能开发
点餐小程序实战教程07-点餐功能开发

相关产品

  • 移动研发平台