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

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']
            }
          ]
          // 其他配置...
        }
      },

8.mac打windows包

需要先下载wine-stable工具,不然会报打包失败,

brew install --cask wine-stable



然后执行npm run makeWin(electron-forge package --platform win32)即可

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值