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

相关文章
|
缓存 前端开发 JavaScript
|
小程序 Serverless 开发工具
小程序开发问题之在小程序中安装并初始化小程序Serverless客户端SDK如何解决
小程序开发问题之在小程序中安装并初始化小程序Serverless客户端SDK如何解决
|
关系型数据库 Serverless 分布式数据库
Serverless 应用引擎常见问题之在抖音快手小程序上使用如何解决
Serverless 应用引擎(Serverless Application Engine, SAE)是一种完全托管的应用平台,它允许开发者无需管理服务器即可构建和部署应用。以下是Serverless 应用引擎使用过程中的一些常见问题及其答案的汇总:
240 3
|
小程序 IDE Serverless
【经验分享】支付宝小程序serverless云开发拓荒
【经验分享】支付宝小程序serverless云开发拓荒
321 6
|
Serverless PyTorch 文件存储
EMAS Serverless文件存储问题之上传视频真机报错如何解决
在进行Serverless应用开发和部署时,开发者可能会遇到不同类型的报错信息;本合集着重收录了Serverless环境中常见的报错问题及其解决策略,以助于开发者迅速诊断和解决问题,保证服务的连续性和可用性。
536 1
|
前端开发 JavaScript 小程序
亚马逊云科技 Build On -Serverless低代码平台初体验-快速完成vue前端订单小程序
亚马逊云科技 Build On -Serverless低代码平台初体验-快速完成vue前端订单小程序
230 0
|
存储 人工智能 小程序
一天完成基于Serverless架构的头像漫画风处理小程序
我一直都想要有一个漫画版的头像,奈何手太笨,用了很多软件 “捏不出来”,所以就在想着,是否可以基于 AI 实现这样一个功能,并部署到 Serverless 架构上让更多人来尝试使用呢。
580 2
一天完成基于Serverless架构的头像漫画风处理小程序
|
6月前
|
监控 前端开发 小程序
陪练,代练,护航,代打小程序源码/前端UNIAPP-VUE2.0开发 后端Thinkphp6管理/具备家政服务的综合型平台
这款APP通过技术创新,将代练、家政、娱乐社交等场景融合,打造“全能型生活服务生态圈”。以代练为切入点,提供模块化代码支持快速搭建平台,结合智能匹配与技能审核机制,拓展家政服务和商业管理功能。技术架构具备高安全性和扩展性,支持多业务复用,如押金冻结、录屏监控等功能跨领域应用。商业模式多元,包括交易抽成、增值服务及广告联名,同时设计跨领域积分体系提升用户粘性,实现生态共生与B端赋能。
567 12
|
9月前
|
移动开发 小程序
thinkphp+uniapp开发的多端商城系统源码/H5/小程序/APP支持DIY模板直播分销
thinkphp+uniapp开发的多端商城系统源码/H5/小程序/APP支持DIY模板直播分销
378 0
|
11月前
|
小程序 前端开发 JavaScript
在线课堂+工具组件小程序uniapp移动端源码
在线课堂+工具组件小程序uniapp移动端源码
233 0
在线课堂+工具组件小程序uniapp移动端源码

热门文章

最新文章

相关产品

  • 函数计算