前言
在前端开发中,我们常常需要将数据存储到云端,而 Parse 平台提供了一种方便快捷的解决方案。Parse 平台是开源的,支持多种语言,后端可以使用自己的服务器或者 Parse 官方提供的解决方案(Parse Server)。在本文中,我将介绍使用 npm 包 @parse/fs-files-adapter 将文件存储到本地服务器的方法。
步骤
安装依赖
首先,在项目目录下打开终端,执行以下命令:
npm install @parse/fs-files-adapter
配置文件
在项目中的任意位置新建一个 parse-server-config.json
文件,配置文件内容如下:
-- -------------------- ---- ------- - -------- ---------------------- ------------ -------------------------- ------------ ------------------------------ --------------- - --------- -------------------------- ---------- - -------------------- ----------- ---------- ----------------------- - -- -------------- ------------------------------- -
其中,appId
和 masterKey
由使用者自定义,serverURL
是 Parse Server 的地址,filesAdapter
的 module
属性设置为 @parse/fs-files-adapter
,options
中可配置文件存放的子目录 filesSubDirectory
和文件的访问链接 baseUrl
。databaseURI
是 MongoDB 数据库的地址,也由使用者自定义。
启动服务
在终端中执行以下命令启动 Parse Server:
parse-server ./parse-server-config.json
如果一切正常,我们可以在浏览器中访问 http://localhost:1337/parse
来确认服务器已启动。
上传文件
在客户端中使用 Parse SDK 上传文件,示例代码如下:
const file = new Parse.File("hello.txt", { base64: "SGVsbG8gV29ybGQh" }); file.save().then((result) => { console.log(result); }, (error) => { console.log(error); });
其中,hello.txt
是文件名,base64
是文件的 Base64 编码。
访问文件
最后,我们可以在浏览器中访问 http://localhost:1337/uploads/hello.txt
来查看上传的文件。uploads
目录与 filesSubDirectory
属性相对应。如果一切正常,我们应该能够看到 "Hello World!" 的内容。
总结
本文介绍了使用 npm 包 @parse/fs-files-adapter 将文件存储到本地服务器的方法。希望通过本文的学习,读者能够更好地理解和掌握 Parse 平台的相关知识,提高自己的编程能力。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/parse-the-fs-files-adapter