EMAS Serverless系列～4步教你快速搭建小程式
- 2022 年 8 月 16 日
- 筆記
體驗簡介
本實驗基於 EMAS Serverless 的雲函數、雲資料庫、雲存儲等雲服務能力一站式快速開發小程式《私人云相冊》。Demo 主要包括如下功能：
1 相冊管理
2 上傳相片
3 每日壁紙（該功能利用雲函數定時任務，每天從必應複製一張壁紙）
4 收藏壁紙
通過本實驗教程，您將快速上手基於雲函數、雲資料庫、雲存儲等雲服務能力一站式快速開發多端小程式。
立即前往體驗：//www.aliyun.com/activity/emas/emas_serverless
背景知識
EMAS Serverless 是阿里雲一站式應用研發平台 EMAS 旗下的一款子產品，是面向小程式場景提供的 Serverless 開發、運營套件，開發者無需關心伺服器和底層設施運維，專註於程式碼邏輯和業務本身，具備極簡運維、多端適配、按需使用、彈性擴容等優勢，幫助開發者快速部署小程式。
●雲函數：提供NodeJS運行環境，開發者可以將程式碼打包提交到雲端，無需搭建運維伺服器。雲函數自動完成機器調度與函數部署，彈性擴容，按量收費，輕鬆應對突發流量。
● 雲資料庫：基於MongoDB文檔型資料庫，數據以JSON格式存儲。資料庫中的每條記錄都是一個JSON格式的文檔對象。一個資料庫可以有多個集合（相當於關係型數據中的表）。
● 雲存儲：支援將文本、圖片、影片等文件存儲到雲端。開發者可以在小程式端和控制台使用雲存儲功能。圖片上傳成功後，系統會自動生成一個資源鏈接。開發者可以在小程式中使用該圖片地址。
相關雲產品
EMAS Serverless
EMAS Serverless 是阿里雲提供的基於Serverless技術的一站式後端開發平台，為開發者提供高可用、彈性伸縮的雲開發服務，包含雲函數、雲資料庫、雲存儲、靜態網站託管等功能，幫助開發者及企業客戶快速實現一雲多端應用的搭建，您無需管理伺服器等基礎設施，便可以無縫對接豐富的雲資源。
資源鏈接：//www.aliyun.com/activity/emas/emas_serverless
前提準備
- 擁有正常使用的阿里雲實名認證帳號和支付寶帳號
- 下載安裝支付寶 IDE 小程式開發者工具(//opendocs.alipay.com/mini/ide/download)
第一步 創建EMAS Serverless服務空間
- 開通EMAS服務並進入控制台（//emas.console.aliyun.com）
- 在控制台中創建項目：
1）新用戶控制台
2）老用戶控制台
- 進入項目，創建服務空間：
第二步 雲資料庫開發
- 創建3個數據表：雲資料庫基於MongoDB非關係型文檔資料庫，僅僅需要創建三張表即可，分別是： album（相冊文件夾）、photo（相片）、wallpaper（壁紙美圖）
第三步 雲函數開發
- 創建兩個雲函數，分別是 PhotoServer、CollectWallpaperTask，其中PhotoServer負責處理小程式發送的業務請求，CollectWallpaperTask 負責每天定時從網路收集壁紙圖片：
- 設置PhotoServer的定時任務觸發和HTTP路徑觸發：
- 分別上傳兩個雲函數對應的源程式碼包：
PhotoServer程式碼包下載：
//mpserverless-demo.oss-cn-shanghai.aliyuncs.com/function/PhotoServer.zip
PhotoServer程式碼詳情：
CollectWallpaperTask程式碼包下載：
//mpserverless-demo.oss-cn-shanghai.aliyuncs.com/function/CollectWallpaperTask.zip
CollectWallpaperTask程式碼詳情：
- 兩個雲函數分別點擊部署按鈕完成程式碼部署：
部署成功狀態：
注意：CollectWallpaperTask在部署之後必須點擊「程式碼運行」按鈕，完成一次手動運行，（否則小程式中無法立即顯示壁紙，導致任務無法完成，影響打卡抽獎）
運行成功後會抓取今日壁紙到雲存儲，可打開雲存儲介面查看。
第四步 小程式開發
- 打開提前下載好的支付寶小程式開發者工具，下載並解壓小程式demo源碼：
小程式源碼：
//mpserverless-demo.oss-cn-shanghai.aliyuncs.com/code/alipay/3.x/photo.zip
支付寶IDE下載：
//opendocs.alipay.com/mini/ide/download
- 打開IDE，導入解壓好的小程式demo項目
- 在app.js 文件中完成spaceID和spaceSecret 的配置
- 運行程式碼，小程式運行效果如圖所示：
- 程式搭建完成後，點擊右下方❤️，收藏一張圖片，即可完成實驗任務，參與抽獎！
