EMAS Serverless系列～4步教你快速搭建小程式

體驗簡介

---

本實驗基於 EMAS Serverless 的雲函式、雲資料庫、雲端儲存等雲服務能力一站式快速開發小程式《私人云相簿》。Demo 主要包括如下功能：
1 相簿管理
2 上傳相片
3 每日桌布（該功能利用雲函式定時任務，每天從必應複製一張桌布）
4 收藏桌布
透過本實驗教程，您將快速上手基於雲函式、雲資料庫、雲端儲存等雲服務能力一站式快速開發多端小程式。

立即前往體驗： https://developer.aliyun.com/adc/series/activity/serverlessbox

背景知識

---

EMAS Serverless 是阿里雲一站式應用研發平臺 EMAS 旗下的一款子產品，是面向小程式場景提供的 Serverless 開發、運營套件，開發者無需關心伺服器和底層設施運維，專注於程式碼邏輯和業務本身，具備極簡運維、多端適配、按需使用、彈性擴容等優勢，幫助開發者快速部署小程式。
●雲函式：提供NodeJS執行環境，開發者可以將程式碼打包提交到雲端，無需搭建運維伺服器。雲函式自動完成機器排程與函式部署，彈性擴容，按量收費，輕鬆應對突發流量。
● 雲資料庫：基於MongoDB文件型資料庫，資料以JSON格式儲存。資料庫中的每條記錄都是一個JSON格式的文件物件。一個資料庫可以有多個集合（相當於關係型資料中的表）。
● 雲端儲存：支援將文字、圖片、影片等檔案儲存到雲端。開發者可以在小程式端和控制檯使用雲端儲存功能。圖片上傳成功後，系統會自動生成一個資源連結。開發者可以在小程式中使用該圖片地址。

相關雲產品

EMAS Serverless

EMAS Serverless 是阿里雲提供的基於Serverless技術的一站式後端開發平臺，為開發者提供高可用、彈性伸縮的雲開發服務，包含雲函式、雲資料庫、雲端儲存、靜態網站託管等功能，幫助開發者及企業客戶快速實現一雲多端應用的搭建，您無需管理伺服器等基礎設施，便可以無縫對接豐富的雲資源。

資源連結：  

前提準備

---

• 擁有正常使用的阿里雲實名認證賬號和支付寶賬號
• 下載安裝支付寶 IDE 小程式開發者工具()

第一步 建立EMAS Serverless服務空間

---

1. 開通EMAS服務並進入控制檯（ ）

1. 在控制檯中建立專案：

1）新使用者控制檯

2）老使用者控制檯

1. 進入專案，建立服務空間：

第二步 雲資料庫開發

---

1. 建立3個資料表：雲資料庫基於MongoDB非關係型文件資料庫，僅僅需要建立三張表即可，分別是： album（相簿資料夾）、photo（相片）、wallpaper（桌布美圖）

第三步 雲函式開發

---

1. 建立兩個雲函式，分別是 PhotoServer、CollectWallpaperTask，其中PhotoServer負責處理小程式傳送的業務請求，CollectWallpaperTask 負責每天定時從網路收集桌布圖片：

1. 設定PhotoServer的定時任務觸發和HTTP路徑觸發：

1. 分別上傳兩個雲函式對應的原始碼包：

PhotoServer程式碼包下載：

PhotoServer程式碼詳情：

CollectWallpaperTask程式碼包下載：

CollectWallpaperTask程式碼詳情：

1. 兩個雲函式分別點選部署按鈕完成程式碼部署：

部署成功狀態：

注 意：CollectWallpaperTask在 部署之後必須點選“程式碼執行”按鈕，完成一次手動執行，（否則小程式中無法立即顯示桌布，導致任務無法完成，影響打卡抽獎）

執行成功後會抓取今日桌布到雲端儲存，可開啟雲端儲存介面檢視。

第四步 小程式開發

---

1. 開啟提前下載好的支付寶小程式開發者工具，下載並解壓小程式demo原始碼：

小程式原始碼：

支付寶IDE下載：

1. 開啟IDE，匯入解壓好的小程式demo專案

1. 在app.js 檔案中完成spaceID和spaceSecret 的配置

1. 執行程式碼，小程式執行效果如圖所示：

1. 程式搭建完成後，點選右下方 ❤️ ，收藏一張圖片，即可完成實驗任務，參與抽獎！