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的资料请关注脚本之家其它相关文章!

相关文章

  • nodejs实现百度舆情接口应用示例

    nodejs实现百度舆情接口应用示例

    这篇文章主要介绍了nodejs实现百度舆情接口应用,结合实例形式分析了node.js调用百度舆情接口的具体使用技巧,需要的朋友可以参考下
    2020-02-02
  • npm install总是卡住不动问题的解决办法

    npm install总是卡住不动问题的解决办法

    在我们安装完Node.js之后,需要使用npm命令来安装一些工具,下面这篇文章主要给大家介绍了关于npm install总是卡住不动问题的解决办法,需要的朋友可以参考下
    2022-05-05
  • nodejs 整合kindEditor实现图片上传

    nodejs 整合kindEditor实现图片上传

    这篇文章主要介绍了nodejs 整合kindEditor实现图片上传,需要的朋友可以参考下
    2015-02-02
  • npm dose not support Node.js v10.15.3的解决方法

    npm dose not support Node.js v10.15

    这篇文章主要给大家介绍了关npm dose not support Node.js v10.15.3的解决方法,文中通过图文介绍的非常详细,对大家的学习或者工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-11-11
  • NodeJS 基于 Dapr 构建云原生微服务应用快速入门教程

    NodeJS 基于 Dapr 构建云原生微服务应用快速入门教程

    Dapr 是一个可移植的、事件驱动的运行时,它使任何开发人员能够轻松构建出弹性的、无状态和有状态的应用程序,并可运行在云平台或边缘计算中,它同时也支持多种编程语言和开发框架,本文重点介绍NodeJS云原生微服务应用,感兴趣的朋友一起看看吧
    2022-07-07
  • nodeJS进程管理器pm2的使用

    nodeJS进程管理器pm2的使用

    这篇文章主要介绍了nodeJS进程管理器pm2的使用,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-01-01
  • Node.js 子线程Crash 问题的排查方法

    Node.js 子线程Crash 问题的排查方法

    这篇文章主要介绍了Node.js 子线程Crash 问题的排查,本文通过代码例子给大家详细讲解,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-06-06
  • Nodejs实战心得之eventproxy模块控制并发

    Nodejs实战心得之eventproxy模块控制并发

    本篇文章给大家分享我的nodejs实战心得,如何使用eventproxy模块控制并发,感兴趣的朋友可以参考下
    2015-10-10
  • 安装node.js和npm的一些常见报错

    安装node.js和npm的一些常见报错

    NVM(Node Version Manager)是一个用于在同一机器上同时安装并管理多个Node.js版本的工具,这篇文章主要给大家介绍了关于安装node.js和npm的一些常见报错,需要的朋友可以参考下
    2023-06-06
  • node.js中的buffer.slice方法使用说明

    node.js中的buffer.slice方法使用说明

    这篇文章主要介绍了node.js中的buffer.slice方法使用说明,本文介绍了buffer.slice的方法说明、语法、接收参数、使用实例和实现源码,需要的朋友可以参考下
    2014-12-12

最新评论