前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >前端自动打包上传推送钉钉工具

前端自动打包上传推送钉钉工具

作者头像
imba久期
发布2022-12-29 14:19:28
2960
发布2022-12-29 14:19:28
举报

介绍

在一部分公司中,上线时前端需要打包后发给后端或运维同学,他们再放到服务器上

但每次打包、压缩、发给别人这个过程太麻烦了,于是就有了这个小工具

我们就可以简单配置一下,在打包结束后自动执行这个程序

并且可以直接下载压缩包

好了,现在只要把后端骗进群,压力一下子就来到了后端这边

除了自动展示版本、压缩包大小、打包日期之外

它还可以自动维护本地及线上的压缩包,每次执行时会检查非今天的文件,自动删除

使用方法

安装

代码语言:javascript
复制
pnpm i -D simple-zip-upload

导入

代码语言:javascript
复制
import ZipUpload from 'simple-zip-upload'

配置

代码语言:javascript
复制
const ZipUpload = require('simple-zip-upload')
const path = require('path')
const fs = require('fs')

const ZipUploadConfig = {
  sftpOptions: {
    // SFTP 连接信息
    connect: {
      host: '1.2.3.4',
      port: 22,
      username: 'root',
      privateKey: fs.readFileSync('C:\\Users\\imba97\\.ssh\\id_rsa')
    },

    // 必填,上传的远程目录
    remoteDir: '/www/download/upload'
  },

  // 应用名,唯一名称,会拼接在压缩文件名
  app: 'simple-zip-upload',

  // 版本号填充“0”的个数,可选,默认 2
  fill: 3,

  // 压缩目标文件夹
  zipTargetDir: 'dist',

  // 本地压缩文件存放目录
  zipFileDir: 'build',

  // 压缩文件下载连接,最后会与文件名拼接
  host: 'https://download.imba97.cn/upload/',

  // 钉钉推送卡片信息
  cardInfo: {
    title: '测试发布',
    subTitle: '没啥事就是测试一下',

    // 可选 默认是:
    // 版本 20221027005
    // 大小 1.00M
    // 打包日期 2022-10-27 23:57:31
    body(cardInfo) {
      return `
自定义内容
开头顶格写,不然会有空格
版本 ${cardInfo.version}
大小 ${cardInfo.size}
打包日期 ${cardInfo.date}`
    }

    // 可以是字符串
    // body: '自定义内容'
  },

  // 钉钉连接 token、secret
  dingTalk: {
    accessToken: '',
    secret: ''
  }
}
代码语言:javascript
复制

使用

普通

代码语言:javascript
复制
// 普通
new ZipUpload(ZipUploadConfig).start()
代码语言:javascript
复制

Webpack

代码语言:javascript
复制
// ...
{
  plugins: [new ZipUpload(ZipUploadConfig)]
}
代码语言:javascript
复制

vue.config.js

代码语言:javascript
复制
// ...
{
  // ...
  chainWebpack(config) {
    // 添加插件
    config
      .plugin('ZipUploadPlugin')
      .use(ZipUpload)
      .tap(() => [ZipUploadConfig])
  },
  // ...
}

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2022-10-28,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 imba久期 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 介绍
  • 使用方法
    • 安装
      • 导入
        • 配置
          • 使用
            • 普通
            • Webpack
            • vue.config.js
        相关产品与服务
        文件存储
        文件存储(Cloud File Storage,CFS)为您提供安全可靠、可扩展的共享文件存储服务。文件存储可与腾讯云服务器、容器服务、批量计算等服务搭配使用,为多个计算节点提供容量和性能可弹性扩展的高性能共享存储。腾讯云文件存储的管理界面简单、易使用,可实现对现有应用的无缝集成;按实际用量付费,为您节约成本,简化 IT 运维工作。
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档