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)即可