返回顶部
首页 > 资讯 > 前端开发 > JavaScript >nodejs抓取notion emoji svg资源的脚本示例
  • 945
分享到

nodejs抓取notion emoji svg资源的脚本示例

nodejs脚本notion emoji svgnodejs 脚本抓取 2023-02-05 15:02:11 945人浏览 薄情痞子
摘要

目录前言调研准备工作emoji.JSON 文件node脚本准备正式脚本结语前言 最近在做emoji表情,在windows环境预览效果不太理想,也缺少很多字体图标的显示,为了让各种环

前言

最近在做emoji表情,在windows环境预览效果不太理想,也缺少很多字体图标的显示,为了让各种环境显示一致,决定用svg图片代替字体图标。让设计去搞这些资源,有一千多个图标,比较费力。于是决定自己写个脚本去抓这些资源。notion有这些资源,开始去抓。

调研准备工作

之前在做emoji的时候,有Unicode Id,notion中的资源名称也是用Unicode id做文件名。根据id关联,我们就可以直接开始了。

emoji.json 文件

 {
    "id": "u1f600",
    "name": "嘿嘿",
    "font": "?",
    "keyWord": "?^嘿嘿^笑^^嘿嘿|笑脸|脸"
 }
 ....

node脚本准备

俗话说,工欲善其事必先利其器,在写脚本之前,我们先搞几个操作文件的工具方法,服务于正式脚本的使用。

// 读文件
const readFile = async (path) => {
    return new Promise((resolve, reject) => {
        fs.readFile(path, 'utf8', (err, data) => {
            if (err) {
                console.log(err);
                reject(err);
                return;
            }
            resolve(data);
        })
    })
}
// 写文件
const writeFile = async (path, data) => {
    return new Promise((resolve, reject) => {
        fs.writeFile(path, data, { flag: 'w' }, (err) => {
            if (err) {
                console.log(err);
                reject(err);
                return;
            }
            resolve(true);
        })
    })
}

const downloadHttpFile = async (WEBUrl, folderPath) => {
    return new Promise((resolve, reject) => {
        const fileName = path.basename(webUrl);
        let stream = fs.createWriteStream(path.join(folderPath, fileName));
        request(webUrl).pipe(stream).on("close", function (err) {
            if (err) {
                console.log(err);
                reject(err);
                return;
            }
            resolve(true)
            console.log("文件[" + fileName + "]下载完毕");
        });
    })
}

正式脚本

  • 定义路径变量
// emoji 路径
const emojiPath = path.join(__dirname, '../assets/emoji.json');
// notion 路径
const emojiSvgBase = 'https://notion-emojis.s3-us-west-2.amazonaws.com/prod/svg-twitter'; // 1f604.svg
// svg图片下载文件夹
const downloadFolder = path.join(__dirname, 'images');
  • 读取文件抓取,写文件
// 获取文件并下载
const getEmojiSvgFile = async (id) => {
  const fileName = id + '.svg';
  const webUrl = `${emojiSvgBase}/${fileName}`;
  const exist = fs.existsSync(downloadFolder);
  if (!exist) {
    fs.mkdirSync(downloadFolder);
  }
  return await downloadHttpFile(webUrl, downloadFolder);
}
// 从notion抓取所有的图片
const grabImages = async () => {
  const data = await readFile(emojiPath)
  const emojiJson = JSON.parse(data.toString());
  for (const first of emojiJson) {
    for (const second of first.children) {
      const id = handleUnicodeId(second.id);
      // 串行抓取
      await getEmojiSvgFile(id)
    }
  }
}
// 开始抓取
grabImages();
  • 设置启动命令 在package.json中添加命令
"scripts": {
    "grab": "node ./src/index.js"
},

4.运行命令

npm run grab

大家看上边的脚本,可以发现我们用了asycawait, 串行去下载资源。有兴趣的小伙伴可以尝试改下,看看怎么改成并行去下载资源,还可以控制并发的数量,面试中经常会问到。

结语

代码已上传GitHub,有需要可自行查看

以上就是nodejs抓取notion emoji svg资源的脚本示例的详细内容,更多关于nodejs脚本notion emoji svg的资料请关注编程网其它相关文章!

--结束END--

本文标题: nodejs抓取notion emoji svg资源的脚本示例

本文链接: https://lsjlt.com/news/194236.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作