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

简介: 【番外篇】客户端开发(Electron)无源码如何做汉化

背景说明:


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


如何汉化?


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


如何解包?


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

2.png


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


  • 第二步: 我们需要使用到asar的一个Node包,我们这里就不用再进行安装了使用npx执行运行即可;
  • 解包命令:npx asar extract ./app.asar ./output

3.png

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

4.png


关键字替换:


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

5.png

  • 第一步: 我们还是通过使用uTools里面的文字识别插件来帮助我们提取页面的关键字,这里我们先把左侧的菜单做一次汉化,我们就简单的列举一下:
  • General
  • Proxies
  • Profiles
  • Logs
  • Connections
  • Settings
  • 第二步: 这一步的操作就简单很多了,我们只需要将关键字进行替换就可以了,那就使用我们的必备技能(CV大法)吧,因为毕竟没有源码通过脚本还是不太方便。


如何二次打包?


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

6.png


总结:


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



相关文章
|
6天前
|
JSON JavaScript 前端开发
开发桌面程序-Electron入门
【10月更文挑战第16天】Electron 是一个使用 JavaScript、HTML 和 CSS 构建跨平台桌面应用的框架,嵌入了 Chromium 和 Node.js。本文介绍了如何搭建 Electron 开发环境,包括安装 Node.js、创建项目、配置 main.js 和打包应用。通过简单的步骤,你可以快速创建并运行一个基本的 Electron 应用程序。
开发桌面程序-Electron入门
|
3月前
|
开发工具 Windows
Electron V8排查问题之构建 Electron 源码时遇到 dugite 下载失败如何解决
Electron V8排查问题之构建 Electron 源码时遇到 dugite 下载失败如何解决
36 0
|
3月前
|
JavaScript 开发工具
Electron 开发过程中主进程的无法看到 console.log 输出怎么办
Electron 开发过程中主进程的无法看到 console.log 输出怎么办
|
4月前
|
前端开发
PC端01,桌面端,electron的开发,electron的开发的系列课程,软件开发必备流程,electron的讲解,electron的开发,vitepress博主的gitee链接,PC端效率软件
PC端01,桌面端,electron的开发,electron的开发的系列课程,软件开发必备流程,electron的讲解,electron的开发,vitepress博主的gitee链接,PC端效率软件
PC端01,桌面端,electron的开发,electron的开发的系列课程,软件开发必备流程,electron的讲解,electron的开发,vitepress博主的gitee链接,PC端效率软件
|
6月前
|
移动开发 开发框架 JavaScript
Vue3 Vite electron 开发桌面程序
Vue3 Vite electron 开发桌面程序
334 0
|
前端开发 算法 JavaScript
从零开始开发图床工具:使用 Gitee 和 Electron 实现上传、管理和分享(下)
从零开始开发图床工具:使用 Gitee 和 Electron 实现上传、管理和分享(下)
167 0
|
存储 Web App开发 JavaScript
从零开始开发图床工具:使用 Gitee 和 Electron 实现上传、管理和分享(上)
从零开始开发图床工具:使用 Gitee 和 Electron 实现上传、管理和分享(上)
235 0
|
Web App开发 资源调度 前端开发
基于NeteaseCloudMusicApi和electron-vue开发网易云音乐--electron-vue初始化
基于NeteaseCloudMusicApi和electron-vue开发网易云音乐--electron-vue初始化
137 0
|
前端开发 JavaScript API
React使用Electron开发桌面端
React是一个流行的JavaScript库,用于构建Web应用程序。结合Electron框架,可以轻松地将React应用程序打包为桌面应用程序。以下是使用React和Electron开发桌面应用程序的步骤:
React使用Electron开发桌面端
|
前端开发 JavaScript 开发者
前端桌面应用开发:Electron介绍与实践(3)
前端桌面应用开发:Electron介绍与实践(3)
125 0