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

本文涉及的产品
简介: 基于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

相关文章
|
4月前
|
Serverless
电子好书发您分享《五天玩转EMAS Serverless》
电子好书发您分享《五天玩转EMAS Serverless》
612 2
|
5月前
|
小程序 JavaScript
小程序本地相册选择图片或相机拍照底部弹框功能
小程序本地相册选择图片或相机拍照底部弹框功能
59 0
|
4月前
|
前端开发 小程序
微信小程序canvas画布绘制base64图片并保存图片到相册中
微信小程序canvas画布绘制base64图片并保存图片到相册中
|
1月前
|
关系型数据库 Serverless 分布式数据库
Serverless 应用引擎常见问题之在抖音快手小程序上使用如何解决
Serverless 应用引擎(Serverless Application Engine, SAE)是一种完全托管的应用平台,它允许开发者无需管理服务器即可构建和部署应用。以下是Serverless 应用引擎使用过程中的一些常见问题及其答案的汇总:
22 3
|
2月前
|
小程序 IDE Serverless
【经验分享】支付宝小程序serverless云开发拓荒
【经验分享】支付宝小程序serverless云开发拓荒
82 0
|
3月前
|
Serverless PyTorch 文件存储
EMAS Serverless文件存储问题之上传视频真机报错如何解决
在进行Serverless应用开发和部署时,开发者可能会遇到不同类型的报错信息;本合集着重收录了Serverless环境中常见的报错问题及其解决策略,以助于开发者迅速诊断和解决问题,保证服务的连续性和可用性。
399 1
|
3月前
|
前端开发 JavaScript 小程序
亚马逊云科技 Build On -Serverless低代码平台初体验-快速完成vue前端订单小程序
亚马逊云科技 Build On -Serverless低代码平台初体验-快速完成vue前端订单小程序
50 0
|
4月前
|
Serverless
电子好书分享您《五天玩转EMAS Serverless》
电子好书分享您《五天玩转EMAS Serverless》
112 1
|
7月前
|
存储 小程序 数据库
【小程序云开发】30分钟搭建个人相册小程序
本文将通过实战“个人相册小程序”开发,教你如何借助小程序 ·云开发 能力,提升功能开发效率,提升数据隐私保护能力。
189 0
|
1月前
|
运维 监控 Android开发
应用研发平台EMAS产品常见问题之热更新和云发布不能共存如何解决
应用研发平台EMAS(Enterprise Mobile Application Service)是阿里云提供的一个全栈移动应用开发平台,集成了应用开发、测试、部署、监控和运营服务;本合集旨在总结EMAS产品在应用开发和运维过程中的常见问题及解决方案,助力开发者和企业高效解决技术难题,加速移动应用的上线和稳定运行。

热门文章

最新文章

相关产品

  • 函数计算