| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399 |
- //CloudObject.ts
- export class CloudObject {
- className: string;
- id: string | null = null;
- createdAt:any;
- updatedAt:any;
- data: Record<string, any> = {};
- constructor(className: string) {
- this.className = className;
- }
- toPointer() {
- return { "__type": "Pointer", "className": this.className, "objectId": this.id };
- }
- set(json: Record<string, any>) {
- Object.keys(json).forEach(key => {
- if (["objectId", "id", "createdAt", "updatedAt", "ACL"].indexOf(key) > -1) {
- return;
- }
- this.data[key] = json[key];
- });
- }
- get(key: string) {
- return this.data[key] || null;
- }
- async save() {
- let method = "POST";
- let url = `http://dev.fmode.cn:1337/parse/classes/${this.className}`;
- // 更新
- if (this.id) {
- url += `/${this.id}`;
- method = "PUT";
- }
- const body = JSON.stringify(this.data);
- const response = await fetch(url, {
- headers: {
- "content-type": "application/json;charset=UTF-8",
- "x-parse-application-id": "dev"
- },
- body: body,
- method: method,
- mode: "cors",
- credentials: "omit"
- });
- const result = await response?.json();
- if (result?.error) {
- console.error(result?.error);
- }
- if (result?.objectId) {
- this.id = result?.objectId;
- }
- return this;
- }
- async destroy() {
- if (!this.id) return;
- const response = await fetch(`http://dev.fmode.cn:1337/parse/classes/${this.className}/${this.id}`, {
- headers: {
- "x-parse-application-id": "dev"
- },
- body: null,
- method: "DELETE",
- mode: "cors",
- credentials: "omit"
- });
- const result = await response?.json();
- if (result) {
- this.id = null;
- }
- return true;
- }
- }
- // CloudQuery.ts
- export class CloudQuery {
- className: string;
- whereOptions: Record<string, any> = {};
- constructor(className: string) {
- this.className = className;
- }
- greaterThan(key: string, value: any) {
- if (!this.whereOptions[key]) this.whereOptions[key] = {};
- this.whereOptions[key]["$gt"] = value;
- }
- greaterThanAndEqualTo(key: string, value: any) {
- if (!this.whereOptions[key]) this.whereOptions[key] = {};
- this.whereOptions[key]["$gte"] = value;
- }
- lessThan(key: string, value: any) {
- if (!this.whereOptions[key]) this.whereOptions[key] = {};
- this.whereOptions[key]["$lt"] = value;
- }
- lessThanAndEqualTo(key: string, value: any) {
- if (!this.whereOptions[key]) this.whereOptions[key] = {};
- this.whereOptions[key]["$lte"] = value;
- }
- equalTo(key: string, value: any) {
- this.whereOptions[key] = value;
- }
- async get(id: string) {
- const url = `http://dev.fmode.cn:1337/parse/classes/${this.className}/${id}?`;
- const response = await fetch(url, {
- headers: {
- "if-none-match": "W/\"1f0-ghxH2EwTk6Blz0g89ivf2adBDKY\"",
- "x-parse-application-id": "dev"
- },
- body: null,
- method: "GET",
- mode: "cors",
- credentials: "omit"
- });
- const json = await response?.json();
- return json || {};
- }
- async find() {
- let url = `http://dev.fmode.cn:1337/parse/classes/${this.className}?`;
- if (Object.keys(this.whereOptions).length) {
- const whereStr = JSON.stringify(this.whereOptions);
- url += `where=${whereStr}`;
- }
- const response = await fetch(url, {
- headers: {
- "if-none-match": "W/\"1f0-ghxH2EwTk6Blz0g89ivf2adBDKY\"",
- "x-parse-application-id": "dev"
- },
- body: null,
- method: "GET",
- mode: "cors",
- credentials: "omit"
- });
- const json = await response?.json();
- let list = json?.results || []
- let objList = list.map((item:any)=>this.dataToObj(item))
- return objList || [];
- }
- async first() {
- let url = `http://dev.fmode.cn:1337/parse/classes/${this.className}?`;
- if (Object.keys(this.whereOptions).length) {
- const whereStr = JSON.stringify(this.whereOptions);
- url += `where=${whereStr}`;
- }
- const response = await fetch(url, {
- headers: {
- "if-none-match": "W/\"1f0-ghxH2EwTk6Blz0g89ivf2adBDKY\"",
- "x-parse-application-id": "dev"
- },
- body: null,
- method: "GET",
- mode: "cors",
- credentials: "omit"
- });
- const json = await response?.json();
- const exists = json?.results?.[0] || null;
- if (exists) {
- let existsObject = this.dataToObj(exists)
- return existsObject;
- }
- return null
- }
- //使得页面上获得的数据是由CloudObject构成的
- dataToObj(exists:any):CloudObject{
- let existsObject = new CloudObject(this.className);
- existsObject.set(exists);
- existsObject.id = exists.objectId;
- existsObject.createdAt = exists.createdAt;
- existsObject.updatedAt = exists.updatedAt;
- return existsObject;
- }
- }
- // CloudUser.ts
- export class CloudUser extends CloudObject {
- sessionToken: string | null = ""; // 用户的 sessionToken,用于身份验证
- constructor() {
- super("_User"); // 调用父类构造函数,指定类名为 "User"
- // 读取用户缓存信息
- let userCacheStr = localStorage.getItem("NCloud/dev/User");
- if (userCacheStr) {
- let userData = JSON.parse(userCacheStr);
- // 设置用户信息
- this.id = userData?.objectId; // 设置用户 ID
- this.sessionToken = userData?.sessionToken; // 设置 sessionToken
- this.data = userData; // 保存用户数据
- }
- }
- /** 获取当前用户信息 */
- async current() {
- // 检查用户是否登录
- if (!this.sessionToken) {
- console.error("用户未登录");
- return null; // 如果未登录,返回 null
- }
- return this;
-
- // // 发送 GET 请求以获取当前用户信息
- // const response = await fetch(`http://dev.fmode.cn:1337/parse/users/me`, {
- // headers: {
- // "x-parse-application-id": "dev",
- // "x-parse-session-token": this.sessionToken // 使用 sessionToken 进行身份验证
- // },
- // method: "GET"
- // });
- // const result = await response?.json(); // 解析响应
- // if (result?.error) {
- // console.error(result?.error); // 处理错误
- // return null;
- // }
- // return result; // 返回用户信息
-
- }
- /** 登录 */
- async login(username: string, password: string): Promise<CloudUser | null> {
- // 发送 POST 请求以进行用户登录
- const response = await fetch(`http://dev.fmode.cn:1337/parse/login`, {
- headers: {
- "x-parse-application-id": "dev",
- "Content-Type": "application/json"
- },
- body: JSON.stringify({ username, password }), // 登录凭据
- method: "POST"
- });
- const result = await response?.json(); // 解析响应
- if (result?.error) {
- console.error(result?.error); // 处理错误
- return null;
- }
-
- // 设置用户信息
- this.id = result?.objectId; // 设置用户 ID
- this.sessionToken = result?.sessionToken; // 设置 sessionToken
- this.data = result; // 保存用户数据
- // 缓存用户信息到 localStorage
- console.log(result);
- localStorage.setItem("NCloud/dev/User", JSON.stringify(result));
- return this; // 返回当前用户实例
- }
- /** 登出 */
- async logout() {
- // 检查用户是否登录
- if (!this.sessionToken) {
- console.error("用户未登录");
- return;
- }
- // 发送 POST 请求以进行用户登出
- const response = await fetch(`http://dev.fmode.cn:1337/parse/logout`, {
- headers: {
- "x-parse-application-id": "dev",
- "x-parse-session-token": this.sessionToken // 使用 sessionToken 进行身份验证
- },
- method: "POST"
- });
- const result = await response?.json(); // 解析响应
- if (result?.error) {
- console.error(result?.error); // 处理错误
- return false; // 登出失败
- }
- // 清除用户信息
- localStorage.removeItem("NCloud/dev/User"); // 从 localStorage 中移除用户信息
- this.id = null; // 清除用户 ID
- this.sessionToken = null; // 清除 sessionToken
- this.data = {}; // 清空用户数据
- return true; // 登出成功
- }
- /** 注册 */
- async signUp(username: string, password: string, additionalData: Record<string, any> = {}) {
- // 构建用户数据
- const userData = {
- username,
- password,
- ...additionalData // 合并额外的用户数据
- };
- // 发送 POST 请求以进行用户注册
- const response = await fetch(`http://dev.fmode.cn:1337/parse/users`, {
- headers: {
- "x-parse-application-id": "dev",
- "Content-Type": "application/json"
- },
- body: JSON.stringify(userData), // 注册凭据
- method: "POST"
- });
- const result = await response?.json(); // 解析响应
- if (result?.error) {
- console.error(result?.error); // 处理错误
- return null; // 注册失败
- }
- // 设置用户信息
- this.id = result?.objectId; // 设置用户 ID
- this.sessionToken = result?.sessionToken; // 设置 sessionToken
- this.data = result; // 保存用户数据
- return this; // 返回当前用户实例
- }
- //覆盖save方法
- override async save() {
- let method = "POST";
- let url = `http://dev.fmode.cn:1337/parse/users`;
-
- // 更新用户信息
- if (this.id) {
- url += `/${this.id}`;
- method = "PUT";
- }
-
- let data:any = JSON.parse(JSON.stringify(this.data))
- delete data.createdAt
- delete data.updatedAt
- delete data.ACL
- delete data.objectId
- const body = JSON.stringify(data);
- let headersOptions:any = {
- "content-type": "application/json;charset=UTF-8",
- "x-parse-application-id": "dev",
- "x-parse-session-token": this.sessionToken, // 添加sessionToken以进行身份验证
- }
- const response = await fetch(url, {
- headers: headersOptions,
- body: body,
- method: method,
- mode: "cors",
- credentials: "omit"
- });
-
- const result = await response?.json();
- if (result?.error) {
- console.error(result?.error);
- }
- if (result?.objectId) {
- this.id = result?.objectId;
- }
- localStorage.setItem("NCloud/dev/User",JSON.stringify(this.data))
- return this;
- }
- }
- //CloudPost.ts
- export class CloudPost extends CloudObject {
- constructor() {
- super('FilmPost'); // 调用父类构造函数,指定类名
- }
- // 设置帖子数据,包括发布者信息
- setPostData(postData: Record<string, any>, userId: string|null) {
- this.set(postData); // 设置帖子内容
- this.data["author"] = { "__type": "Pointer", "className": "_User", "objectId": userId }; // 设置发布者信息
- }
- // 更新帖子数据
- async updatePost(postData: Record<string, any>) {
- this.set(postData); // 更新帖子内容
- return await this.save(); // 保存更新
- }
- // 删除帖子
- async deletePost() {
- return await this.destroy(); // 调用父类的 destroy 方法
- }
- }
|