Flutter-excel导入多语言脚本使用步骤

背景：

1、国际项目都有国际化需求，对于Flutter项目，导入多语言每次都需要复制到arb文件中

2、如果语言很多，每次都需要浪费一些时间。

3、通过改脚本可以直接使excel转成我们想要的arb文件、可以节省大量时间。

一 、添加国际化

1、添加国际化方式

二、安装node环境

1、此步骤根据电脑系统自行百度安装

三、添加node依赖库

1、cd到项目根目录、使用npm init 命令一直回车生成package.json

2、执行 npm install node-xlsx 添加excel转json依赖库

3、执行 npm install shelljs 添加js 执行shell命令依赖库

四、创建多语言excel

1、按照如下格式创建excel文件

image.png

2、将该excel托到项目根目录

五、创建脚本

1、创建脚本，也可以直接使用以下脚本文件（按照备注修改路径和arb文件名）

image.png

2、目录可以按照以下方式创建

[图片上传失败...(image-ce31ce-1672816870544)]

六、生成多语言文件

1、cd到脚本文件夹

2、执行 node transform_script.js

3、查看有没有报错，无报错就可以直接使用了

七、结果

1、预计可节省导入多语言70%的时间。特别是批量的多语言，收益更大

脚本：

const xlsx = require('node-xlsx');
const path = require('path');
const fs = require('fs');
const shell = require('shelljs')
//要生成的arb文件名和数据,文件名需改成自己项目中相关arb文件名字
const LangData = [
    {
        fileName: "intl_zh_CN.arb",
        data: {}
    },
    {
        fileName: "intl_zh_HK.arb",
        data: {}
    },
    {
        fileName: "intl_en_US.arb",
        data: {}
    },
    {
        fileName: "intl_ko_KR.arb",
        data: {}
    },
    {
        fileName: "intl_ja_JP.arb",
        data: {}
    },
]

main()
function main() {
    initData()
    const workSheetsFromFile = xlsx.parse(path.resolve(__dirname, './language.xlsx'));
    dealSheet(workSheetsFromFile)
    LangData.forEach(item => {
        let filePath = path.resolve(__dirname, `../l10n/${item.fileName}`)
        try {
            //将json数据写入到对应的arb文件
            fs.writeFileSync(filePath, JSON.stringify(item.data, null, 2), { encoding: 'utf8', flag: 'w' })
        } catch (error) {
            console.log(error);
        }

    });
    //执行flutter命令，将arb文件生成I10n.dart
    shell.exec('flutter pub global run intl_utils:generate')
}

function initData() {
    //创建arb文件
    for (langKey in LangData) {
        let data = LangData[langKey];
        let filePath = path.resolve(__dirname, `../l10n/${data.fileName}`)
        try {
            let fileData = fs.readFileSync(filePath, { encoding: 'utf-8' })
            data.data = JSON.parse(fileData);
        } catch (e) {
            // console.error(e)
        }
    }
}
//获取excel文件中的数据
function dealSheet(workSheetsFromFile) {
    workSheetsFromFile.map(sheet => {
        dealRow(sheet);
    })
}

function dealRow(sheet) {
    // console.log("sheet",sheet);
    //将excel中的数据按照列放到：LangData 中的data中
    let langList = sheet.data.filter(column => column.length);
    if (Array.isArray(langList)) {
        LangData.map((item, index) => {
            langList.map((row) => {
                const key = row[0]
                const value = row[index + 1]
                if (value && value.length) {
                    item.data[key] = value
                }

                // loadData(row, rowIndex, langList)
            })
        });
    }
}