前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >如何把Electron做成一个Runtime,让多个应用共享同一个Electron

如何把Electron做成一个Runtime,让多个应用共享同一个Electron

作者头像
liulun
发布2021-12-24 19:36:29
1.1K0
发布2021-12-24 19:36:29
举报
文章被收录于专栏:liulunliulun

这个问题涉及到很多知识,而且要想把这个Runtime做好很绕。

下面我就说一下我的思路: (以下内容以Windows平台为基础,Mac平台和Linux平台还得去调查一下,才能确定是否可行)

首先,我们先区分三类用户:

  1. Runtime建设者(就是我们)
  2. Runtime使用者(就是使用Runtime的开发者)
  3. 最终用户(就是使用Runtime开发者开发的应用的那些用户)

接下来我们就以Runtime建设者的视角来审视这项工作

首先我们要为Runtime使用者提供一个专有的打包工具,我们就叫它:打包工具。这个打包工具还内置了几个可执行程序,我们给他们起个名字,分别叫:

  • 最终安装程序
  • 最终执行程序
  • 最终卸载程序

好,我们一个一个聊他们的职责

打包工具的职责 按Runtime使用者的要求修改最终执行程序的图标、应用签名、版本、版权、文件名等资源信息; 按Runtime使用者的要求修改最终卸载程序的图标、应用签名、版本、版权、文件名等资源信息; 把最终执行程序、最终卸载程序与Runtime使用者开发好的HTML/CSS/JS等静态文件放到一起,压缩成一个压缩包,我们叫他:资源文件 把这个资源文件以资源的形式封装到最终安装程序中; 按Runtime使用者的要求修改这个最终安装程序的图标、应用签名、版本、版权、文件名等资源信息; (修改资源的代码,后文有介绍)

这几个工作完成之后,Runtime使用者就可以把这个最终安装程序分发给最终用户了。

最终安装程序的职责 这个最终安装程序在最终用户的电脑上运行时,会完成以下工作:

检查最终用户的注册表,看其是否安装了我们的Electron Runtime 如果没有安装,则下载Electron的发行版,释放到一个特定目录下,并在注册表记下来。 在这个特定目录下记录当前应用的信息(卸载当前应用时要用到); 把自身的资源释放到最终用户指定的目录内,也就是前文说的资源文件 解压缩资源文件得到最终执行程序、最终卸载程序和Runtime使用者开发的HTML/CSS/JS等静态文件 写注册表记录最终卸载程序的位置,这样用户就可以在控制面板里卸载我们的程序了。 按最终用户的要求,创建开始菜单图标、桌面图标,这些图标均指向最终执行程序 (读取资源的代码,后文有介绍)

如果最终用户工作在没有网络的环境下,那么我们也可以允许Runtime使用者把Electron Runtime打包到最终安装程序内,这是打包工具的职责。

如果担心Electron官方提供的下载地址速度慢,可以考虑使用国内镜像地址:​npmmirror.com/mirrors/electron/

最终执行程序的职责 检查用户注册表,找到Electron Runtime的放置路径 启动Electron Runtime并把当前应用的入口程序当做参数传给Electron.exe,应用入口程序就是Runtime使用者开发HTML/CSS/JS等静态文件之一, electron.exe path/to/entry.js 最终卸载程序的职责 删除安装目录下的文件 删除注册表的卸载程序信息 删除Electron Runtime所在目录下的应用程序信息,如果发现没有别的应用在依赖Electron Runtime了,那么就把Electron Runtime所在目录也删掉。

把一个文件作为资源写入一个可执行程序的代码如下所示:

代码语言:javascript
复制
HANDLE hFile;
DWORD dwFileSize,dwBytesRead;
LPBYTE lpBuffer;
char szFile[MAX_PATH+1] = {0};
::GetDlgItemText(hwnd,EditId,szFile,MAX_PATH);
hFile = CreateFile(szFile,GENERIC_READ,0,NULL,OPEN_EXISTING,FILE_ATTRIBUTE_NORMAL,NULL);
dwFileSize = GetFileSize(hFile, NULL);
lpBuffer = new BYTE[dwFileSize];
ReadFile(hFile, lpBuffer, dwFileSize, &dwBytesRead, NULL);
HANDLE hResource = BeginUpdateResource(szFilePath, FALSE);
UpdateResource(hResource,RT_RCDATA,MAKEINTRESOURCE(EditId),MAKELANGID(LANG_NEUTRAL,SUBLANG_DEFAULT),(LPVOID)lpBuffer,dwFileSize);
EndUpdateResource(hResource, FALSE);
delete [] lpBuffer;
CloseHandle(hFile);
return 1;

可执行程序读取自身资源,把资源写到指定路径下的代码如下:

代码语言:javascript
复制
HMODULE hInstance = ::GetModuleHandle(NULL);
TCHAR szFilePath[MAX_PATH + 1];
GetPath(szFilePath,resourceName,hInstance);
HRSRC hResID = ::FindResource(hInstance,resourceID,RT_RCDATA);
HGLOBAL hRes = ::LoadResource(hInstance,hResID);
LPVOID pRes = ::LockResource(hRes);
DWORD dwResSize = ::SizeofResource(hInstance,hResID);
if(!dwResSize) return 0;
HANDLE hResFile = CreateFile(szFilePath,GENERIC_WRITE,0,NULL,CREATE_ALWAYS,FILE_ATTRIBUTE_NORMAL,NULL);
DWORD dwWritten = 0;
WriteFile(hResFile,pRes,dwResSize,&dwWritten,NULL);
CloseHandle(hResFile);
if(dwResSize == dwWritten) return 1;
return 0;

这两段代码是从我的一个项目中摘抄出来的,仅供参考。

遗留的问题 我们并没有考虑多Electron版本共存的问题; 此方案高度依赖Windows API,跨平台实现差异肯定会比较大; 应用程序启动后,任务栏的图标是Electron Runtime的图标,而非Runtime使用者指定的图标(这是有解决办法的);

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2021-12-24 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档