关于前端:番外篇客户端开发Electron无源码如何做汉化

「这是我参加 2022 首次更文挑战的第 11 天，流动详情查看：2022 首次更文挑战」。

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

背景阐明：

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

如何汉化？

    因为咱们没有客户端软件的源码，所以咱们就须要将被汉化的客户端进行一次反编译，因为咱们只是汉化所以不波及到性能的应用，也不须要将被压缩的代码进行还原，只有找到须要替换的关键字进行替换就能够，替换完后再进行二次打包就实现了整体的工作，将咱们二次打包的内容替换到原客户端对应的文件（留神备份）即可。

如何解包？

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

• 第一步：将 app.asar 拷贝到一个新建的空白目录；

• 第二步：咱们须要应用到 asar 的一个 Node 包，咱们这里就不必再进行装置了应用 npx 执行运行即可；

  • 解包命令：npx asar extract ./app.asar ./output

• 下图是咱们解压后失去的目录：

关键字替换：

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

• 第一步：咱们还是通过应用 uTools 外面的文字辨认插件来帮忙咱们提取页面的关键字，这里咱们先把左侧的菜单做一次汉化，咱们就简略的列举一下：

  • General
  • Proxies
  • Profiles
  • Logs
  • Connections
  • Settings

• 第二步：这一步的操作就简略很多了，咱们只须要将关键字进行替换就能够了，那就应用咱们的必备技能（CV 大法）吧，因为毕竟没有源码通过脚本还是不太不便。

  如何二次打包？

• 通过执行 asar 的命令来进行打包：npx asar pack ./output ./app1.asar，将打包后的内容按如何解包那一节的办法操作即可，下图就是咱们汉化完的菜单：

总结：

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

欢送关注我的公众号“前端小鑫同学”，原创技术文章第一工夫推送。