代码拉取完成,页面将自动刷新
基于该基实现了一套 页面
该工程不是一定需要在 开发工具(这里是webstorm) 中打开或者调试,如果需要添加或者修改接口才需要进来,或者接口有不明 bug 需要调试。
工程完成后打包流程执行完的 app.asar 记得分发给个人
如何启动项目(其实启动时已经被打包,这里应该说调试)
1. yarn 安装依赖
2. 编辑运行项添加 node 项目运行
3. 选择 node 调试器为 electron.cmd
4. 选择入口函数(主文件)
5. 应用
说明:
这个项目是根据之前的 minElectron_dev 改写的,保留了项目的除多应用继承部分的几乎所有内容
[重点]
【1】 extends 部分
【1.1】 vueTool 这个是 vue 的开发扩展工具
【2】 src 部分
【2.1】 _install 这个是 windows 安装器需要用到的
【2.2】 browser fetctEventDear 是整个项目的核心
【2.3】 foreEndApi 这个是默认被注入到页面中的脚本部分,这部分配合 【2.2】
【2.4】 smb2 这个是 smb2 的库的修改版,但是又 bug 没解决
【2.5】 main.js 启动代码
【3】 forEndApi 部分
【3.1】 fetchEvent 是封装好的后台接口,启动时会被自动注入到页面中
【3.2】 rebasePath 这个是矫正路径的函数
【3.3】 CopyToFore.js 和 CopyToFore.vue.ant.design.js 这个是可以复制到 vue 工程的内容
【4】 third-pack 这个是第三方库
【4.1】 gdal 这部分是关于地理信息的,集合不要忘记
【5】 打包流程集合,这里是打包流程,阅读后面文档
package.json 中依赖说明
"electron": "2.0.5", 项目核心依赖
"electron-localshortcut": "1.1.0", 创建快捷方式(window)
"electron-packager": "^8.5.1", 打包(后期会弃用)
"log4js": "~2.5.2", 日志
"nconf": "^0.8.4", 可以获取启动参数、环境参数和运行参数
"ntlm": "^0.1.3", smb2 核心
"request": "2.88.0", 请求(爬虫使用)
"yargs": "^12.0.5" 解析参数(暂时不需要,这个是启动时使用的)
如何打包
0.打包需要事先修改好 buildSetting.js 中的内容
1.所有需要加密的代码建议编写在 src 地下,其他内容自动归为到对应文件夹
2.打包流程集合中的五个步骤,第一个可以不执行,剩下的依次执行即可
3.第二个步骤中会涉及到文件的复制,如果在根目录下添加了新的内容,并且需要被打包,请在02脚本中描述
4.最终生成的 app.asar 需要复制到一个 electron 的 resource 中
5.electron 的版本要求是 2.0.5
// buildSetting.js
module.exports = {
// 要输出 app.asar 文件的绝对位置
buildPath: 'C:\\Users\\HUZENGYUN\\Documents\\git\\min_electron\\独立ele项目\\testbuild',
// 当前项目的绝对位置
curPath: 'C:\\Users\\HUZENGYUN\\Documents\\git\\min_electron\\独立ele项目\\xj_fileSystemManage',
};
// node.mysql.json
// 端口默认是 3306 忘了暴露修改
{
"host": "ip",
"user": "用户名",
"password": "密码",
"database": "数据库名"
}
// winSetting.json
{
"window": {
"webPreferences": {
"webSecurity": false, // 允许跨域,注入
},
"width": 1536, // windowbrowser 宽度
"height": 900, // windowbrowser 高度
"resizable": true, // windowbrowser 可以变化大小
"show": true, // 未定义
"frame": true // 未定义
},
// 可以是一个 ip,或者本地网页
// 本地写法为 $相对于 resource 目录的地址
"baseUrl": "$views/index.html",
// 打开开发者模式
"dev": true,
"devTool": [
// 配置插件,这里可以是数组,表示相对于 resource 的位置
["extends", "vueTool"]
]
}
关于配置
1.配置内容写在 src/winSetting.json 中
2.配置中只有关于 window 设置和主页面的信息
关于代码混淆说明
uglifyjs-webpack-plugin 只能处理 es5 的代码
es6 的代码需要使用 terser-webpack-plugin 处理
2019-08-23 项目当时说明
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。