如何使用小程序云开发微信源站可能有防盗链机制

2023-08-08
来源:网络整理

本文主要以小程序云服务开发记事本微信小程序为例,介绍如何使用小程序云开发微信小程序。 记事本小程序的开发涉及云函数调用、云数据库存储、图片存储等功能,更好地展示了小程序云服务如何在实际研发场景中帮助开发者提高研发效率。

1. 准备工作

开始之前,请确保您已完成以下准备工作:

1、注册微信开放平台账号,创建微信小程序,并获取微信小程序;

2.下载并安装微信开发者工具;

3. 开发环境已安装。

2、操作步骤

2.1. 第一步:开通小程序云服务

阿里云账号首次使用小程序云服务时,需要激活小程序云服务:

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

2. 在产品激活页面,查看服务协议并单击“立即激活”。

【外链图片传输失败,源站可能有防盗链机制,建议保存图片直接上传(img--64)()]

2.2. 步骤2 创建服务空间

用于开发小程序的小程序云相关资源,如云功能、数据库、文件存储等,均在服务空间维度进行管理。 每个服务空间都有一个全局唯一的ID,小程序在使用云资源时通过该ID与特定的云资源关联。

我们通过以下步骤创建服务空间并获取相关配置:

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

2. 在左侧导航栏中选择小程序 > 服务空间管理。

3. 单击创建服务空间,填写服务空间名称和描述,然后单击确定。

4、创建成功后,点击服务空间右侧详情,可以查看ID、API、文件上传等信息,并保存信息以备后用。

[外链图片传输失败,源站可能有防盗链机制,建议保存图片直接上传(img--79)()]

2.3、第3步创建微信小程序并配置域名白名单

微信会对小程序需要通过网络访问的服务商进行白名单限制。 我们还需要配置小程序服务器域名白名单:

1.登录微信小程序公众平台。

2. 在左侧导航栏中选择“开发”,单击“开发设置”页签。

3. 在服务器域名区域,单击“修改”,根据提示重新扫码进行身份认证。

4、根据步骤2保存的服务空间信息配置合法域名()和合法域名,确认无误后保存。

配置说明:

合法域名:API.

合法域名:文件上传。

2.4、第四步在小程序云控制台添加微信小程序凭证

我们还需要在小程序云控制台添加微信小程序凭证:

1. 在小程序云控制台左侧导航栏中,选择小程序 > 设置。

2.选择微信选项卡,点击添加密钥,输入App,点击确定。 (微信小程序及App获取方式请参见链接,请妥善保存小程序App)

[外链图片传输失败,源站可能有防盗链机制,建议保存图片直接上传(img--97)()]

2.5. 步骤5 初始化小程序项目

创建一个小程序项目

在微信开发者工具中新建一个项目,填写,勾选“不使用云服务”。

IDE配置

在微信小程序IDE右上角,点击详情,勾选增强编译。

在 1.02 中。 以及更高版本的微信开发者工具,增加了增强编译的选项,增强ES6转换为ES5的能力。 启用后,将使用新的编译逻辑,并提供额外的选项供开发者使用。

引入小程序云客户端SDK

在使用小程序云服务之前,我们需要在小程序中安装小程序云客户端SDK并初始化。 关于小程序客户端SDK的更多信息,请参见安装客户端SDK 2.3。

对于微信小程序,我们需要直接导入SDK源文件。 将下载的.js保存在本项目文件的文件夹中,建议单独保存。 例如本项目中的存储路径: /sdk/.js 。

初始化SDK

打开项目根目录下的app.js文件,在构造App对象之前添加以下代码:

并根据我们之前得到的,,,参数填写单引号中的内容。

然后,我们通过以下方式进行登录授权并获取用户身份信息:

获取到的字段中有字段,可以唯一标识用户身份。

2.6、第六步服务空间配置

小程序云初始化完成后,我们就可以在小程序中使用相关服务了。 我们首先登录小程序云控制台,配置数据库、云存储、云功能。

创建数据表并配置权限

小程序服务采用分布式文件存储数据库,以JSON格式存储数据。 一个数据库可以包含多个数据表,我们在存储数据之前需要创建对应的数据表。

A。 在小程序云控制台左侧导航栏选择小程序 > 云数据库。

b. 单击新建数据表按钮 + ,输入数据表名称(以此为例),然后单击确定。

【外链图片传输失败,源站可能有防盗链机制,建议保存图片直接上传(img--12)()]

C。 创建新数据库“”后,点击设置数据库权限按钮,进入修改数据库权限界面,将权限修改为true。

配置云存储访问权限

本例中记事本功能涉及到上传图片,因此我们需要配置云存储访问权限:

A。 在小程序云控制台左侧导航栏选择小程序 > 云存储。

b. 点击权限选项卡,进入权限设置,设置云存储的读写权限。 此时默认的权限是数据创建者可写。

【外链图片传输失败,源站可能有防盗链机制,建议保存图片直接上传(img--17)()]

创建云函数并上传

云函数(FaaS)是一段在云上运行的轻量级、不相关且可重用的代码。 无需管理服务器,只需编写并上传代码,即可获取相应的数据结果。 使用云功能可以使企业和开发者无需担心服务器或底层运维设施,并且可以进一步解耦代码,增加其复用性。 小程序端只需要导入小程序云的SDK,并在应用上下文中进行简单的配置即可调用云功能。

在调用之前,我们需要编写并上传云函数。

在本例中,我们将创建一个名为 的云函数,其逻辑是传入一个备忘录条目并将该备忘录条目存储在云数据库中。

A。 登录小程序云控制台,在对应的服务空间下新建云功能。 添加成功后,您可以在控制台查看云函数名称、备注等信息。

b. 我们在本地开发js代码来实现上述逻辑,并保存为一个简单的.js文件,如:

如上所述,这个js文件实现了一个简单的逻辑:传入笔记项并将其存储到云数据库中。

C。 将 .js 文件放入一个文件夹中,并将该文件夹压缩为 .zip。

d. 在小程序云控制台的云函数页面,点击云函数名称或左右管理进入当前隐式函数的详情页面,点击上传js包.zip,显示上传成功后点击代码部署。

代码包上传说明:

· 代码包的名称必须与控制台创建的函数名称一致。

· 代码包必须是.zip文件。

· 上传的代码包必须包含.js文件。

出现如下界面说明部署成功(注意右上角“部署成功”提示):

如果您需要更新云功能,只需点击“更新js包”按钮并上传新的.zip文件即可。

注意:仅修改本地文件无法修改云函数的内容。 每次尝试修改云函数时,都需要重新创建压缩包源码开发小程序,并在后台云函数中点击“更新js包”。

2.7、第七步小程序开发

分享