本场景基于小程序云Serverless+小程序开发者工具（IDE），快速搭建个人相册小程序

场景体验目标

本场景，我们将通过实战“个人相册小程序”开发，教你如何借助小程序·云开发能力，提升功能开发效率，提升数据隐私保护能力。

体验此场景后，可以掌握的知识有：

1.小程序Serverless配置和在前、后端开发的使用;

2.支付宝小程序开发与调试

背景知识

小程序Serverless：

阿里云小程序Serverless提供包括云函数、数据存储、文件存储等一整套后端服务。开发者通过API方式即可获取云函数、数据存储、文件存储、音视频、图像处理等服务，不需要关心服务器或底层运维设施，可以更专注于代码和业务本身。

小程序开发者工具（IDE）：

小程序开发者工具（简称IDE）是支付宝开放平台打造的“一站式小程序研发工具”。IDE不仅支持开发支付宝小程序，相同代码还通用于蚂蚁开放生态、可直接发布至淘宝、钉钉、高德等应用平台。

准备

安装环境

请在本地环境下进行以下操作：

1.  安装 node.js 开发环境。

2.  下载并安装 小程序开发者工具。

应用配置

创建支付宝小程序应用

参考以下步骤，在蚂蚁金服开放平台创建支付宝小程序：

1.使用支付宝账号登录蚂蚁金服开放平台，然后单击【开发者中心】。

2.选择【小程序应用】，然后单击【创建应用】并根据引导创建一个小程序应用。

3.在左侧导航栏单击【设置】。

4.单击【开发设置】，然后单击【设置】，设置接口加签方式。

5.在【加签管理】页面，选择公钥加签模式，填写公钥字符。参考以下步骤生成所需要的RSA密钥对。

a. 下载密钥生成工具。

• Windows：密钥生成工具

说明：Windows版本工具请不要安装在含有空格的目录路径下。

• Mac：密钥生成工具

b. 运行AlipayDevelopmentAssistant文件。

c. 在【生成密钥】页面，密钥长度选择RSA2，密钥格式选择PKCS8（Java适用），然后单击【生成密钥】。

d. 单击【打开密钥文件路径】查看生成的公钥和密钥。

注意：生成的私钥需妥善保管，避免遗失，不要泄露。应用私钥需填写到代码中供签名时使用。应用公钥需提供给支付宝账号管理者上传到支付宝开放平台。

开通小程序云服务

1.登录小程序云控制台。

2.在【云产品开通页面】，单击《小程序云服务协议》链接。

3.在阅读后，勾选【我已阅读并同意《小程序云服务协议》】复选框，然后单击【立即开通】。

4.单击【前往RAM进行授权】。

5.单击【同意授权】完成访问授权。

创建服务空间

1.在小程序云控制台的左侧导航栏，单击【小程序Serverless】>【服务空间管理】。

2.单击【创建服务空间】，输入服务空间名称，然后单击【确定】。

3.创建成功后，单击【详情】查看space ID、secret和endpoint信息。

4.单击【小程序Serverless 】> 【云数据库】，然后在页面右上角选择已创建的服务空间。

5.单击修改数据库权限，将 write 权限修改为 true。

添加支付宝小程序

1.登录小程序云控制台。

2.左侧导航栏，单击【小程序Serverless】> 【设置】。

3.单击【支付宝】页签，然后单击【添加】。

4 输入要关联的小程序的APPID。APPID请在蚂蚁金服开放平台的小程序应用详情页查看。

5.输入您的应用私钥，即密钥生成工具在本地生成的小程序RSA私钥。

6.输入支付宝公钥，支付宝公钥从蚂蚁金服开放平台 >【开发中心】>【设置】>【开发设置】>【开发信息】中的接口加签方式中查看获取。

体验

获取模板代码

1.打开小程序开发者工具，在首页小程序模板的开放能力分类中选择【个人相册】模板。

2.单击【下一步】，设置项目名称和项目路径，完成项目创建。

快速体验

1.在小程序开发者工具中登录支付宝开发者账号，然后关联对应的小程序。

2.将client/pages/app.js中对应的如下小程序配置项改为自己的参数。

appId: \'2021*********\', // 小程序应用标识
spaceId: \'ca8eb10f-26c1-4bee-**********\', // 服务空间标识
clientSecret: \'Xckz2************\', // 服务空间 secret key
endpoint: \'https://api.************\' // 服务空间地址，从小程序Serverless控制台处获得    

appId即在小程序云Serverless控制台和开发者工具中关联的小程序appId，spaceId、clientSecret、endpoint参数即在小程序云Serveless控制台中创建的服务空间信息。

保存文件后，打开IDE的模拟器，就可以预览相册小程序了。您可以在小程序中新建相册，并将本地图片上传至相册中。