【番外篇】客户端开发（Electron）无源码如何做汉化

Dear，大家好，我是“前端小鑫同学”，😇长期从事前端开发，安卓开发，热衷技术，在编程路上越走越远～

背景说明：

最近在看Electron的开发也在写点笔记，期间下载一些依赖的时候总是网络不给力，不科学的方式上网就是不好使，现在的一些上网小工具的客户端就通常会采用Electron来做开发，如果你遇到一款体验效果还不错但是界面是全英文的就莫名的。。。，今天来尝试将别的开发的Electron应用做一次汉化吧！

如何汉化？ 因为我们没有客户端软件的源码，所以我们就需要将被汉化的客户端进行一次反编译，因为我们只是汉化所以不涉及到功能的使用，也不需要将被压缩的代码进行还原，只要找到需要替换的关键字进行替换就可以，替换完后再进行二次打包就完成了整体的工作，将我们二次打包的内容替换到原客户端对应的文件（注意备份）即可。

image.png

如何解包？

• 那我们需要解开哪个包呢？总不能一个一个去试吧？下图是在网上可以搜索到的汉化包的使用流程，需要我们替换名为app.asar的文件。那好吧，我们就把这个文件解开来看看。

image.png

• 第一步： 将app.asar拷贝到一个新建的空白目录；
• 第二步： 我们需要使用到asar的一个Node包，我们这里就不用再进行安装了使用npx执行运行即可；
  • 解包命令：npx asar extract ./app.asar ./output

image.png

• 下图是我们解压后得到的目录：

image.png

关键字替换：

• 被选中做今天汉化的软件是这一款，因为单词不多，都是一些通用名称，所以作者并没有考虑要使用中文。

image.png

• 第一步： 我们还是通过使用uTools里面的文字识别插件来帮助我们提取页面的关键字，这里我们先把左侧的菜单做一次汉化，我们就简单的列举一下：
  • General
  • Proxies
  • Profiles
  • Logs
  • Connections
  • Settings
• 第二步： 这一步的操作就简单很多了，我们只需要将关键字进行替换就可以了，那就使用我们的必备技能（CV大法）吧，因为毕竟没有源码通过脚本还是不太方便。 如何二次打包？
• 通过执行asar的命令来进行打包：npx asar pack ./output ./app1.asar，将打包后的内容按如何解包那一节的方法操作即可，下图就是我们汉化完的菜单：

image.png

总结：

此次番外篇我们只是简单的介绍了无源码汉化的大致流程和如何对Electron打包后的产品中的app.asar文件进行解包和二次打包，不涉及源码逻辑更改和源码还原，也没有遇到加密等问题。网上也能找到此客户端的汉化包，但是我们作为技术人也要了解怎么实现😘。