IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> electron:BS/CS唤醒 -> 正文阅读

[JavaScript知识库]electron:BS/CS唤醒

BS唤醒:

1、先注册伪协议:

app.setAsDefaultProtocolClient("link");

在浏览器上输入 link://,如果传参的话这样输入?link://appstart?name=1111&password=123456,appstart没有用是随便写的;

2、接收参数有两种方式:

? ① 应用未启用时:用process.argv获取;

 log.info("获取【process.argv】的数据:" + process.argv);
  ipcMain.on("open-login", function (e, msg) {
    // 把数据传给页面,在页面里处理数据
    e.sender.send("process-argv", process.argv);
  });

? ?②?应用启用时:通过second-instance生命周期获取参数;

 let paramsObj = {};
 // 单例锁
  const gotTheLock = app.requestSingleInstanceLock();
  if (gotTheLock) {
    // 应用第二实例,commandLine数据通过处理获取传入的参数
    app.on("second-instance", (event, commandLine, workingDirectory) => {
      log.info("commandLine数据:" + commandLine);
      // 当运行第二个实例时,将会聚焦到mainWindow这个窗口
      if (mainWindow) {
        mainWindow.show();
        mainWindow.setSkipTaskbar(false);
        mainWindow.focus();
      }
      if (process.platform === "win32") {
        let commands = commandLine.slice();
        // commandLine 是一个数组, 其中最后一个数组元素为我们唤醒的链接
        let paramsUrl = decodeURI(commands.pop());
        log.info("BS跳转连接url:" + JSON.stringify(paramsUrl));
        mainWindow.webContents.send("jump-message", paramsUrl);
      }
    });
  }

3、处理传入页面的数据:

 // 页面首次启动触发
 if (this.$store.state.user.isFirst) {
      ipcRenderer.send("open-login");
    }
// 监听第二实例 second-instance 触发
 ipcRenderer.on("jump-message", (event, paramsUrl) => {
      let objParams = this.findUrlParams(paramsUrl);
        // 自动登录
        this.loginAuto(objParams);
      }
    });
// 监听第一启动获取参数 process.argv
ipcRenderer.on("process-argv", (event, argvArr) => {
      // 判断是BS链接唤醒还是CS命令行唤醒:findObj有值是BS链接唤醒,否则是CS命令行唤醒
      let findObj = argvArr.find((item) => {
        return item.includes("link://startapp");
      });

      let objParams = {};
      if ((findObj ?? "") !== "") {
        // BS链接唤醒
        objParams = this.findUrlParams(findObj);
      } else {
        // CS命令行唤醒
        argvArr.forEach((item) => {
          if (item.includes("=")) {
            let arr = item.split("=");
            objParams[arr[0]] = arr[1];
          }
        });
      }
      if (Object.keys(objParams).includes("account")) {
        this.argvObj = objParams;
        this.loginAuto(objParams);
        this.$store.commit("SET_ISFIRST", false);
      }
    });
  // BS参数整理
  findUrlParams(url) {
      let paramsObj = {};
      if (url.includes("?")) {
        let ind = url.indexOf("?");
        let splitArr = url.slice(ind + 1).split("&");
        if (splitArr.length > 0) {
          splitArr.forEach((ele) => {
            let splitEle = ele.split("=");
            paramsObj[splitEle[0]] = splitEle[1];
          });
        }
      }
      return paramsObj;
    },

参考资料:

https://segmentfault.com/a/1190000040130782?sort=newest

https://www.jianshu.com/p/05b9f2fbf4f7

CS唤醒:

通过cmd命令行唤醒并传参:

cmd /c C:\Users\lenovo\AppData\Local\Programs\project\project.exe username=1111 password=123456

命令行唤醒参考:http://ty2y.com/study/cmdmlhdcqdcx.html

通过process.argv获取数据

 // process.argv 获取参数
  log.info("获取【process.argv】的数据:" + process.argv);
  ipcMain.on("open-login", function (e, msg) {
    e.sender.send("process-argv", process.argv);
  });

处理参数:

ipcRenderer.on("process-argv", (event, argvArr) => {
      // 判断是BS链接唤醒还是CS命令行唤醒:findObj有值是BS链接唤醒,否则是CS命令行唤醒
      let findObj = argvArr.find((item) => {
        return item.includes(link://startapp");
      });

      let objParams = {};
      if ((findObj ?? "") !== "") {
        // BS链接唤醒
        objParams = this.findUrlParams(findObj);
      } else {
        // CS命令行唤醒
        argvArr.forEach((item) => {
          if (item.includes("=")) {
            let arr = item.split("=");
            objParams[arr[0]] = arr[1];
          }
        });
      }
    });

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-09-24 20:47:38  更:2022-09-24 20:51:09 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/23 10:43:13-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码