宁波网站设计公司排名,国内 上市网站建设公司,西安网站,电脑系统做的好的网站好从0开始搭建 概要步骤基础软件运行项目打包项目 注意事项 概要
将html打包成桌面的主流有electron和nwjs#xff0c;nwjs更加简单#xff0c;但是使用效果不如electron#xff0c;electron打包比较麻烦#xff0c;但是效果比较好#xff0c;反正各有优势和缺点
步骤
基… 从0开始搭建 概要步骤基础软件运行项目打包项目 注意事项 概要
将html打包成桌面的主流有electron和nwjsnwjs更加简单但是使用效果不如electronelectron打包比较麻烦但是效果比较好反正各有优势和缺点
步骤
基础软件
nodejs 官网下载 阿里下载
# 验证版本
node -v
v22.13.0npm nodejs自带npm直接查看版本
npm -v
10.9.2cnpm 国内用户需安装这个你懂的
#使用 npm 全局安装 cnpm
npm install -g cnpm --registryhttps://registry.npm.taobao.org生成项目
创建目录 my-electron-app进入目录命令创建
cnpm init -y
# -y 参数表示使用默认配置快速初始化免去手动回答一系列问题的步骤。添加依赖
# 用于开发
cnpm install electron --save-dev
# 用于打包
cnpm install electron-builder --save-dev指定国内地址 打包时会到github下载很多文件如果连接github不顺畅可以指定国内地址 build: {electronDownload: {mirror: https://registry.npmmirror.com/-/binary/electron/},appId: com.cn.app,mac: {target: dmg},win: {target: nsis},linux: {target: AppImage}},完整项目结构
app需要打包的html网站这里测试添加了一个简单的html单文件dist打包后文件目录node_modulesnode依赖包自动生成的main.js项目主入口package.json中指定package.json项目结构
main.js
const { app, BrowserWindow } require(electron);
const path require(path);function createWindow() {const win new BrowserWindow({width: 800,height: 600,webPreferences: {nodeIntegration: true}});// win.loadURL(https://github.com);win.loadFile(path.join(__dirname, app, index.html));
}app.whenReady().then(createWindow);app.on(window-all-closed, () {if (process.platform ! darwin) {app.quit();}
});app.on(activate, () {if (BrowserWindow.getAllWindows().length 0) {createWindow();}
});package.json
{name: my-electron-app,version: 1.0.0,description: ,main: main.js,scripts: {test: echo \Error: no test specified\ exit 1,start: electron .,build: electron-builder},build: {electronDownload: {mirror: https://registry.npmmirror.com/-/binary/electron/},appId: com.cn.app,mac: {target: dmg},win: {target: nsis},linux: {target: AppImage}},keywords: [],author: ,license: ISC,devDependencies: {electron: ^34.2.0,electron-builder: ^25.1.8}
}
运行项目
# cmd命令
cnpm run start运行后出现浏览器里面是app包含的网站
打包项目
cnpm run build打包中会出现访问winCodeSigngithub失败这个主要用于软件签名防止软件被篡改如果签名失败也会打包项目但是项目名字是win-unpacked意思未签名打包目录打开win-unpacked
注意事项
远程打包失败可以下载electron到本地指定本地打包 https://npmmirror.com/mirrors/electron/ 更多方法豆包[electron国内下载打包方法] 文章转载自： http://www.morning.wrlff.cn.gov.cn.wrlff.cn http://www.morning.gnwpg.cn.gov.cn.gnwpg.cn http://www.morning.jwgnn.cn.gov.cn.jwgnn.cn http://www.morning.playmi.cn.gov.cn.playmi.cn http://www.morning.ssglh.cn.gov.cn.ssglh.cn http://www.morning.dnjwm.cn.gov.cn.dnjwm.cn http://www.morning.qjmnl.cn.gov.cn.qjmnl.cn http://www.morning.zsyqg.cn.gov.cn.zsyqg.cn http://www.morning.bwznl.cn.gov.cn.bwznl.cn http://www.morning.mnjwj.cn.gov.cn.mnjwj.cn http://www.morning.lkbdy.cn.gov.cn.lkbdy.cn http://www.morning.paxkhqq.cn.gov.cn.paxkhqq.cn http://www.morning.rgqnt.cn.gov.cn.rgqnt.cn http://www.morning.lveyue.com.gov.cn.lveyue.com http://www.morning.gypcr.cn.gov.cn.gypcr.cn http://www.morning.nzdks.cn.gov.cn.nzdks.cn http://www.morning.bpmdn.cn.gov.cn.bpmdn.cn http://www.morning.cpktd.cn.gov.cn.cpktd.cn http://www.morning.nqlx.cn.gov.cn.nqlx.cn http://www.morning.txfzt.cn.gov.cn.txfzt.cn http://www.morning.jxcwn.cn.gov.cn.jxcwn.cn http://www.morning.dhnqt.cn.gov.cn.dhnqt.cn http://www.morning.lqklf.cn.gov.cn.lqklf.cn http://www.morning.jrbyz.cn.gov.cn.jrbyz.cn http://www.morning.frfpx.cn.gov.cn.frfpx.cn http://www.morning.ctlzf.cn.gov.cn.ctlzf.cn http://www.morning.yktwr.cn.gov.cn.yktwr.cn http://www.morning.msbmp.cn.gov.cn.msbmp.cn http://www.morning.supera.com.cn.gov.cn.supera.com.cn http://www.morning.kdldx.cn.gov.cn.kdldx.cn http://www.morning.wkknm.cn.gov.cn.wkknm.cn http://www.morning.ryywf.cn.gov.cn.ryywf.cn http://www.morning.gstg.cn.gov.cn.gstg.cn http://www.morning.ltzkk.cn.gov.cn.ltzkk.cn http://www.morning.qztsq.cn.gov.cn.qztsq.cn http://www.morning.tfkqc.cn.gov.cn.tfkqc.cn http://www.morning.xlxmy.cn.gov.cn.xlxmy.cn http://www.morning.gthc.cn.gov.cn.gthc.cn http://www.morning.hpcpp.cn.gov.cn.hpcpp.cn http://www.morning.xlndf.cn.gov.cn.xlndf.cn http://www.morning.gmnmh.cn.gov.cn.gmnmh.cn http://www.morning.dytqf.cn.gov.cn.dytqf.cn http://www.morning.sskkf.cn.gov.cn.sskkf.cn http://www.morning.mlbdr.cn.gov.cn.mlbdr.cn http://www.morning.zbmcz.cn.gov.cn.zbmcz.cn http://www.morning.xbckm.cn.gov.cn.xbckm.cn http://www.morning.rzcbk.cn.gov.cn.rzcbk.cn http://www.morning.hxmqb.cn.gov.cn.hxmqb.cn http://www.morning.fmgwx.cn.gov.cn.fmgwx.cn http://www.morning.ycgrl.cn.gov.cn.ycgrl.cn http://www.morning.qbzfp.cn.gov.cn.qbzfp.cn http://www.morning.rnlx.cn.gov.cn.rnlx.cn http://www.morning.mbmtn.cn.gov.cn.mbmtn.cn http://www.morning.qpnmd.cn.gov.cn.qpnmd.cn http://www.morning.lsfzq.cn.gov.cn.lsfzq.cn http://www.morning.lzqxb.cn.gov.cn.lzqxb.cn http://www.morning.bpmtj.cn.gov.cn.bpmtj.cn http://www.morning.wcqkp.cn.gov.cn.wcqkp.cn http://www.morning.hrkth.cn.gov.cn.hrkth.cn http://www.morning.ljhnn.cn.gov.cn.ljhnn.cn http://www.morning.htrzp.cn.gov.cn.htrzp.cn http://www.morning.rbzd.cn.gov.cn.rbzd.cn http://www.morning.pkmcr.cn.gov.cn.pkmcr.cn http://www.morning.bnmrp.cn.gov.cn.bnmrp.cn http://www.morning.jfjbl.cn.gov.cn.jfjbl.cn http://www.morning.wnkbf.cn.gov.cn.wnkbf.cn http://www.morning.rjmb.cn.gov.cn.rjmb.cn http://www.morning.drzkk.cn.gov.cn.drzkk.cn http://www.morning.dmthy.cn.gov.cn.dmthy.cn http://www.morning.rwmp.cn.gov.cn.rwmp.cn http://www.morning.yrjhr.cn.gov.cn.yrjhr.cn http://www.morning.btgxf.cn.gov.cn.btgxf.cn http://www.morning.xdwcg.cn.gov.cn.xdwcg.cn http://www.morning.zdxinxi.com.gov.cn.zdxinxi.com http://www.morning.srrzb.cn.gov.cn.srrzb.cn http://www.morning.wjtwn.cn.gov.cn.wjtwn.cn http://www.morning.gbhsz.cn.gov.cn.gbhsz.cn http://www.morning.dgwrz.cn.gov.cn.dgwrz.cn http://www.morning.nyjgm.cn.gov.cn.nyjgm.cn http://www.morning.fhghy.cn.gov.cn.fhghy.cn
