工具
文章平均质量分 52
主要分享开发过程中好用的工具
大小小丹
欲将得之,必先与之!凡事尽力而为,随心而行,余下随缘~
展开
-
深入浅出实现Electron应用图片下载无感更新渲染进程视图
需求:应用在使用过程中,在后台更新应用的背景图片,这时候应用接收更新推送后实现背景图片的下载和实时更新视图。难点:1、图片下载2、无感刷新背景图片3、websocket推送项目架构:Electron + Vue编译后dist文件作为渲染进程视图解决思路:1、Vue项目中配置websocket推送监听 // 初始化weosocketfunction initWebSocket () { let wsurl = `${type}://${url}/xxxxx/websoc原创 2021-04-30 10:55:15 · 944 阅读 · 0 评论 -
深入浅出Electron mac打包签名输出dmg和pkg安装包
为了应用安全以及使用electron-updater实现自动升级功能,必须对应用进行签名打包发布。具体签名过程如下:1、本地安装两个签名的证书,具体可以咨询ios开发人员,如下:2.设置package.json的有关mac打包的相关内容,配置签名参考链接```json "build": { "afterSign": "package/afterSign.js", // 签名后执行的js,实现electron-notarize公证app "appId": "cn.com原创 2021-04-29 17:53:37 · 3102 阅读 · 0 评论 -
深入浅出Electron windows端打包签名应用
应用不签名在安装过程或者下载过程会提示应用不安全,因此需要做签名,具体步骤如下:1.准备好证书,详细可以参考链接导出证书2.设置package.json的有关window打包的相关内容```json"win": { ... "verifyUpdateCodeSignature": false, // 代表加密的方式,一般分为'sha256'与'sha1'两种方式,都进行加密即可。 "signingHashAlgorithms": [ "sha256", .原创 2021-04-29 17:09:19 · 3450 阅读 · 0 评论 -
深入浅出实现Electron音量调节功能
Electron实现调节电脑端的音量,如下:可以通过查找nodejs的相关插件实现。查找资料有两种方式可以实现音量的设置:方式一:使用nircmd.exe实现,这个插件也是挺强大的,可以做挺多事情的,暂时还没有需求,以后可能可以用上。参考资料:https://blog.csdn.net/qq_41185868/article/details/80761111设置音量的参考链接:https://blog.csdn.net/weixin_37073932/article/details/113..原创 2021-04-20 14:16:36 · 1843 阅读 · 0 评论 -
深入浅出实现Electron判断屏幕当前是否是双屏显示?
如果在win10中设置双屏显示如下配置:开启了双屏后,我们可以通过以下两种方式实现双屏显示的判断:使用nodejs的child_process方式实现信息读取。 // 方式一: 使用 wmic 以及 exec读取显示器序列号数量判断是否多显示器 const cmdStr = "WMIC /NameSpace:\\\\Root\\WMI Path WmiMonitorID Get SerialNumberID /value"; var exec = require('child_proc原创 2021-04-19 09:43:48 · 3019 阅读 · 1 评论 -
深入浅出实现Electron判断屏幕是否是触摸屏
判断设备是否是触摸屏,在cmd终端中输入如下命令可以reg query HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\Tablet" "PC /s | find "IsTabletPC"输出结果如下:如果里面的值0x0,则表示是触摸屏。我们在终端中是可以通过命令读取注册表信息是可以判断是否是触摸屏的,那我们在electron中是否也可以通过读取注册表信息,获取这些信息?所以找到regedit模块:let regedit = requi原创 2021-04-19 09:34:39 · 1985 阅读 · 0 评论 -
githab下载代码拉取分支代码
git clone -b develop(拉取分支名称) xxxxxxxxgiturl原创 2021-04-16 17:01:15 · 192 阅读 · 0 评论 -
深入浅出分析Electron自动升级electron-updater + electron-builder配置
自动升级的方式有很多种,我们公司第一版是使用fs做文件的下载和替换,但是存在C:// programfile的权限问题,因此只好更换技术方案。使用Electron-builder结合updater实现自动升级功能。一、electron-builder的配置在package.json中安装依赖"devDependencies": { ... "electron": "^8.2.4", "electron-builder": "^22.9.1", .... },原创 2021-04-15 17:12:39 · 1816 阅读 · 0 评论 -
深入浅出分析Electron打包插件electron-builder配置
```json{ "name": "Umeet", // 产品名称 "version": "3.2.0", // 产品版本 "private": true, // 是否私有 "main": "./src/main.js", // 程序入口文件 "author": { // 发布者信息 win-属性可见,mac在关于Umeet中可见 "name": "SYSTEC" }, "desc.原创 2021-04-15 16:37:21 · 1909 阅读 · 2 评论 -
深入浅出Electron如何解决第三方库绕开electron-builder签名配置
一、问题使用electron-builder打包应用时,会自动检查应用中所有的exe文件进行签名,dll文件可以配置"signDlls": false是否需要签名,但是有些.exe文件是不能签名的,如果签名会导致应用报错。而且.exe文件不能通过package.json指定那些文件不需要签名。二、解决思路需要在打包之前把绕开签名的exe文件重命名未.temp文件,当签名完成后再把.temp文件重命名为.exe即可。三、具体步骤如下package.json中的script如下:.原创 2021-04-06 22:07:44 · 2584 阅读 · 0 评论 -
nw.js打包windows包,并生成快捷方式和添加到开始菜单
1、把开发的项目文件压缩成app.zip文件 再重命名为app.nw文件,再把下载的nw-sdk 或者nw-normal版本的包 里面的nw.exe复制到跟app.nw同一目录下 ,执行 copy /b nw.exe+app.nw app.exe命令 就可以生成一个app.exe文件2、把app.exe文件复制到 nw-sdk(或者nw-normal)包里面跟nw.exe同级目录下...原创 2018-03-15 14:52:45 · 1602 阅读 · 1 评论 -
nw,js 项目快速打包方式 利用bat脚本
首先在nsis打包环境里面2、Rmeet-package.bat文件里面主要是繁琐的利用nw.exe 打包成xxx.exe的过程(还分调试、正式环境,对应依赖的nw.exe不同)@rem 复制需要压缩的文件cp -rf "..\Project\HuaRun\rmeeting-windows-nwjs" RmeetCode@rem 进入复制文件后的 文件夹 Rmeet 里面cd...原创 2019-07-02 18:00:09 · 820 阅读 · 0 评论 -
vue项目打包后index.html文件打开空白
https://blog.csdn.net/guojing5721/article/details/83863503转载 2019-05-12 08:35:54 · 963 阅读 · 0 评论 -
canvas 图片的合成
需求情景:二维码生成的图片底部 添加 该二维码的说明文字,再合并成一张新的图片。参考链接:图片合并https://www.jianyu87.com/content/website/33.htmlhttp://www.w3dev.cn/article/20150929/html-draw-to-image.aspxhttps://www.jb51.net/html5/6289...原创 2018-09-11 08:57:44 · 745 阅读 · 0 评论 -
github使用
1、在github上新建项目 在 clone and download里面找到链接https://github.com/Huxiaodan120808/photo-sphere-viewer-demo.gitgit clone https://github.com/Huxiaodan120808/photo-sphere-viewer-demo.git2、复制项目文件到上面clone的文件...原创 2018-08-31 17:48:10 · 131 阅读 · 0 评论