微信小程序云开发之Web端SDK使用实现PC端文件上传云存储

微信小程序云开发之Web端SDK使用实现PC端文件上传云存储

最近在完成一个项目，其中涉及到对微信小程序内容的管理，想着是管理人员在PC端使用浏览器进入页面进行小程序云数据库和云存储的管理，所以尝试着使用了微信小程序云开发的 Web 端 SDK 进行了云资源的访问，下面介绍是如何实现的电脑本地文件上传到云存储的。

提示：此文章的内容是在进行微信小程序开发的过程中编辑的，对腾讯云环境的使用是基于微信开发者工具的，并非直接的腾讯云开发。

1.官方API文档的阅读与使用

① 打开云开发的文档页面

在左侧找到“开发者资源”展开，找到“SDK文档”。

在“初始化”---“Web”中可以查看具体的初始化方式：

关于Web端使用云环境的未登录模式：

① 在网页中使用未登录模式，需在控制台中开启允许未登录访问

"云控制台 - 设置 - 权限设置" 中手动为云环境开启允许未登录访问

② 在未登录模式下，C 端权限控制必须使用安全规则，即云函数、数据库和文件存储的访问都必须通过安全规则，因此控制台设置时除了开启允许未登录访问云环境外，还必须在云函数、数据库和文件存储分别的权限设置中选择安全规则并配置。未登录用户访问时，安全规则的 auth 字段为空，可以此判断请求来自未登录用户的访问。

2.具体的代码实现过程

html文件的body部分代码如下：

html文件的script部分代码如下：

3.注意事项

云存储的权限要打开，允许所有人写入，否则无法上传文件。