接上文，electron软件打包和分发遇到的一些问题记录及解决方案

码农世界 2024-05-18 前端 74 次浏览 0个评论

1.npm下载过慢

npm config set registry https://registry.npm.taobao.org

npm install package-name --registry=https://registry.npm.taobao.org

此外，你还可以安装cnpm这个工具，这是npm的淘宝镜像版本。使用以下命令可以全局安装cnpm：

npm install -g cnpm --registry=https://registry.npm.taobao.org

cnpm install package-name

2.打包过程中electron镜像copy过慢

windows:

set ELECTRON_MIRROR=https://cdn.npm.taobao.org/dist/electron/

mac:

export ELECTRON_MIRROR=https://cdn.npm.taobao.org/dist/electron/

上方总结：

npm config edit

registry=https://registry.npm.taobao.org/ ELECTRON_MIRROR=http://npm.taobao.org/mirrors/electron/

3.打包过程中遇到的图标不可用问题

windows打包图标一定要正确，使用Favicon Generator - Image to Favicon - favicon.io做下转换，或者直接找ue楚ico格式的图标，不能只是更改后缀名而已

4.mac分发后的软件打开需要注意

mac版本无需签名可直接使用。

mac版首次打开提示无法验证开发者，请按照以下操作：

1. 打开“系统偏好设置”。

2. 进入“安全性与隐私”。

3. 在“通用”标签页下，点击锁形图标并输入您的管理员密码，以解锁更改设置的权限。

4. 将会看到一条关于“media-production-qc”应用程序被阻止的消息，点击旁边的“允许”或“仍要打开”按钮。

6.访问http接口使用cookie方案

使用全接口方式，如果需要cookie,按以下方式在main.js配置

// 注册请求拦截器
  session.defaultSession.webRequest.onBeforeSendHeaders(async (details, callback) => {
    //所有的https://pre-mp-qc.youku.com请求追加cookie
    const homePageUrl = 'https://pre-mp-qc.youku.com/index';
    const loginUrl = 'https://pre-mp-qc.youku.com/ssoLogin';
    const requestDomain = 'https://pre-mp-qc.youku.com';
    const url = details.url;
    if (url.startsWith(requestDomain) && !url.includes(homePageUrl) && !url.includes(loginUrl)) {
      const cookie = await getCookiesFromDomain({ url: requestDomain })
      // 添加或修改请求头中的 Cookie
      details.requestHeaders['Cookie'] = cookie;
    }
    if(url.includes(homePageUrl)){
      win.loadURL(
              process.env.NODE_ENV === 'dev' ? 'http://localhost:8000' : `file://${path.join(__dirname, './dist/index.html')}`
      );
    }
    // 继续发送请求
    callback({ requestHeaders: details.requestHeaders });
  });
}
const getCookiesFromDomain = async (domain) => {
  const cookies = await session.defaultSession.cookies.get({ domain });
  return cookies.map(cookie => `${cookie.name}=${cookie.value}`).join('; ');
};

7.网页可以唤醒软件的配置

main.js追加

app.on('ready', () => {
  // 替换 'your-custom-protocol' 为你自定义的协议名
  if (!app.isDefaultProtocolClient('mp-qc')) {
    app.setAsDefaultProtocolClient('mp-qc');
  }  
});

forge.config.js

{
        // 全平台都可用
        name: '@electron-forge/maker-zip',
        config: {
          format: 'ULFO',
          protocols: [
            {
              name: 'mp-qc',
              schemes: ['mp-qc']
            }
          ]
          // 其他配置...
        }
      },