基于小程序Serverless开发个人相册小程序

简介: 本场景基于小程序云Serverless+小程序开发者工具(IDE),快速搭建个人相册小程序

基于小程序Serverless开发个人相册小程序


第 1 章:准备

1. 安装环境

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

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

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

  • 第 2 章:应用配置

1. 创建支付宝小程序应用

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

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

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

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

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

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

a. 下载密钥生成工具。

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

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

相关实践学习
【玩转ComfyUI】基于函数计算一键部署AI生图平台ComfyUI
本次实验将带大家通过使用阿里云产品函数计算FC,快速使用ComfyUI实现更高质量的图像生成。
从 0 入门函数计算
在函数计算的架构中,开发者只需要编写业务代码,并监控业务运行情况就可以了。这将开发者从繁重的运维工作中解放出来,将精力投入到更有意义的开发任务上。
相关文章
|
人工智能 小程序 前端开发
一个小程序轻量AR体感游戏,开发实现解决方案
针对青少年运动兴趣不足问题,AR体感游戏凭借沉浸式互动体验脱颖而出。结合小程序“AI运动识别”插件与WebGL渲染技术,可实现无需外设的轻量化AR健身游戏,如跳糕、切水果等,兼具趣味性与锻炼效果,适用于儿童健身及职工团建,即开即玩,低门槛高参与。
|
运维 小程序 数据可视化
小程序开发平台有哪些?SaaS小程序制作平台哪个好
小程序开发模式详解:自主开发、SaaS小程序制作平台与外包全对比 选择合适的小程序开发模式,是项目成功的基石。这三种模式在成本、周期、控制力和灵活性上各有千秋,适用于不同阶段和不同类型的企业。下面我们将逐一深入剖析。
1228 8
|
移动开发 小程序 前端开发
小程序开发平台有哪些?哪个好
小程序的开发方式丰富多元,开发团队可根据自身的技术背景、项目具体需求以及资源状况,灵活挑选最为适宜的开发路径。以下将详细介绍几种主流的小程序开发方式。
1095 1
|
移动开发 小程序 前端开发
小程序快速开发平台有哪些?
小程序开发并非“一刀切”,需结合技术储备、资金预算、时间规划及功能需求等多维度因素综合考量。以下为您详细拆解五种主流开发方案及其适用场景,助您精准匹配开发路径。
783 3
|
移动开发 小程序 前端开发
小程序开发平台有哪些?小程序开发制作软件推荐
小程序开发方案全解析:5种主流方式与选择指南 小程序开发需根据技术能力、预算、时间及功能需求综合决策。以下为5种主流开发方案及适用场景分析:
26807 0
|
小程序 前端开发 Java
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
JavaDog Chat v1.0.0 是一款基于 SpringBoot、MybatisPlus 和 uniapp 的简易聊天软件,兼容 H5、小程序和 APP,提供丰富的注释和简洁代码,适合初学者。主要功能包括登录注册、消息发送、好友管理及群组交流。
641 1
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
|
小程序 前端开发 JavaScript
在线课堂+工具组件小程序uniapp移动端源码
在线课堂+工具组件小程序uniapp移动端源码
579 0
在线课堂+工具组件小程序uniapp移动端源码
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
5717 3

热门文章

最新文章

相关产品

  • 函数计算