electron實現qq快捷登錄的方法示例

<template>
 <div>

 <button @click="qqLogin">qq登錄</button>
 </div>
</template>

<script>
 export default {
 name: "home",
 mounted() {
 this.$electron.ipcRenderer.on('reply', (e, data) => {
 console.log(data)
 let httpCode = data.request_code[0];
 if (httpCode === '1') {
 alert(data.token[0])
 }
 })
 },
 methods: {
 qqLogin() {
 //請求服務器獲取授權頁面和參數
 this.$http.get('xxxxx')
 .then((result) => {
 if (result.data.status === 1) {
 this.$electron.ipcRenderer.send('qqLogin', {url: result.data.data});
 }
 })
 .catch()
 },
 }
 }
</script>

 loginWindow.webContents.on('new-window', (event, url) => {
 event.preventDefault();
 shell.openExternal(url);
 });

 loginWindow.webContents.on('will-navigate', (e, url,) => {
 content.on('did-get-response-details', (e, status, url, originalURL, httpResponseCode, requestMethod, referrer, header) => {
 if (httpResponseCode === 200) {
 event.sender.send('reply', header);
 // loginWindow.close();
 }
 })
 });

access-control-allow-credentials:["true"]
access-control-allow-headers:["token,Origin, X-Requested-With, Content-Type, Accept"]
access-control-allow-methods:["POST,GET,DELETE,PUT"]
cache-control:["no-store, no-cache, must-revalidate"]
connection:["Keep-Alive"]
content-type:["application/json; charset=utf-8"]
date:["Sun, 21 Oct 2018 14:02:20 GMT"]
expires:["Thu, 19 Nov 1981 08:52:00 GMT"]
keep-alive:["timeout=5, max=100"]
request_code:["1"]
msg:["登錄成功"]
token:["xxxxxxxx"]
pragma:["no-cache"]
server:["Apache/2.4.23 (Win32) OpenSSL/1.0.2j mod_fcgid/2.3.9"]
set-cookie:["PHPSESSID=6b0esq5jd8vloess2c96ove86s; path=/; HttpOnly"]
transfer-encoding:["chunked"]
x-powered-by:["PHP/7.2.1"]

import {ipcMain, BrowserWindow, shell} from 'electron'

ipcMain.on('qqLogin', (event, data) => {
 const loginWindow = new BrowserWindow({
 width: 750,
 height: 450,
 resizable: false,
 minimizable: false,
 maximizable: false,
 webPreferences: {
 devTools: false,
 }
 });

 loginWindow.setMenu(null);

 loginWindow.loadURL(data.url);
 
 loginWindow.webContents.on('new-window', (event, url) => {
 event.preventDefault();
 shell.openExternal(url);
 });
 const content = loginWindow.webContents;

 content.on('will-navigate', (e, status, url,) => {
 content.on('did-get-response-details', (e, status, url, originalURL, httpResponseCode, requestMethod, referrer, header) => {
 if (httpResponseCode === 200) {
 event.sender.send('reply', header);
 loginWindow.close();
 }
 })
 });
});