【實戰教程】使用云函數將數據表導出為 Excel 文件

iOS122 發布于2019-08-26 13:33 / 3517人閱讀

摘要：本文將介紹通過知曉云云函數來實現將數據表導出為文件的功能，并使用和將代碼打包上傳到知曉云。

在日常的工作中，常常需要根據運營需求對數據進行各種格式的處理和導出。導出后，不少人偏愛將數據放入 excel 在進行處理。

一般來說，處理數據導出時需要對數據進行一些運算整理。在以前，處理的方式是在一臺獨立的服務器上跑腳本。

而現在有了知曉云，不再需要維護服務器，直接寫代碼就能把相關事都都丟給云函數。本文將介紹通過知曉云云函數來實現將數據表導出為 excel 文件的功能，并使用 webpack 和 mincloud 將代碼打包上傳到知曉云。

技術棧：

打包工具：webpack@4.22.0

部署工具：mincloud@1.0.4

Excel 處理：node-xlsx@0.14.1

其他：知曉云 SDK

一、項目搭建

項目文件結構：

  export-excel-file
  ├── index.js
  ├── package.json
  ├── src
  │   └── index.js
  ├── webpack.config.js
  └── yarn.lock

項目搭建與云函數代碼打包示例文檔基本一致。項目搭建好后，還需要安裝以下依賴（兩種安裝方式選其一即可）：

// 使用 yarn 安裝
yarn add node-xlsx mincloud
// 使用 npm 安裝
npm install --save node-xlsx minclou

修改 deploy 腳本，如下：

// package.json
...
"scripts": {
   "build": "webpack --mode production",
   "predeploy": "npm run build"，
   "deploy": "mincloud deploy export-excel-file ../"
},
...

最終我們會使用以下兩個命令來部署和測試：

npm run deploy  // 部署到知曉云
mincloud invoke export-excel-file  // 測試已經部署到知曉云上的云函數

二、將數據表導出為 excel 文件

我們需要準備兩張表：
order：訂單表 (新建字段：name, price)
export_task：導出任務記錄表 (新建字段：file_download_link)

知曉云的云函數調用有同步和異步兩種方式，同步調用的最大超時時間為 5 s，異步調用的則為 300 s。

假定 order 訂單表有十萬條數據，由于知曉云單次拉取數據的最大限制為 1000 條，所以需要分批獲取數據，加上后續可能需要對數據進行處理，所花費的時間將會超過 5 s，因此對該云函數的調用將采用異步的方式。這時候就需要 export_task 導出任務記錄表來對導出任務進行管理了。

export_task 表對導出任務進行管理的流程如下：

調用云函數時在 export_task 表中創建一條記錄 A，此時記錄 A 中的 file_download_link 字段值為空，同時拿到記錄 A 的 id，記這個 id 為 jobId

進行 order 表數據查詢，excel 文件生成，文件上傳等操作，拿到文件下載鏈接

之后根據 jobId 來更新第一步創建的記錄，保存文件下載鏈接到 file_download_link 字段中

更新完后就能在 export_task 表中拿到文件下載鏈接

通過上面的準備和分析，對導出 excel 文件操作分為以下 4 個步驟：

order 訂單表數據獲取

使用獲取的數據在云函數環境下創建 excel 文件

將創建出的 excel 文件上傳到知曉云

保存文件下載鏈接到 export_task 表中的 file_download_link 字段

完整代碼如下：

const fs = require("fs")
const xlsx = require("node-xlsx")


const EXPORT_DATA_CATEGORY_ID = "5c711e3119111409cdabe6f2"    // 文件上傳分類 id
const TABLE_ID = {
  order: 66666,         // 訂單表
  export_task: 66667,   // 導出任務記錄表
}


const TMP_FILE_NAME = "/tmp/result.xlsx"  // 本地臨時文件路徑，以 /tmp 開頭，具體請查看：https://doc.minapp.com/support/technical-notes.html (云函數的臨時文件存儲)
const ROW_NAME = ["name", "price"]        // Excel 文件列名配置
const MAX_CONNECT_LIMIT = 5               // 最大同時請求數
const LIMIT = 1000                        // 單次最大拉取數據數
let result = []


/**
 * 更新導出記錄中的 file_download_link 字段
 * @param {*} tableID 
 * @param {*} recordId 
 * @param {*} fileLink 
 */
function updateExportJobIdRecord(tableID, recordId, fileLink) {
  let Schame = new BaaS.TableObject(tableID)
  let schame = Schame.getWithoutData(recordId)


  schame.set("file_download_link", fileLink)
  return schame.update()
}


/**
 * 創建數據導出任務
 * 設置初始 file_download_link 為空
 * 待導出任務執行完畢后將文件下載地址存儲到 file_download_link 字段中
 * @param {*} tableID 
 */
function createExportJobIdRecord(tableID) {
  let Schame = new BaaS.TableObject(tableID)
  let schame = Schame.create()
  return schame.set({file_download_link: ""}).save().then(res => {
    return res.data.id
  })
}


/**
 * 獲取總數據條數
 * @tableId {*} tableId
 */
function getTotalCount(tableId) {
  const Order = new BaaS.TableObject(tableId)
  return Order.count()
    .then(num => {
      console.log("數據總條數:", num)
      return num
    })
    .catch(err => {
      console.log("獲取數據總條數失敗:", err)
      throw new Error(err)
    })
}


/**
 * 分批拉取數據
 * @param {*} tableId 
 * @param {*} offset 
 * @param {*} limit 
 */
function getDataByGroup(tableId, offset = 0, limit = LIMIT) {
  let Order = new BaaS.TableObject(tableId)
  return Order.limit(limit).offset(offset).find()
    .then(res => {
      return res.data.objects
    })
    .catch(err => {
      console.log("獲取分組數據失敗:", err)
      throw new Error(err)
    })
}


/**
 * 創建 Excel 導出文件
 * @param {*} sourceData 源數據
 */
function genExportFile(sourceData = []) {
  const resultArr = []
  const rowArr = []


  // 配置列名
  rowArr.push(ROW_NAME)


  sourceData.forEach(v => {
    rowArr.push(
      ROW_NAME.map(k => v[k])
    )
  })


  resultArr[0] = {
    data: rowArr,
    name: "sheet1",    // Excel 工作表名
  }


  const option = {"!cols": [{wch: 10}, {wch: 20}]}    // 自定義列寬度
  const buffer = xlsx.build(resultArr, option)
  return fs.writeFile(TMP_FILE_NAME, buffer, err => {
    if (err) {
      console.log("創建 Excel 導出文件失敗")
      throw new Error(err)
    }
  })
}


/**
 * 上傳文件
 */
function uploadFile() {
  let MyFile = new BaaS.File()
  return MyFile.upload(TMP_FILE_NAME, {category_id: EXPORT_DATA_CATEGORY_ID})
    .catch(err => {
      console.log("上傳文件失敗")
      throw new Error(err)
    })
}


module.exports = async function(event, callback) {
  try {
    const date = new Date().getTime()
    const groupInfoArr = []
    const groupInfoSplitArr = []
    const [jobId, totalCount] = await Promise.all([createExportJobIdRecord(TABLE_ID.export_task), getTotalCount(TABLE_ID.order)])
    const groupSize = Math.ceil(totalCount / LIMIT) || 1


    for (let i = 0; i < groupSize; i++) {
      groupInfoArr.push({
        offset: i * LIMIT,
        limit: LIMIT,
      })
    }


    console.log("groupInfoArr:", groupInfoArr)


    const length = Math.ceil(groupInfoArr.length / MAX_CONNECT_LIMIT)


    for (let i = 0; i < length; i++) {
      groupInfoSplitArr.push(groupInfoArr.splice(0, MAX_CONNECT_LIMIT))
    }


    console.log("groupInfoSplitArr:", groupInfoSplitArr)


    const date0 = new Date().getTime()
    console.log("處理分組情況耗時:", date0 - date, "ms")


    let num = 0


    // 分批獲取數據
    const getSplitDataList = index => {
      return Promise.all(
        groupInfoSplitArr[index].map(v => {
          return getDataByGroup(TABLE_ID.order, v.offset, v.limit)
        })
      ).then(res => {
        ++num
        result.push(...Array.prototype.concat(...res))
        if (num < groupInfoSplitArr.length) {
          return getSplitDataList(num)
        } else {
          return result
        }
      })
    }


    Promise.all([getSplitDataList(num)]).then(res => {
      const date1 = new Date().getTime()
      console.log("結果條數:", result.length)
      console.log("分組拉取數據次數:", num)
      console.log("拉取數據耗時:", date1 - date0, "ms")


      genExportFile(result)


      const date2 = new Date().getTime()
      console.log("處理數據耗時:", date2 - date1, "ms")


      uploadFile().then(res => {
        const fileLink = res.data.file_link
        const date3 = new Date().getTime()
        console.log("上傳文件耗時:", date3 - date2, "ms")
        console.log("總耗時:", date3 - date, "ms")


        updateExportJobIdRecord(TABLE_ID.export_task, jobId, fileLink)
          .then(() => {
            const date4 = new Date().getTime()
            console.log("保存文件下載地址耗時:", date4 - date3, "ms")
            console.log("總耗時:", date4 - date, "ms")


            callback(null, {
              message: "保存文件下載地址成功",
              fileLink,
            })
          })
          .catch(err => {
            callback(err)
          })
      }).catch(err => {
        console.log("上傳文件失敗：", err)
        throw new Error(err)
      })
    })
  } catch (err)

三、部署并測試

跟 npm 一樣，部署前需要先登錄，請參照文檔配置。

使用以下命令即可將云函數部署到知曉云：

npm run deploy

執行結果如下：

使用以下的命令來測試：

mincloud invoke export-excel-file

執行結果如下：

export_task 表記錄：

上傳到知曉云的 excel 文件如下：

文件內容：

四、參考文檔

知曉云開發文檔：https://doc.minapp.com/
node-xlsx 文檔：https://www.npmjs.com/package...

五、源碼

倉庫地址：https://github.com/ifanrx/exp...

六、福利

即日（ 3 月 8 日）起，前 50 名報名并通過審核的 Web 端公測的用戶，在正式接入后即獲賬戶禮金 100 元。

GPU云服務器云服務器 js怎樣將數據導出excel js將數據導出成excel 表格導出為Excel js數據導出excel文件

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/109043.html

使用 SpreadJS 實現 JavaScript 中導入和導出Excel文件

摘要：而作為一款深受用戶喜愛的電子表格工具，借助其直觀的界面出色的計算性能和圖表工具，已經成為數據統計領域不可或缺的軟件之一。使用實現的導入和導出通過純，您完全可以實現導入和導出文件功能，并為最終用戶提供與這些文件進行交互的界面。 JavaScript是一個涵蓋多種框架、直譯式、可以輕松自定義客戶端的腳本語言，在 Web 應用程序中，更加易于編碼和維護。而Excel 作為一款深受用戶喜愛的電...

Jioby 2019-08-23 18:31 評論0 收藏0
實戰PHP導出Excel-CSV文件

摘要：中國大陸幾乎所有的中文系統和國際化的軟件都支持。與相應的國家標準中的其它漢字，以上合計個漢字。，全稱國家標準信息技術中文編碼字符集，是中華人民共和國現時最新的內碼字集，是信息技術信息交換用漢字編碼字符集基本集的擴充的修訂版。實戰PHP導出Excel-CSV文件導出后的效果先給各位看一下導出的效果，而后再進行代碼分析 showImg(https://segmentfault.co...

Kyxy 2019-06-27 15:13 評論0 收藏0
實戰PHP導出Excel-CSV文件

摘要：中國大陸幾乎所有的中文系統和國際化的軟件都支持。與相應的國家標準中的其它漢字，以上合計個漢字。，全稱國家標準信息技術中文編碼字符集，是中華人民共和國現時最新的內碼字集，是信息技術信息交換用漢字編碼字符集基本集的擴充的修訂版。實戰PHP導出Excel-CSV文件導出后的效果先給各位看一下導出的效果，而后再進行代碼分析 showImg(https://segmentfault.co...

molyzzx 2019-07-25 13:49 評論0 收藏0