基于小程序Serverless开发个人相册小程序
第 1 章:准备
1. 安装环境
请在本地环境下进行以下操作:
1. 安装 node.js 开发环境。
2. 下载并安装 小程序开发者工具。
- 第 2 章:应用配置
1. 创建支付宝小程序应用
参考以下步骤,在蚂蚁金服开放平台创建支付宝小程序:
1. 使用支付宝账号登录蚂蚁金服开放平台,然后单击【开发者中心】。
2. 选择【小程序应用】,然后单击【创建应用】并根据引导创建一个小程序应用。
3. 在左侧导航栏单击【设置】。
4. 单击【开发设置】,然后单击【设置】,设置接口加签方式。
5. 在【加签管理】页面,选择公钥加签模式,填写公钥字符。参考以下步骤生成所需要的RSA密钥对。
a. 下载密钥生成工具。
- Windows:密钥生成工具
说明:Windows版本工具请不要安装在含有空格的目录路径下。
- Mac:密钥生成工具
b. 运行AlipayDevelopmentAssistant文件。
c. 在【生成密钥】页面,密钥长度选择RSA2,密钥格式选择PKCS8(Java适用),然后单击【生成密钥】。
d. 单击【打开密钥文件路径】查看生成的公钥和密钥。
注意: 生成的私钥需妥善保管,避免遗失,不要泄露。应用私钥需填写到代码中供签名时使用。应用公钥需提供给支付宝账号管理者上传到支付宝开放平台。
2. 开通小程序云服务
1. 登录小程序云控制台。
2. 在【云产品开通页面】,单击《小程序云服务协议》链接。
3. 在阅读后,勾选【我已阅读并同意《小程序云服务协议》】复选框,然后单击【立即开通】。
4. 单击【前往RAM进行授权】。
5. 单击【同意授权】完成访问授权。
3. 创建服务空间
1. 在小程序云控制台的左侧导航栏,单击【小程序Serverless】>【服务空间管理】。
2. 单击【创建服务空间】,输入服务空间名称,然后单击【确定】。
3. 创建成功后,单击【详情】查看space ID、secret和endpoint信息。
4. 单击【小程序Serverless 】> 【云数据库】,然后在页面右上角选择已创建的服务空间。
5. 单击已建数据库中的权限,选择自定义安全规则,修改数据库权限,将 write 权限修改为 true。
4. 添加支付宝小程序
1. 登录小程序云控制台。
2. 左侧导航栏,单击【小程序Serverless】> 【设置】。
3. 单击【支付宝】页签,然后单击【添加】。
4. 输入要关联的小程序的APPID。APPID请在蚂蚁金服开放平台的小程序应用详情页查看。
5. 输入您的应用私钥,即密钥生成工具在本地生成的小程序RSA私钥。
6. 输入支付宝公钥,支付宝公钥从蚂蚁金服开放平台 >【开发中心】>【设置】>【开发设置】>【开发信息】中的接口加签方式中查看获取。
第 3 章:体验
1. 获取模板代码
1. 打开小程序开发者工具,在首页小程序模板的选择端分类中选择【支付宝】,然后点击【下一步】。
2.进入选择模板中,选择【相册】。
3.填写好项目名称和项目地址就可以点击【完成】。
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的模拟器,就可以预览相册小程序了。您可以在小程序中新建相册,并将本地图片上传至相册中。
实验链接:https://developer.aliyun.com/adc/scenario/b34a753aa4654723a04e9fe76a161a04