使用Laf简单实现多设备之间的文本复制

Xiaoh

新建应用

新建云函数

请保持函数名称相同

import cloud from '@lafjs/cloud'

const PASSWORD = cloud.env.PASSWORD;

export async function main(ctx: FunctionContext) {
  if(ctx.body.password === PASSWORD) {
    ctx.response.status(200).send({
      access_token: cloud.getToken({
        uid: "laf",
        exp: Math.floor(Date.now() / 1000) + 60 * 20,
      })
    });
  } else 
    ctx.response.status(404).send({message: "invalid password"});
}

add

import cloud from '@lafjs/cloud'

const db = cloud.database();

export async function main(ctx: FunctionContext) {
  if(!ctx.user) {
    ctx.response.status(404).send({
      message: "invalid token"
    });
  } 
  const res = await db.collection("collection").add({
    timeStamp: new Date().getTime(),
    content: ctx.body.content
  });
  if(res.ok)
    ctx.response.status(200).send({
      ok: res.ok,
      message: "content uploaded successfully"
    })
  else 
    ctx.response.status(404).send({
      ok: res.ok,
      message: "error"
    })
}

get_list

import cloud from '@lafjs/cloud'

const db = cloud.database();

export async function main(ctx: FunctionContext) {
  if(!ctx.user) {
    ctx.response.status(404).send({
      message: "invalid token"
    });
  }
  const res = await db.collection("collection").orderBy('timeStamp', 'desc').get()
  if(res.ok)
    ctx.response.status(200).send({
      contents: res.data,
    })
  else
    ctx.response.status(404).send({
      message: "error"
    })
}

clear

import cloud from '@lafjs/cloud'

const db = cloud.database();

export async function main(ctx: FunctionContext) {
  if (!ctx.user) {
    ctx.response.status(404).send({
      message: "invalid token"
    });
  }
  const res = await db.collection("collection").remove({ multi: true });
  if (res.ok) {
    ctx.response.status(200).send({
      ok: res.ok
    })
  } else {
    ctx.response.status(404).send({
      ok: res.ok
    })
  }
}

添加环境变量

添加自己使用的密码
变量名为 PASSWORD

复制网页 (index.html)

下载地址
注意修改两处地方 (修改文件名后缀 txt -> html)

使用自己的ApplicationID
注意使用的是 run 还是 dev

使用Laf提供的静态网页托管服务

参考链接

新建一个存储bucket
上传修改后的index.html

点击 Enable website hosting

效果:

点击即可复制到剪贴板中

Night

好东西呀，帮你优化了一下代码格式！

Xiaoh

Night 谢谢!

Sealos 首席道歉官

公众号可发～

Xiaoh

✨ 无需刷新获得其他设备上传的文本 (增加websocket

添加云函数

`websocket`

import cloud from '@lafjs/cloud'

type scoketWithId = { socket: WebSocket, id: string };
const CLIENTS = "CLISENTS"

function getUniqueID() {
  function s4() {
    return Math.floor((1 + Math.random()) * 0x10000).toString(16).substring(1);
  }
  return s4() + s4() + '-' + s4();
};

const broadcast = (clients: scoketWithId[], tp: string) => {
  clients.forEach(client => {
    if (client.socket.readyState == 1)
      client.socket.send(JSON.stringify({
        tp
      }))
  })
}

export async function main(ctx: FunctionContext) {
  if (ctx.method === "WebSocket:connection") {
    let clients = cloud.shared.get(CLIENTS);
    const newClient: scoketWithId = { socket: ctx.socket, id: getUniqueID() };
    if (!clients) {
      cloud.shared.set(CLIENTS, [newClient]);
    } else {
      cloud.shared.set(CLIENTS, [...clients, newClient]);
    }
    ctx.socket.send(JSON.stringify({ id: newClient.id, tp: "connection" }));
  }

  if (ctx.method === "WebSocket:message") {
    const { tp, ...rest } = JSON.parse(String.fromCharCode.apply(null, ctx.params.data));
    if (tp === "reload-copy" || tp === "clear") {
     broadcast(cloud.shared.get(CLIENTS), tp);
    }
    const clients = (cloud.shared.get(CLIENTS) as scoketWithId[]).filter(client => client.socket.readyState !== 3);
    cloud.shared.set(CLIENTS, clients);
  }
}

verify

import cloud from '@lafjs/cloud'

export async function main(ctx: FunctionContext) {
  if(ctx.user) {
    ctx.response.status(200).send({ok: true})
  } else {
    ctx.response.status(404).send({ ok: false })
  }
}

Night

Xiaoh 好耶～