热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

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

本场景基于小程序云Serverless+小程序开发者工具(IDE),快速搭建个人相册小程序场景体验目标本场景,我们将通过实战“个人相册小程序”开发,教你如何借助小程序&am

本场景基于小程序云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的模拟器,就可以预览相册小程序了。您可以在小程序中新建相册,并将本地图片上传至相册中。


推荐阅读
  • 在Android开发中,使用Picasso库可以实现对网络图片的等比例缩放。本文介绍了使用Picasso库进行图片缩放的方法,并提供了具体的代码实现。通过获取图片的宽高,计算目标宽度和高度,并创建新图实现等比例缩放。 ... [详细]
  • 本文介绍了Redis的基础数据结构string的应用场景,并以面试的形式进行问答讲解,帮助读者更好地理解和应用Redis。同时,描述了一位面试者的心理状态和面试官的行为。 ... [详细]
  • 本文介绍了计算机网络的定义和通信流程,包括客户端编译文件、二进制转换、三层路由设备等。同时,还介绍了计算机网络中常用的关键词,如MAC地址和IP地址。 ... [详细]
  • 如何在服务器主机上实现文件共享的方法和工具
    本文介绍了在服务器主机上实现文件共享的方法和工具,包括Linux主机和Windows主机的文件传输方式,Web运维和FTP/SFTP客户端运维两种方式,以及使用WinSCP工具将文件上传至Linux云服务器的操作方法。此外,还介绍了在迁移过程中需要安装迁移Agent并输入目的端服务器所在华为云的AK/SK,以及主机迁移服务会收集的源端服务器信息。 ... [详细]
  • 小程序自动授权和手动接入的方式及操作步骤
    本文介绍了小程序支持的两种接入方式:自动授权和手动接入,并详细说明了它们的操作步骤。同时还介绍了如何在两种方式之间切换,以及手动接入后如何下载代码包和提交审核。 ... [详细]
  • 本文介绍了在开发Android新闻App时,搭建本地服务器的步骤。通过使用XAMPP软件,可以一键式搭建起开发环境,包括Apache、MySQL、PHP、PERL。在本地服务器上新建数据库和表,并设置相应的属性。最后,给出了创建new表的SQL语句。这个教程适合初学者参考。 ... [详细]
  • 本文介绍了在rhel5.5操作系统下搭建网关+LAMP+postfix+dhcp的步骤和配置方法。通过配置dhcp自动分配ip、实现外网访问公司网站、内网收发邮件、内网上网以及SNAT转换等功能。详细介绍了安装dhcp和配置相关文件的步骤,并提供了相关的命令和配置示例。 ... [详细]
  • 如何使用Java获取服务器硬件信息和磁盘负载率
    本文介绍了使用Java编程语言获取服务器硬件信息和磁盘负载率的方法。首先在远程服务器上搭建一个支持服务端语言的HTTP服务,并获取服务器的磁盘信息,并将结果输出。然后在本地使用JS编写一个AJAX脚本,远程请求服务端的程序,得到结果并展示给用户。其中还介绍了如何提取硬盘序列号的方法。 ... [详细]
  • t-io 2.0.0发布-法网天眼第一版的回顾和更新说明
    本文回顾了t-io 1.x版本的工程结构和性能数据,并介绍了t-io在码云上的成绩和用户反馈。同时,还提到了@openSeLi同学发布的t-io 30W长连接并发压力测试报告。最后,详细介绍了t-io 2.0.0版本的更新内容,包括更简洁的使用方式和内置的httpsession功能。 ... [详细]
  • 本文介绍了RPC框架Thrift的安装环境变量配置与第一个实例,讲解了RPC的概念以及如何解决跨语言、c++客户端、web服务端、远程调用等需求。Thrift开发方便上手快,性能和稳定性也不错,适合初学者学习和使用。 ... [详细]
  • 本文介绍了Web学习历程记录中关于Tomcat的基本概念和配置。首先解释了Web静态Web资源和动态Web资源的概念,以及C/S架构和B/S架构的区别。然后介绍了常见的Web服务器,包括Weblogic、WebSphere和Tomcat。接着详细讲解了Tomcat的虚拟主机、web应用和虚拟路径映射的概念和配置过程。最后简要介绍了http协议的作用。本文内容详实,适合初学者了解Tomcat的基础知识。 ... [详细]
  • Python瓦片图下载、合并、绘图、标记的代码示例
    本文提供了Python瓦片图下载、合并、绘图、标记的代码示例,包括下载代码、多线程下载、图像处理等功能。通过参考geoserver,使用PIL、cv2、numpy、gdal、osr等库实现了瓦片图的下载、合并、绘图和标记功能。代码示例详细介绍了各个功能的实现方法,供读者参考使用。 ... [详细]
  • 本文介绍了使用cacti监控mssql 2005运行资源情况的操作步骤,包括安装必要的工具和驱动,测试mssql的连接,配置监控脚本等。通过php连接mssql来获取SQL 2005性能计算器的值,实现对mssql的监控。详细的操作步骤和代码请参考附件。 ... [详细]
  • SpringMVC接收请求参数的方式总结
    本文总结了在SpringMVC开发中处理控制器参数的各种方式,包括处理使用@RequestParam注解的参数、MultipartFile类型参数和Simple类型参数的RequestParamMethodArgumentResolver,处理@RequestBody注解的参数的RequestResponseBodyMethodProcessor,以及PathVariableMapMethodArgumentResol等子类。 ... [详细]
  • 本文讨论了编写可保护的代码的重要性,包括提高代码的可读性、可调试性和直观性。同时介绍了优化代码的方法,如代码格式化、解释函数和提炼函数等。还提到了一些常见的坏代码味道,如不规范的命名、重复代码、过长的函数和参数列表等。最后,介绍了如何处理数据泥团和进行函数重构,以提高代码质量和可维护性。 ... [详细]
author-avatar
落了个小妞农_602
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有