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

 更新时间:2023年02月05日 11:08:17   作者:杰出D  
这篇文章主要为大家介绍了nodejs抓取notion emoji svg资源脚本实现示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

前言

最近在做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);
        })
    })
}
/**
 * 获取网络文件到本地
 * @param {*} webUrl 
 * @param {*} path 
 */
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的资料请关注脚本之家其它相关文章!

相关文章

  • Node文件操作汇总实例详解

    Node文件操作汇总实例详解

    这篇文章主要为大家介绍了Node文件操作汇总实例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-10-10
  • npm install安装过程报错的实用解决办法

    npm install安装过程报错的实用解决办法

    最近做项目遇到npm install 的问题,下面这篇文章主要给大家介绍了关于npm install安装过程报错的实用解决办法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-06-06
  • 手把手教你通过nodejs快速搭建一个服务器

    手把手教你通过nodejs快速搭建一个服务器

    这篇文章主要给大家介绍了关于如何通过nodejs快速搭建一个服务器的相关资料,在node.js中创建一个服务器非常简单,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2023-10-10
  • Node.js学习入门

    Node.js学习入门

    本文主要介绍了Node.js的入门知识,包括:Node.js的特点,运行环境以及应用小例。具有一定的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • node.js中的path.join方法使用说明

    node.js中的path.join方法使用说明

    这篇文章主要介绍了node.js中的path.join方法使用说明,本文介绍了path.join的方法说明、语法、使用实例和实现源码,需要的朋友可以参考下
    2014-12-12
  • NodeJS Web应用监听sock文件实例

    NodeJS Web应用监听sock文件实例

    这篇文章主要介绍了NodeJS Web应用监听sock文件实例,本文讲解 NodeJS 的 TCP 和 HTTP 监听 Domain Socket 文件例子,需要的朋友可以参考下
    2015-02-02
  • 究竟什么是Node.js?Node.js有什么好处?

    究竟什么是Node.js?Node.js有什么好处?

    这篇文章主要介绍了究竟什么是Node.js?Node.js有什么好处?,为试图解释什么是 Node.js,本文将简要介绍一些背景信息:它要解决的问题,它如何工作,如何运行一个简单应用程序,最后,Node 在什么情况下是一个好的解决方案,需要的朋友可以参考下
    2015-05-05
  • 图解NodeJS实现登录注册功能

    图解NodeJS实现登录注册功能

    这篇文章主要介绍了NodeJS实现登录注册功能,本文图文并茂给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-09-09
  • node.js环境搭建图文详解

    node.js环境搭建图文详解

    Node.js 是一个让 JavaScript 运行在服务端的开发平台,小编在空闲时间就研究nodejs的相关知识,下面是本文给大家带来的node.js环境搭建教程图解,感兴趣的朋友跟随小编一起学习吧
    2018-09-09
  • nodeJs编写错误处理中间件问题

    nodeJs编写错误处理中间件问题

    这篇文章主要介绍了nodeJs编写错误处理中间件问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-12-12

最新评论