EMAS Serverless搭建《私人云相册》小程序

本文涉及的产品
函数计算FC,每月15万CU 3个月
Serverless 应用引擎免费试用套餐包,4320000 CU,有效期3个月
简介: 基于EMAS Serverless的云函数、云数据库、云存储等云服务能力一站式快速开发一个小程序。

EMAS Serverless搭建《私人云相册》小程序

1. 实验准备

2. 第一步 创建EMAS Serverless服务空间

1、开通EMAS服务并进入控制台(https://emas.console.aliyun.com

2、在控制台中创建项目:

1)新用户控制台

2)老用户控制台

3、进入项目,创建服务空间:

 

3. 第二步 云数据库开发

  • 创建3个数据表:云数据库基于MongoDB非关系型文档数据库,仅仅需要创建三张表即可,分别是: album(相册文件夹)、photo(相片)、wallpaper(壁纸美图)

4. 第三步 云函数开发

1、创建两个云函数,分别是 PhotoServer、CollectWallpaperTask,其中PhotoServer负责处理小程序发送的业务请求,CollectWallpaperTask负责每天定时从网络收集壁纸图片:

2、分别上传两个云函数对应的源代码包:

PhotoServer代码包下载:

https://mpserverless-demo.oss-cn-shanghai.aliyuncs.com/function/PhotoServer.zip

PhotoServer代码详情:

CollectWallpaperTask代码包下载:

https://mpserverless-demo.oss-cn-shanghai.aliyuncs.com/function/CollectWallpaperTask.zip

CollectWallpaperTask代码详情:

3、两个云函数分别点击部署按钮完成代码部署:

部署成功状态:

注意:CollectWallpaperTask在部署之后必须点击“代码运行”按钮,完成一次手动运行,(否则小程序中无法立即显示壁纸,导致任务无法完成,影响打卡抽奖)

运行成功后会抓取今日壁纸到云存储,可打开云存储界面查看。

4、设置PhotoServer的定时任务触发:

5. 第四步 小程序开发

1、打开提前下载好的支付宝小程序开发者工具,下载并解压小程序demo源码:

小程序源码:

https://mpserverless-demo.oss-cn-shanghai.aliyuncs.com/code/alipay/3.x/photo.zip

支付宝IDE下载:

https://opendocs.alipay.com/mini/ide/download

2、打开IDE,导入解压好的小程序demo项目

3、在app.js文件中完成spaceID和spaceSecret的配置

4、运行代码,小程序运行效果如图所示:

5、程序搭建完成后,点击右下方❤️,收藏一张图片,即可完成实验任务,参与抽奖!

实验链接:https://developer.aliyun.com/adc/scenario/68f875b7fce24d9fb6cdfdda300297f0

相关文章
|
5月前
|
缓存 前端开发 JavaScript
|
9月前
|
存储 人工智能 小程序
一天完成基于Serverless架构的头像漫画风处理小程序
我一直都想要有一个漫画版的头像,奈何手太笨,用了很多软件 “捏不出来”,所以就在想着,是否可以基于 AI 实现这样一个功能,并部署到 Serverless 架构上让更多人来尝试使用呢。
377 2
一天完成基于Serverless架构的头像漫画风处理小程序
|
9月前
|
关系型数据库 Serverless 分布式数据库
Serverless 应用引擎常见问题之在抖音快手小程序上使用如何解决
Serverless 应用引擎(Serverless Application Engine, SAE)是一种完全托管的应用平台,它允许开发者无需管理服务器即可构建和部署应用。以下是Serverless 应用引擎使用过程中的一些常见问题及其答案的汇总:
|
9月前
|
小程序 IDE Serverless
【经验分享】支付宝小程序serverless云开发拓荒
【经验分享】支付宝小程序serverless云开发拓荒
190 6
|
9月前
|
Serverless PyTorch 文件存储
EMAS Serverless文件存储问题之上传视频真机报错如何解决
在进行Serverless应用开发和部署时,开发者可能会遇到不同类型的报错信息;本合集着重收录了Serverless环境中常见的报错问题及其解决策略,以助于开发者迅速诊断和解决问题,保证服务的连续性和可用性。
447 1
|
9月前
|
前端开发 JavaScript 小程序
亚马逊云科技 Build On -Serverless低代码平台初体验-快速完成vue前端订单小程序
亚马逊云科技 Build On -Serverless低代码平台初体验-快速完成vue前端订单小程序
118 0
|
9月前
|
前端开发 Android开发 iOS开发
应用研发平台EMAS使用 aliyun-react-native-push 库接入推送和辅助通道,推送都可以收到,但是在App切到后台或者杀掉进程之后就收不到推送了,是需要配置什么吗?
【2月更文挑战第31天】应用研发平台EMAS使用 aliyun-react-native-push 库接入推送和辅助通道,推送都可以收到,但是在App切到后台或者杀掉进程之后就收不到推送了,是需要配置什么吗?
155 2
|
9月前
|
运维 监控 Android开发
应用研发平台EMAS产品常见问题之热更新和云发布不能共存如何解决
应用研发平台EMAS(Enterprise Mobile Application Service)是阿里云提供的一个全栈移动应用开发平台,集成了应用开发、测试、部署、监控和运营服务;本合集旨在总结EMAS产品在应用开发和运维过程中的常见问题及解决方案,助力开发者和企业高效解决技术难题,加速移动应用的上线和稳定运行。
|
9月前
|
缓存 运维 Android开发
应用研发平台EMAS产品常见问题之私有云部署失败如何解决
应用研发平台EMAS(Enterprise Mobile Application Service)是阿里云提供的一个全栈移动应用开发平台,集成了应用开发、测试、部署、监控和运营服务;本合集旨在总结EMAS产品在应用开发和运维过程中的常见问题及解决方案,助力开发者和企业高效解决技术难题,加速移动应用的上线和稳定运行。
|
9月前
|
运维 监控 Java
应用研发平台EMAS产品常见问题之安卓构建版本失败如何解决
应用研发平台EMAS(Enterprise Mobile Application Service)是阿里云提供的一个全栈移动应用开发平台,集成了应用开发、测试、部署、监控和运营服务;本合集旨在总结EMAS产品在应用开发和运维过程中的常见问题及解决方案,助力开发者和企业高效解决技术难题,加速移动应用的上线和稳定运行。

相关产品

  • 函数计算