卡比图床项目——LeanCloud实现登录注册

254 阅读1分钟

已经做好了登录和注册页面的前端功能,现在需要有和服务器交互的需求了。 本项目选择LeanCloud平台为我们提供后端的支持。

LeanCloud介绍

LeanCloud是一个Serverless云服务,可以为产品开发提供强有力的后端支持。我们只需要调用它提供给前端的API就可以自动实现后端的处理。

注册完LeanCloud后点击创建应用,选择开发版

截屏2022-12-14 13.36.33.png

JS的SDK使用文档

首先需要安装SDK

$ npm install leancloud-storage --save

安装完成后在代码中来进行引用

import AV,{Query,User} from "leancloud-storage";

随后进行初始化

AV.init({
  appId: "wWAUvlcYC9A5Ux3xSD4Iznm8-gzGzoHsz",
  appKey: "HM2s8fp2eR1ESJWPjVyKOtBQ",
  serverURL: "https://please-replace-with-your-customized.domain.com"
});

进行一下代码测试:

截屏2022-12-14 15.19.34.png

截屏2022-12-14 15.34.18.png 证明可以运行 换一个账号继续测试:

截屏2022-12-14 15.37.05.png 并且后台得到两条数据 截屏2022-12-14 15.36.41.png

完成登录注册接口

我们规定把所有和服务器相关的操作放在models目录下。 将刚才的测试代码进行一些细节改动,并添加promise封装

完善注册、登录、注销逻辑 截屏2022-12-14 15.50.38.png

截屏2022-12-14 15.58.39.png