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

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

接上篇:

https://developer.aliyun.com/article/1224106?spm=a2c6h.13148508.setting.27.4f394f0em1x0Jq

image.png

接下来,演示一下如何在小程序中进行云调用的集成以及如何借助云调用触发一条消息模板的推送。

 

如上图所示,首先,在支付宝小程序开发工具中添加云调用的依赖alipay-serverless-sdk,然后在代码中引入云调用,并调用云调用透出的init方法,传入Serverless SDK的实例完成初始化。

image.png

接下来,我们扩展第四节中编写的疫苗预约事件处理函数。在预约成功的分支下,我们扩展云调用能力发起模板推送的能力。

 

首先通过调用支付宝模板授权接口,注册和授权我们先前记录的消息模板。然后在授权成功的回调中,通过模板推送的云调用方法:cloud.marketing.templateMessage.send(),完成疫苗预约提醒的用户推送。

 

模板推送云调用接口主要接受四个参数

 

参数toUserId,代表发送消息的支付宝账号;

参数userTemplateId,代表用户申请的模板id号;

参数page,代表用户点击推送信息后小程序页面跳转地址;

参数data,代表关键字占位符数据。

image.png

image.png

在支付宝真机调试下,我们点击「立即预约」后,即可看到支付宝的消息盒子中增加了一条疫苗预约信息。

 

五、 课程总结

image.png

本节课程主要分为两部分。

 

第一部分是学习云存储。使用云存储的关键是,需要了解图片本地临时地址和云存储接口返回的网络地址之间的区别。本地地址是由本地I/O,通过小程序的图片API产生的。网络地址是云存储通过本地图片,上传到Serverless后台,为图片创一个网络地址。

 

第二部分是学习云调用。介绍了支付宝的开放能力。实际演示了推送能力的集成链路以及消息模板的开通链路,并结合疫苗预约小程序通过这两条链路实现了疫苗预约消息的用户推送。

 

相关文章
|
5月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的小程序疫苗预约网站系统的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的小程序疫苗预约网站系统的详细设计和实现(源码+lw+部署文档+讲解等)
|
4月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的在线疫苗预约小程序附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的在线疫苗预约小程序附带文章源码部署视频讲解等
47 3
|
5月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的疫苗预约小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的疫苗预约小程序的详细设计和实现(源码+lw+部署文档+讲解等)
|
5月前
|
小程序 前端开发 JavaScript
微信小程序|在线疫苗预约的设计与实现
微信小程序|在线疫苗预约的设计与实现
|
6月前
|
JavaScript Java 测试技术
基疫苗预约小程序ssmvue.js附带文章和源代码设计说明文档ppt
基疫苗预约小程序ssmvue.js附带文章和源代码设计说明文档ppt
38 2
|
5月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp微信小程序的疫苗预约网站系统的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的疫苗预约网站系统的详细设计和实现
39 0
|
5月前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的疫苗预约小程序的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的疫苗预约小程序的详细设计和实现
27 0
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的在线疫苗预约附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的在线疫苗预约附带文章源码部署视频讲解等
18 0
|
5月前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的疫苗预约系统附带文章和源代码设计说明文档ppt
基于ssm+vue.js+uniapp小程序的疫苗预约系统附带文章和源代码设计说明文档ppt
30 0
|
6月前
|
JavaScript Java 测试技术
基于微信小程序疫苗预约系统+ssm+vue.js附带文章和源代码设计说明文档ppt
基于微信小程序疫苗预约系统+ssm+vue.js附带文章和源代码设计说明文档ppt
44 0

相关产品

  • 移动研发平台