简单且详细地实现 Electron 自动更新(Auto Update)
前言
最近团队接到一个新需求要用到 Electron 相关的技术开发端上应用(Windows 和 Linux),然后笔者选择的就是自己比较熟悉的技术栈 React + Electron
来进行项目开发。开发过程中其实就是纯 Web 体验,然后在迭代了几个版本之后,用户就反馈“能不能增加自动更新功能?”
因为现在每次都是将安装包放到一个 CDN 上然后告诉用户下载重新安装替换原来的版本,原本我觉得自动更新是 Electron 的一个很简单的配置,应该花费不了太多时间,但是事与愿违,在查看了文档以及各种网上资料过后,磕磕绊绊的终于实现了 Windows 和 Linux 下应用自动更新的功能,在这里就把整个过程记录下来,帮助后续有需要的朋友。
需要强调一下,可能 Electron 自动更新真的是一个简单的功能,但是从网上能查到的资料来看,大家真的对新手不负责,对自己写的文章不负责,基本上 10 篇文章都说能自动更新,9 篇文章的代码更新不了无法使用甚至是根本运行不了,笔者相信他们自己是会自动更新的,但是他们写出来的东西真的不是为了告诉别人怎么实现自动更新的,应该单纯就是凑篇文章吧。咱就说也不是啥重要的内容,藏着掖着真没必要。
更新前准备
本文主要是讲 Electron 的自动更新,因此核心是自动更新的逻辑,所以无论你是原生 Electron 还是 React/Vue 的 Electron 大前端开发,本文只集中在核心的自动更新逻辑部分,并且因为前面提到过,笔者对 Electron 也不是很熟悉,所以不会讲过多内部源码细节,你就算问我也不会其实????。
Electron 代码仓库
笔者这边使用的是一个通用的脚手架来做示例代码的,脚手架地址electron-react-boilerplate,还是那句话既然你看这篇文章了,那么说明至少你和我一样是接触过前端正在搞 Electron 的,更多基础的东西我就不介绍了。
本文所有代码均在本地真实地运行跑通过,所有的截图均来自 electron-react-auto-update 代码仓库。
更新服务器
通常官方文档提供的更新示例都是极简的,比如写一个简单的脚手架然后推到 Github 上,通过 Github 的 Releases 服务进行更新,因此他们的服务配置一般来说都是这样:
{
...
"build": {
...,
"publish": {
"provider": "github",
"owner": "electron-react-boilerplate",
"repo": "electron-react-boilerplate"
}
}
}
这里的 Provider 比较重要,简单来说就是表示以何种方式进行应用的升级,以下是一些可能的 provider
值及其含义(我觉得必要的知识还是需要介绍大家了解一下的):
-
github
: 使用 GitHub Releases 作为更新源。 -
gitlab
: 使用 GitLab Releases 作为更新源。 -
s3
: 使用 Amazon S3 或兼容 S3 的存储作为更新源。 -
spaces
: 使用 DigitalOcean Spaces 作为更新源。 -
generic
: 使用一个通用的 HTTP 服务器作为更新源。这时,你需要手动上传更新文件到你指定的服务器,并确保访问 URL 正确。
官方文档这么介绍没问题,因为官方需要保证通用性简便性,但是其实 90% 的应用场景肯定都是私有化部署升级,因此我这边只介绍 generic
这种方式,也就是使用 HTTP 服务器作为更新源来升级,这样的话就需要文件服务器,因此在实现代码更新之前各位开发者需要准备一个文件服务器。为了简单,我为大家实现了一个简易的本地离线文件服务器,并作了如下约定:
- 目前仓库代码开发模式版本为 v0.1.0
- 我已经提前打包好了 v0.3.6 的版本更新所需的内容放到了本地服务器
- 服务器地址就是仓库下
file-server
文件夹 -
npm install
之后在根目录下运行npm run start:file-server
即可启动服务器
文件服务器启动效果如下图:
至此,前期准备工作完成,也就是说开发者将仓库代码 Clone 到本地(直接下载也可以)之后,本地的代码就是 0.1.0
的版本(这里的当前版本脚手架读取的是 /release/app/package.json
里面的 version
字段),然后如果想查看更新效果,运行本地的文件更新服务器,打包之后就可以实现自动更新功能的试用。
废话不多说,接下来直接进行应用更新代码部分的讲解,我会非常详细的为大家讲解 Electron 应用自动更新的步骤。
简单的自动更新
需要注意的是,在开发模式下是无法预览自动更新的,网上有很多办法说可以,我试了一圈都不行,是我自己太菜的问题,所以我建议大家在生产模式下进行验证。
对于我提供的示例代码,大家只需要执行如下几步:
- Clone 代码到本地(直接下载也可以)
-
npm install
安装必要依赖 -
npm run package
打包应用 - 访问生产包,路径:
/release/build/xxxx.exe
(Windows) 或者/release/build/xxxx.AppImage
(Linux)
执行完上述操作过后,再根据前面的步骤把文件服务器启动起来,点击打开应用,就能查看应用的自动更新效果。
- Windows 下的自动更新
- Linux 下的自动更新
从上面两个效果图可以看的出,在 Linux 和 Windows 系统下面均实现了应用的自动更新功能,虽然略显粗糙但是毕竟是可用的。既然这里已经证明了方案的可行性,那么接下来的所有代码和示例截图我就都使用 Windows 系统来进行了! 因为双系统切换截图还是比较麻烦的。
核心代码讲解
接下来,我们进行核心代码的讲解。Electron 的自动更新逻辑还是比较简单的,我这边分为两部分,一部分是更新逻辑,一部分是主线程逻辑,简单的更新逻辑并不需要渲染线程,完全托管在 Electron 原生里面。具体代码如下:
- 更新逻辑核心代码
// src/main/auto-update.ts
export async function autoUpdateApp() {
// 等待 3 秒再检查更新,确保窗口准备完成,用户进入系统
await sleep(3000);
// 每次启动自动更新检查更新版本
autoUpdater.checkForUpdates();
autoUpdater.logger = logger;
autoUpdater.disableWebInstaller = false;
// 这个写成 false,写成 true 时,可能会报没权限更新
autoUpdater.autoDownload = false;
autoUpdater.on("error", (error) => {
logger.error(["检查更新失败", error]);
});
// 当有可用更新的时候触发。 更新将自动下载。
autoUpdater.on("update-available", (info) => {
logger.info("检查到有更新,开始下载新版本");
const { version } = info;
logger.info(`最新版本为: ${version}`);
// 这里做的是检测到更新,直接就下载
autoUpdater.downloadUpdate();
});
// 当没有可用更新的时候触发,其实就是啥也不用做
autoUpdater.on("update-not-available", () => {
logger.info("没有可用更新");
});
// 下载更新包的进度,可以用于显示下载进度与前端交互等
autoUpdater.on("download-progress", async (progress) => {
logger.info(progress);
});
// 在更新下载完成的时候触发。
autoUpdater.on("update-downloaded", (res) => {
logger.info("下载完毕, 提示安装更新", res);
// 这里需要注意,Electron.dialog 想要使用,必须在 BrowserWindow 创建之后
dialog
.showMessageBox({
title: "更新应用",
message: "已为您下载最新应用,点击确定马上替换为最新版本!",
})
.then(() => {
logger.info("退出应用,安装开始!");
// 重启应用并在下载后安装更新,它只应在发出 update-downloaded 这个事件后方可被调用。
autoUpdater.quitAndInstall();
});
});
}
- 主线程逻辑
// src/main/main.ts
import { autoUpdateApp } from './app-update';
...
app
.whenReady()
.then(() => {
// 创建窗口
createWindow();
// 检查更新
autoUpdateApp();
app.on('activate', () => {
// On macOS it's common to re-create a window in the app when the
// dock icon is clicked and there are no other windows open.
if (mainWindow === null) createWindow();
});
})
.catch(console.log);
从上面的代码来看,真的非常简单,封装好自动更新逻辑之后,只需要在窗口准备完成之后调用方法即可实现自动更新~
此部分的代码我更新到了仓库的 electron-react-auto-update_feature/easy-upgrade 分支,大家可以进行查看。别人的文章可能会给你讲为什么用第三方包
electron-updater
而不是原生的Electron.autoUpdater
,优势好处之类的,在本文里是不会讲的,因为两方面:
- 我个人不擅长 Electron,写这篇文章就是踩坑记录帮助别人
- 明明有 100 分的答案,为啥还要去告诉别人 60 分的答案?对比了你也不会去用的,意义不大。
前端自定义展示的自动更新
经过上面的步骤,相信大家都已经完成了示例应用的自动更新,那么接下来讨论的就是精益求精,让应用自动更新这个产品需求变得更完美。前面的更新步骤完全是通过 Electron 原生能力进行更新的,我个人觉得存在如下几个可以优化的地方:
- 不同系统版本的更新配置比较繁琐
"build": {
...
"publish": {
"provider": "generic",
"url": "http://localhost:8099/packages/win32/"
}
}
上面是示例应用自动更新的核心配置项 publish
,这里在不同系统内会有一个问题,我在 windows 打包设置当前这个地址,但是我如果在 linux 打包的时候,需要变更这个地址打包才可以,要不然应用其实检测不到对的版本对的安装包。
- 更新是一个完全自主行为不可控
前面编写的代码检测到更新就直接给用户下载安装了,其实从 UX 的角度来说这一点是值得商榷的,应该更优雅的提示用户。
- 更新效果粗糙,原生能力有限
对于应用自动更新来说,Electron 的原生效果体验并不是很好,这也不能怨它,因为它负责提供基础的更新能力,所有底层都开放出来了,开发者自行优化就可以了。那么既然是套壳的前端应用,无论是 React.js 还是 Vue.js 应该都能从前端的角度将整个更新过程美化,让用户得到更好的体验。
上面是针对当前版本的示例应用我感知到的三个问题,接下来就一一解答并附上核心代码。
细化配置,实现不同系统自主更新
前面说了,不同系统之间更新配置需要频繁切换 publish.url
地址然后再重新打包才可以,那么有没有办法一次性配置好,根据系统版本进行打包呢?答案是有的,publish
字段表示的就是如何发布自动更新,如果这个字段在最外层,那么就只能有一种写法,但是其实这个字段还可以配置到系统打包参数里,比如下面这样:
"build": {
...
"win": {
"target": [
"nsis"
],
"publish": {
"provider": "generic",
"url": "http://localhost:8099/packages/win32/"
}
},
"linux": {
"target": [
"AppImage"
],
"category": "Development",
"publish": {
"provider": "generic",
"url": "http://localhost:8099/packages/linux/"
}
},
...
"publish": {
"provider": "generic",
"url": "http://localhost:8099/packages/linux/"
}
},
上面配置完成之后,在不同系统的打包参数里我们都指定了 publish
的详细更新参数,这里的优先级是高于外层的,这样就避免了不同系统需要修改参数再打包的窘境了~
比如将外层的 publish
参数改成 /linux
路径的更新地址,然后在 Windows 系统内进行打包,打包过后会发现更新地址正确的替换成了 /win32
,这里如果想要查看具体地址的话,文件位置在 /release/build/win-unpacked/resources/app-update.yml
。
前面已经说过了,已经验证完成了 Windows 系统和 Linux 系统的兼容性,后续就不一一介绍,只介绍 Windows 下的各类情况,Linux 部分笔者也全部测试过,是没问题的。
更新自主可控
前面的效果大家应该已经看到了,应用启动检测发现新版本就直接提示用户更新,点完就更新完了,完全没给用户机会,万一用户不想更新怎么办,这里其实可以在更新代码处增加用户交互限制,比如提供跳过此版本更新,取消更新的服务,比如下面这样:
// src/main/main.ts
import {
app,
dialog,
BrowserWindow,
MessageBoxOptions,
MessageBoxReturnValue,
} from "electron";
import { join } from "path";
import { autoUpdater } from "electron-updater";
import logger from "electron-log";
import Store from "electron-store";
const store = new Store();
async function sleep(ms: number) {
return new Promise((resolve) => {
const timer = setTimeout(() => {
resolve(true);
clearTimeout(timer);
}, ms);
});
}
/**
* 用户确定是否下载更新
*/
export function downloadUpdate() {
autoUpdater.downloadUpdate();
}
/**
* 自动更新的逻辑
* @param mainWindow
*/
export async function autoUpdateApp(mainWindow: BrowserWindow) {
// 等待 3 秒再检查更新,确保窗口准备完成,用户进入系统
await sleep(3000);
// 每次启动自动更新检查更新版本
autoUpdater.checkForUpdates();
autoUpdater.logger = logger;
autoUpdater.disableWebInstaller = false;
// 这个写成 false,写成 true 时,可能会报没权限更新
autoUpdater.autoDownload = false;
autoUpdater.on("error", (error) => {
logger.error(["检查更新失败", error]);
});
// 当有可用更新的时候触发。 更新将自动下载。
autoUpdater.on("update-available", (info) => {
logger.info("检查到有更新,开始下载新版本");
logger.info(info);
downloadUpdate();
});
// 当没有可用更新的时候触发,其实就是啥也不用做
autoUpdater.on("update-not-available", () => {
logger.info("没有可用更新");
});
// 下载更新包的进度,可以用于显示下载进度与前端交互等
autoUpdater.on("download-progress", async (progress) => {
logger.info(progress);
});
// 在更新下载完成的时候触发。
autoUpdater.on("update-downloaded", (info) => {
// 检查是否用户已经跳过了当前版本
const skippedVersion = store.get("skippedVersion");
logger.info("下载完毕!提示安装更新");
logger.info(info);
// 如果当前下载的版本就是设置的跳过的版本,那么就不提示用户安装
if (info.version === skippedVersion) return;
// 定义 Dialog 参数
const dialogOpts: MessageBoxOptions = {
type: "info",
buttons: ["取消", "跳过版本", "更新"],
title: "升级提示",
message: "已为您下载最新应用!",
detail:
"点击“更新”马上替换为最新版本,点击“跳过版本”不再接收当前版本更新。",
};
// dialog 想要使用,必须在 BrowserWindow 创建之后
dialog
.showMessageBox(dialogOpts)
.then((returnVal: MessageBoxReturnValue) => {
const { response } = returnVal;
if (response === 2) {
logger.info("退出应用,安装开始!");
// 安装的时候如果设置过 skkipVersion, 需要清除掉
store.delete("skippedVersion");
// 走默认的自动更新逻辑
autoUpdater.quitAndInstall();
} else if (response === 1) {
// 如果用户选择跳过版本,我们储存这个版本号到 electron-store
store.set("skippedVersion", info.version);
} else {
logger.info("用户点击了取消,本次不进行升级");
}
});
});
}
上面代码我写了丰富的注释,就不过多进行讲解了,详细的代码放到了仓库feature/control-update 分支,感兴趣的自行查看,实际的效果如下面所示:
- 本次不更新,但是下一次打开应用依然会提示更新
- 跳过本次更新,直到下次有更高的版本之后再提示
前端精致化显示更新进度
前面两步基本上完成了一整套更新流程,但是更新效果比较粗糙,因为用的是 Electron 原生提供的交互能力,在实现的过程中让我怀念起了大学期间写 C# 的时光,不过既然是一个套壳前端应用,作为一个纯正的前端,肯定是希望能把页面做的尽量酷炫的,饱暖思淫欲,在基本需求满足之后还是希望效果能变得更加精致,用户体验更好,比如下面的交互:
其实体验可能也没有好那么多,因为只是一个简易版前端 Demo,但是虽然简单,所有的细节都是由前端来操控实现的,我这边就抛砖引玉,有兴趣的读者可以自己去实现一个炫酷炸天的更新页面。接下来主要给大家讲解一下核心的代码细节:
- 自动更新的逻辑代码
// 这里主要负责获取更新的细节,将信息回传渲染线程,不做任何逻辑处理
// src/main/autoUpdater.js
import { app, BrowserWindow } from 'electron';
import { autoUpdater } from 'electron-updater';
/**
* 用户确定是否下载更新
*/
export function downloadUpdate() {
autoUpdater.downloadUpdate();
}
/**
* 退出并安装更新
*/
export function installUpdate() {
autoUpdater.quitAndInstall();
}
/**
* 自动更新的逻辑
* @param mainWindow
*/
export async function autoUpdateApp(mainWindow: BrowserWindow) {
// 等待 3 秒再检查更新,确保窗口准备完成,用户进入系统
await sleep(3000);
// 每次启动自动更新检查更新版本
autoUpdater.checkForUpdates();
autoUpdater.logger = logger;
autoUpdater.disableWebInstaller = false;
// 这个写成 false,写成 true 时,可能会报没权限更新
autoUpdater.autoDownload = false;
autoUpdater.on('error', (error) => {
logger.error(['检查更新失败', error]);
});
// 当有可用更新的时候触发。 更新将自动下载。
autoUpdater.on('update-available', (info) => {
logger.info('检查到有更新');
logger.info(info);
// 检查到可用更新,交由用户提示是否下载
mainWindow.webContents.send('update-available', info);
});
// 下载更新包的进度,可以用于显示下载进度与前端交互等
autoUpdater.on('download-progress', async (progress) => {
logger.info(progress);
// 计算下载百分比
const downloadPercent = Math.round(progress.percent * 100) / 100;
// 实时同步下载进度到渲染进程,以便于渲染进程显示下载进度
mainWindow.webContents.send('download-progress', downloadPercent);
});
// 在更新下载完成的时候触发。
autoUpdater.on('update-downloaded', (res) => {
logger.info('下载完毕!提示安装更新');
logger.info(res);
// 下载完成之后,弹出对话框提示用户是否立即安装更新
mainWindow.webContents.send('update-downloaded', res);
});
}
这里大部分的代码和之前的更新逻辑都是一样的,核心关注的就是之前检测到更新,下载更新以及安装更新都是原生进行的,而现在通过 mainWindow.webContents.send()
方法发送给前端,由前端来控制交互。
- 主线程
// 主线程用于接收渲染线程的消息,是否下载,是否更新
import { autoUpdateApp, installUpdate, downloadUpdate } from './app-update';
// 下载更新
ipcMain.on('download-update', async () => {
downloadUpdate();
});
// 安装更新
ipcMain.on('install-update', async () => {
installUpdate();
});
app
.whenReady()
.then(() => {
// 创建窗口
createWindow();
// 检查更新
autoUpdateApp(mainWindow as BrowserWindow);
app.on('activate', () => {
// On macOS it's common to re-create a window in the app when the
// dock icon is clicked and there are no other windows open.
if (mainWindow === null) createWindow();
});
})
.catch(console.log);
主线程逻辑和之前不同的地方在于除了检查更新之外,还需要接收渲染线程的消息,用来处理下载更新以及安装更新的操作。
- 渲染线程
// 渲染线程,也就是前端,进行逻辑交互
import { useEffect, useState } from 'react';
import { Button, Progress } from 'antd';
import styled from 'styled-components';
const Container = styled.div`
position: relative;
height: 100%;
width: 100%;
background-color: #fff;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
h1 {
margin-top: 20px;
font-size: 40px;
color: #333;
letter-spacing: 10px;
}
`;
export default function Upgrade() {
const [progress, setProgress] = useState<number>(0);
useEffect(() => {
// 跳转到此页面,立刻开始下载
window.electron.ipcRenderer.sendMessage('download-update');
// 同时同步监听下载进度
window.electron.ipcRenderer.on('download-progress', (prog: any) => {
setProgress(prog);
});
// 监听下载完成
window.electron.ipcRenderer.on('update-downloaded', (info) => {
// 提示用户安装更新
console.log('update-downloaded: ', info);
// 下载完成设置 progress 为 100
setProgress(100);
});
}, []);
// 安装更新
const installupdate = () => {
window.electron.ipcRenderer.sendMessage('install-update');
};
return (
<Container>
<Progress type="circle" percent={progress} size={320} />
{progress >= 100 ? (
<h1
style={{
display: 'flex',
flexDirection: 'column',
justifyContent: 'center',
alignItems: 'center',
}}
>
应用下载完成
<Button
onClick={installupdate}
type="primary"
style={{ marginTop: 20 }}
size="large"
>
退出并安装更新
</Button>
</h1>
) : (
<h1>正在下载更新...</h1>
)}
</Container>
);
}
渲染线程就是前端实现控制更新提示、下载更新、显示更新进度以及安装更新,完全的前端代码,相信各位前端大佬都能明白。
这部分的代码已经合并到了electron-react-auto-update_feature/fe-optimize 分支,感兴趣的朋友可以自行查看。
总结
至此,Electron 应用的自动更新逻辑就讲解完成了,还是那句话,笔者对于这块知识点也是初学探索中,因此有讲解不到的地方大家体谅,有不懂的可以留言交流,目的就是标题 — 希望通过详细的源码以及示例帮助开发者简单的实现 Electron 应用自动推送更新的功能~
下一篇: 适配器模式详解与实际应用场景举例
推荐阅读
-
简单且详细地实现 Electron 自动更新(Auto Update)
-
SSM三大框架基础面试题-一、Spring篇 什么是Spring框架? Spring是一种轻量级框架,提高开发人员的开发效率以及系统的可维护性。 我们一般说的Spring框架就是Spring Framework,它是很多模块的集合,使用这些模块可以很方便地协助我们进行开发。这些模块是核心容器、数据访问/集成、Web、AOP(面向切面编程)、工具、消息和测试模块。比如Core Container中的Core组件是Spring所有组件的核心,Beans组件和Context组件是实现IOC和DI的基础,AOP组件用来实现面向切面编程。 Spring的6个特征: 核心技术:依赖注入(DI),AOP,事件(Events),资源,i18n,验证,数据绑定,类型转换,SpEL。 测试:模拟对象,TestContext框架,Spring MVC测试,WebTestClient。 数据访问:事务,DAO支持,JDBC,ORM,编组XML。 Web支持:Spring MVC和Spring WebFlux Web框架。 集成:远程处理,JMS,JCA,JMX,电子邮件,任务,调度,缓存。 语言:Kotlin,Groovy,动态语言。 列举一些重要的Spring模块? Spring Core:核心,可以说Spring其他所有的功能都依赖于该类库。主要提供IOC和DI功能。 Spring Aspects:该模块为与AspectJ的集成提供支持。 Spring AOP:提供面向切面的编程实现。 Spring JDBC:Java数据库连接。 Spring JMS:Java消息服务。 Spring ORM:用于支持Hibernate等ORM工具。 Spring Web:为创建Web应用程序提供支持。 Spring Test:提供了对JUnit和TestNG测试的支持。 谈谈自己对于Spring IOC和AOP的理解 IOC(Inversion Of Controll,控制反转)是一种设计思想: 在程序中手动创建对象的控制权,交由给Spring框架来管理。IOC在其他语言中也有应用,并非Spring特有。IOC容器实际上就是一个Map(key, value),Map中存放的是各种对象。 将对象之间的相互依赖关系交给IOC容器来管理,并由IOC容器完成对象的注入。这样可以很大程度上简化应用的开发,把应用从复杂的依赖关系中解放出来。IOC容器就像是一个工厂一样,当我们需要创建一个对象的时候,只需要配置好配置文件/注解即可,完全不用考虑对象是如何被创建出来的。在实际项目中一个Service类可能由几百甚至上千个类作为它的底层,假如我们需要实例化这个Service,可能要每次都搞清楚这个Service所有底层类的构造函数,这可能会把人逼疯。如果利用IOC的话,你只需要配置好,然后在需要的地方引用就行了,大大增加了项目的可维护性且降低了开发难度。 Spring中的bean的作用域有哪些? 1.singleton:该bean实例为单例 2.prototype:每次请求都会创建一个新的bean实例(多例)。 3.request:每一次HTTP请求都会产生一个新的bean,该bean仅在当前HTTP request内有效。 4.session:每一次HTTP请求都会产生一个新的bean,该bean仅在当前HTTP session内有效。 5.global-session:全局session作用域,仅仅在基于Portlet的Web应用中才有意义,Spring5中已经没有了。Portlet是能够生成语义代码(例如HTML)片段的小型Java Web插件。它们基于Portlet容器,可以像Servlet一样处理HTTP请求。但是与Servlet不同,每个Portlet都有不同的会话。 Spring中的单例bean的线程安全问题了解吗? 概念用于理解:大部分时候我们并没有在系统中使用多线程,所以很少有人会关注这个问题。单例bean存在线程问题,主要是因为当多个线程操作同一个对象的时候,对这个对象的非静态成员变量的写操作会存在线程安全问题。 有两种常见的解决方案(用于回答的点): 1.在bean对象中尽量避免定义可变的成员变量(不太现实)。 2.在类中定义一个ThreadLocal成员变量,将需要的可变成员变量保存在ThreadLocal(线程本地化对象)中(推荐的一种方式)。 ThreadLocal解决多线程变量共享问题(参考博客):https://segmentfault.com/a/1190000009236777 Spring中Bean的生命周期: 1.Bean容器找到配置文件中Spring Bean的定义。 2.Bean容器利用Java Reflection API创建一个Bean的实例。 3.如果涉及到一些属性值,利用set方法设置一些属性值。 4.如果Bean实现了BeanNameAware接口,调用setBeanName方法,传入Bean的名字。 5.如果Bean实现了BeanClassLoaderAware接口,调用setBeanClassLoader方法,传入ClassLoader对象的实例。 6.如果Bean实现了BeanFactoryAware接口,调用setBeanClassFacotory方法,传入ClassLoader对象的实例。 7.与上面的类似,如果实现了其他*Aware接口,就调用相应的方法。 8.如果有和加载这个Bean的Spring容器相关的BeanPostProcessor对象,执postProcessBeforeInitialization方法。 9.如果Bean实现了InitializingBean接口,执行afeterPropertiesSet方法。 10.如果Bean在配置文件中的定义包含init-method属性,执行指定的方法。 11.如果有和加载这个Bean的Spring容器相关的BeanPostProcess对象,执行postProcessAfterInitialization方法。 12.当要销毁Bean的时候,如果Bean实现了DisposableBean接口,执行destroy方法。 13.当要销毁Bean的时候,如果Bean在配置文件中的定义包含destroy-method属性,执行指定的方法。 Spring框架中用到了哪些设计模式? 1.工厂设计模式:Spring使用工厂模式通过BeanFactory和ApplicationContext创建bean对象。 2.代理设计模式:Spring AOP功能的实现。 3.单例设计模式:Spring中的bean默认都是单例的。 4.模板方法模式:Spring中的jdbcTemplate、hibernateTemplate等以Template结尾的对数据库操作的类,它们就使用到了模板模式。 5.包装器设计模式:我们的项目需要连接多个数据库,而且不同的客户在每次访问中根据需要会去访问不同的数据库。这种模式让我们可以根据客户的需求能够动态切换不同的数据源。 6.观察者模式:Spring事件驱动模型就是观察者模式很经典的一个应用。 7.适配器模式:Spring AOP的增强或通知(Advice)使用到了适配器模式、Spring MVC中也是用到了适配器模式适配Controller。 还有很多。。。。。。。 @Component和@Bean的区别是什么 1.作用对象不同。@Component注解作用于类,而@Bean注解作用于方法。 2.@Component注解通常是通过类路径扫描来自动侦测以及自动装配到Spring容器中(我们可以使用@ComponentScan注解定义要扫描的路径)。@Bean注解通常是在标有该注解的方法中定义产生这个bean,告诉Spring这是某个类的实例,当我需要用它的时候还给我。 3.@Bean注解比@Component注解的自定义性更强,而且很多地方只能通过@Bean注解来注册bean。比如当引用第三方库的类需要装配到Spring容器的时候,就只能通过@Bean注解来实现。 @Configuration public class AppConfig { @Bean public TransferService transferService { return new TransferServiceImpl; } } <beans> <bean id="transferService" class="com.kk.TransferServiceImpl"/> </beans> @Bean public OneService getService(status) { case (status) { when 1: return new serviceImpl1; when 2: return new serviceImpl2; when 3: return new serviceImpl3; } } 将一个类声明为Spring的bean的注解有哪些? 声明bean的注解: @Component 组件,没有明确的角色 @Service 在业务逻辑层使用(service层) @Repository 在数据访问层使用(dao层) @Controller 在展现层使用,控制器的声明 注入bean的注解: @Autowired:由Spring提供 @Inject:由JSR-330提供 @Resource:由JSR-250提供 *扩:JSR 是 java 规范标准 Spring事务管理的方式有几种? 1.编程式事务:在代码中硬编码(不推荐使用)。 2.声明式事务:在配置文件中配置(推荐使用),分为基于XML的声明式事务和基于注解的声明式事务。 Spring事务中的隔离级别有哪几种? 在TransactionDefinition接口中定义了五个表示隔离级别的常量:ISOLATION_DEFAULT:使用后端数据库默认的隔离级别,Mysql默认采用的REPEATABLE_READ隔离级别;Oracle默认采用的READ_COMMITTED隔离级别。ISOLATION_READ_UNCOMMITTED:最低的隔离级别,允许读取尚未提交的数据变更,可能会导致脏读、幻读或不可重复读。ISOLATION_READ_COMMITTED:允许读取并发事务已经提交的数据,可以阻止脏读,但是幻读或不可重复读仍有可能发生ISOLATION_REPEATABLE_READ:对同一字段的多次读取结果都是一致的,除非数据是被本身事务自己所修改,可以阻止脏读和不可重复读,但幻读仍有可能发生。ISOLATION_SERIALIZABLE:最高的隔离级别,完全服从ACID的隔离级别。所有的事务依次逐个执行,这样事务之间就完全不可能产生干扰,也就是说,该级别可以防止脏读、不可重复读以及幻读。但是这将严重影响程序的性能。通常情况下也不会用到该级别。 Spring事务中有哪几种事务传播行为? 在TransactionDefinition接口中定义了八个表示事务传播行为的常量。 支持当前事务的情况:PROPAGATION_REQUIRED:如果当前存在事务,则加入该事务;如果当前没有事务,则创建一个新的事务。PROPAGATION_SUPPORTS: 如果当前存在事务,则加入该事务;如果当前没有事务,则以非事务的方式继续运行。PROPAGATION_MANDATORY: 如果当前存在事务,则加入该事务;如果当前没有事务,则抛出异常。(mandatory:强制性)。 不支持当前事务的情况:PROPAGATION_REQUIRES_NEW: 创建一个新的事务,如果当前存在事务,则把当前事务挂起。PROPAGATION_NOT_SUPPORTED: 以非事务方式运行,如果当前存在事务,则把当前事务挂起。PROPAGATION_NEVER: 以非事务方式运行,如果当前存在事务,则抛出异常。 其他情况:PROPAGATION_NESTED: 如果当前存在事务,则创建一个事务作为当前事务的嵌套事务来运行;如果当前没有事务,则该取值等价于PROPAGATION_REQUIRED。 二、SpringMVC篇 什么是Spring MVC ?简单介绍下你对springMVC的理解? Spring MVC是一个基于Java的实现了MVC设计模式的请求驱动类型的轻量级Web框架,通过把Model,View,Controller分离,将web层进行职责解耦,把复杂的web应用分成逻辑清晰的几部分,简化开发,减少出错,方便组内开发人员之间的配合。 Spring MVC的工作原理了解嘛? image.png Springmvc的优点: (1)可以支持各种视图技术,而不仅仅局限于JSP; (2)与Spring框架集成(如IoC容器、AOP等); (3)清晰的角色分配:前端控制器(dispatcherServlet) , 请求到处理器映射(handlerMapping), 处理器适配器(HandlerAdapter), 视图解析器(ViewResolver)。 (4) 支持各种请求资源的映射策略。 Spring MVC的主要组件? (1)前端控制器 DispatcherServlet(不需要程序员开发) 作用:接收请求、响应结果,相当于转发器,有了DispatcherServlet 就减少了其它组件之间的耦合度。 (2)处理器映射器HandlerMapping(不需要程序员开发) 作用:根据请求的URL来查找Handler (3)处理器适配器HandlerAdapter 注意:在编写Handler的时候要按照HandlerAdapter要求的规则去编写,这样适配器HandlerAdapter才可以正确的去执行Handler。 (4)处理器Handler(需要程序员开发) (5)视图解析器 ViewResolver(不需要程序员开发) 作用:进行视图的解析,根据视图逻辑名解析成真正的视图(view) (6)视图View(需要程序员开发jsp) View是一个接口, 它的实现类支持不同的视图类型(jsp,freemarker,pdf等等) springMVC和struts2的区别有哪些? (1)springmvc的入口是一个servlet即前端控制器(DispatchServlet),而struts2入口是一个filter过虑器(StrutsPrepareAndExecuteFilter)。 (2)springmvc是基于方法开发(一个url对应一个方法),请求参数传递到方法的形参,可以设计为单例或多例(建议单例),struts2是基于类开发,传递参数是通过类的属性,只能设计为多例。 (3)Struts采用值栈存储请求和响应的数据,通过OGNL存取数据,springmvc通过参数解析器是将request请求内容解析,并给方法形参赋值,将数据和视图封装成ModelAndView对象,最后又将ModelAndView中的模型数据通过reques域传输到页面。Jsp视图解析器默认使用jstl。 SpringMVC怎么样设定重定向和转发的? (1)转发:在返回值前面加"forward:",譬如"forward:user.do?name=method4" (2)重定向:在返回值前面加"redirect:",譬如"redirect:http://www.baidu.com" SpringMvc怎么和AJAX相互调用的? 通过Jackson框架就可以把Java里面的对象直接转化成Js可以识别的Json对象。具体步骤如下 : (1)加入Jackson.jar (2)在配置文件中配置json的映射 (3)在接受Ajax方法里面可以直接返回Object,List等,但方法前面要加上@ResponseBody注解。 如何解决POST请求中文乱码问题,GET的又如何处理呢? (1)解决post请求乱码问题: 在web.xml中配置一个CharacterEncodingFilter过滤器,设置成utf-8; <filter> <filter-name>CharacterEncodingFilter</filter-name> <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class> <init-param> <param-name>encoding</param-name> <param-value>utf-8</param-value> </init-param> </filter> <filter-mapping> <filter-name>CharacterEncodingFilter</filter-name> <url-pattern>/*</url-pattern> </filter-mapping> (2)get请求中文参数出现乱码解决方法有两个: ①修改tomcat配置文件添加编码与工程编码一致,如下: <ConnectorURIEncoding="utf-8" connectionTimeout="20000" port="8080" protocol="HTTP/1.1" redirectPort="8443"/> ②另外一种方法对参数进行重新编码: String userName = new String(request.getParamter("userName").getBytes("ISO8859-1"),"utf-8") ISO8859-1是tomcat默认编码,需要将tomcat编码后的内容按utf-8编码。 Spring MVC的异常处理 ? 统一异常处理: Spring MVC处理异常有3种方式: (1)使用Spring MVC提供的简单异常处理器SimpleMappingExceptionResolver; (2)实现Spring的异常处理接口HandlerExceptionResolver 自定义自己的异常处理器; (3)使用@ExceptionHandler注解实现异常处理; 统一异常处理的博客:https://blog.csdn.net/ctwy291314/article/details/81983103 SpringMVC的控制器是不是单例模式,如果是,有什么问题,怎么解决? 是单例模式,所以在多线程访问的时候有线程安全问题,不要用同步,会影响性能的,解决方案是在控制器里面不能写成员变量。(此题目类似于上面Spring 中 第5题 有两种解决方案) SpringMVC常用的注解有哪些? @RequestMapping:用于处理请求 url 映射的注解,可用于类或方法上。用于类上,则表示类中的所有响应请求的方法都是以该地址作为父路径。 @RequestBody:注解实现接收http请求的json数据,将json转换为java对象。 @ResponseBody:注解实现将conreoller方法返回对象转化为json对象响应给客户。 SpingMvc中的控制器的注解一般用那个,有没有别的注解可以替代? 一般用@Controller注解,也可以使用@RestController,@RestController注解相当于@ResponseBody + @Controller,表示是表现层,除此之外,一般不用别的注解代替。 如果在拦截请求中,我想拦截get方式提交的方法,怎么配置? 可以在@RequestMapping注解里面加上method=RequestMethod.GET。 怎样在方法里面得到Request,或者Session? 直接在方法的形参中声明request,SpringMVC就自动把request对象传入。 如果想在拦截的方法里面得到从前台传入的参数,怎么得到? 直接在形参里面声明这个参数就可以,但必须名字和传过来的参数一样。 如果前台有很多个参数传入,并且这些参数都是一个对象的,那么怎么样快速得到这个对象? 直接在方法中声明这个对象,SpringMVC就自动会把属性赋值到这个对象里面。 SpringMVC中函数的返回值是什么? 返回值可以有很多类型,有String, ModelAndView。ModelAndView类把视图和数据都合并的一起的。 SpringMVC用什么对象从后台向前台传递数据的? 通过ModelMap对象,可以在这个对象里面调用put方法,把对象加到里面,前台就可以拿到数据。 怎么样把ModelMap里面的数据放入Session里面? 可以在类上面加上@SessionAttributes注解,里面包含的字符串就是要放入session里面的key。 SpringMvc里面拦截器是怎么写的: 有两种写法,一种是实现HandlerInterceptor接口,另外一种是继承适配器类,接着在接口方法当中,实现处理逻辑;然后在SpringMvc的配置文件中配置拦截器即可: <!-- 配置SpringMvc的拦截器 --> <mvc:interceptors> <!-- 配置一个拦截器的Bean就可以了 默认是对所有请求都拦截 --> <bean id="myInterceptor" class="com.zwp.action.MyHandlerInterceptor"></bean> <!-- 只针对部分请求拦截 --> <mvc:interceptor> <mvc:mapping path="/modelMap.do" /> <bean class="com.zwp.action.MyHandlerInterceptorAdapter" /> </mvc:interceptor> </mvc:interceptors> 注解原理: 注解本质是一个继承了Annotation的特殊接口,其具体实现类是Java运行时生成的动态代理类。我们通过反射获取注解时,返回的是Java运行时生成的动态代理对象。通过代理对象调用自定义注解的方法,会最终调用AnnotationInvocationHandler的invoke方法。该方法会从memberValues这个Map中索引出对应的值。而memberValues的来源是Java常量池 三、Mybatis篇 什么是MyBatis? MyBatis是一个可以自定义SQL、存储过程和高级映射的持久层框架。 讲下MyBatis的缓存 MyBatis的缓存分为一级缓存和二级缓存,一级缓存放在session里面,默认就有, 二级缓存放在它的命名空间里,默认是不打开的,使用二级缓存属性类需要实现Serializable序列化接口, 可在它的映射文件中配置<cache/> Mybatis是如何进行分页的?分页插件的原理是什么? 1)Mybatis使用RowBounds对象进行分页,也可以直接编写sql实现分页,也可以使用Mybatis的分页插件。 2)分页插件的原理:实现Mybatis提供的接口,实现自定义插件,在插件的拦截方法内拦截待执行的sql,然后重写sql。 举例:select * from student,拦截sql后重写为:select t.* from (select * from student)t limit 0,10 简述Mybatis的插件运行原理,以及如何编写一个插件? 1)Mybatis仅可以编写针对ParameterHandler、ResultSetHandler、StatementHandler、 Executor这4种接口的插件,Mybatis通过动态代理, 为需要拦截的接口生成代理对象以实现接口方法拦截功能, 每当执行这4种接口对象的方法时,就会进入拦截方法, 具体就是InvocationHandler的invoke方法,当然, 只会拦截那些你指定需要拦截的方法。 2)实现Mybatis的Interceptor接口并复写intercept方法, 然后在给插件编写注解,指定要拦截哪一个接口的哪些方法即可, 记住,别忘了在配置文件中配置你编写的插件。 Mybatis动态sql是做什么的?都有哪些动态sql?能简述一下动态sql的执行原理不? 1)Mybatis动态sql可以让我们在Xml映射文件内, 以标签的形式编写动态sql,完成逻辑判断和动态拼接sql的功能。 2)Mybatis提供了9种动态sql标签:trim|where|set|foreach|if|choose|when|otherwise|bind。 3)其执行原理为,使用OGNL从sql参数对象中计算表达式的值, 根据表达式的值动态拼接sql,以此来完成动态sql的功能。 #{}和${}的区别是什么? 1)#{}是预编译处理,${}是字符串替换。 2)Mybatis在处理#{}时,会将sql中的#{}替换为?号,调用PreparedStatement的set方法来赋值(有效的防止SQL注入); 3)Mybatis在处理${}时,就是把${}替换成变量的值。 为什么说Mybatis是半自动ORM映射工具?它与全自动的区别在哪里? Hibernate属于全自动ORM映射工具, 使用Hibernate查询关联对象或者关联集合对象时, 可以根据对象关系模型直接获取,所以它是全自动的。 而Mybatis在查询关联对象或关联集合对象时, 需要手动编写sql来完成,所以,称之为半自动ORM映射工具。 Mybatis是否支持延迟加载?如果支持,它的实现原理是什么? 1)Mybatis仅支持association关联对象和collection关联集合对象的延迟加载, association指的就是一对一,collection指的就是一对多查询。 在Mybatis配置文件中, 可以配置是否启用延迟加载lazyLoadingEnabled=true|false。 2)它的原理是,使用CGLIB创建目标对象的代理对象, 当调用目标方法时,进入拦截器方法, 比如调用a.getB.getName, 拦截器invoke方法发现a.getB是null值, 那么就会单独发送事先保存好的查询关联B对象的sql, 把B查询上来,然后调用a.setB(b), 于是a的对象b属性就有值了, 接着完成a.getB.getName方法的调用。 这就是延迟加载的基本原理。 MyBatis与Hibernate有哪些不同? 1)Mybatis和hibernate不同,它不完全是一个ORM框架, 因为MyBatis需要程序员自己编写Sql语句, 不过mybatis可以通过XML或注解方式灵活配置要运行的sql语句, 并将java对象和sql语句映射生成最终执行的sql, 最后将sql执行的结果再映射生成java对象。 2)Mybatis学习门槛低,简单易学,程序员直接编写原生态sql, 可严格控制sql执行性能,灵活度高,非常适合对关系数据模型要求不高的软件开发, 例如互联网软件、企业运营类软件等,因为这类软件需求变化频繁, 一但需求变化要求成果输出迅速。但是灵活的前提是mybatis无法做到数据库无关性, 如果需要实现支持多种数据库的软件则需要自定义多套sql映射文件,工作量大。 3)Hibernate对象/关系映射能力强,数据库无关性好, 对于关系模型要求高的软件(例如需求固定的定制化软件) 如果用hibernate开发可以节省很多代码,提高效率。 但是Hibernate的缺点是学习门槛高,要精通门槛更高, 而且怎么设计O/R映射,在性能和对象模型之间如何权衡, 以及怎样用好Hibernate需要具有很强的经验和能力才行。 总之,按照用户的需求在有限的资源环境下只要能做出维护性、 扩展性良好的软件架构都是好架构,所以框架只有适合才是最好。 MyBatis的好处是什么? 1)MyBatis把sql语句从Java源程序中独立出来,放在单独的XML文件中编写, 给程序的维护带来了很大便利。 2)MyBatis封装了底层JDBC API的调用细节,并能自动将结果集转换成Java Bean对象, 大大简化了Java数据库编程的重复工作。 3)因为MyBatis需要程序员自己去编写sql语句, 程序员可以结合数据库自身的特点灵活控制sql语句, 因此能够实现比Hibernate等全自动orm框架更高的查询效率,能够完成复杂查询。 简述Mybatis的Xml映射文件和Mybatis内部数据结构之间的映射关系? Mybatis将所有Xml配置信息都封装到All-In-One重量级对象Configuration内部。 在Xml映射文件中,<parameterMap>标签会被解析为ParameterMap对象, 其每个子元素会被解析为ParameterMapping对象。 <resultMap>标签会被解析为ResultMap对象, 其每个子元素会被解析为ResultMapping对象。 每一个<select>、<insert>、<update>、<delete> 标签均会被解析为MappedStatement对象, 标签内的sql会被解析为BoundSql对象。 什么是MyBatis的接口绑定,有什么好处? 接口映射就是在MyBatis中任意定义接口,然后把接口里面的方法和SQL语句绑定, 我们直接调用接口方法就可以,这样比起原来了SqlSession提供的方法我们可以有更加灵活的选择和设置. 接口绑定有几种实现方式,分别是怎么实现的? 接口绑定有两种实现方式,一种是通过注解绑定,就是在接口的方法上面加 上@Select@Update等注解里面包含Sql语句来绑定, 另外一种就是通过xml里面写SQL来绑定,在这种情况下, 要指定xml映射文件里面的namespace必须为接口的全路径名. 什么情况下用注解绑定,什么情况下用xml绑定? 当Sql语句比较简单时候,用注解绑定;当SQL语句比较复杂时候,用xml绑定,一般用xml绑定的比较多 MyBatis实现一对一有几种方式?具体怎么操作的? 有联合查询和嵌套查询,联合查询是几个表联合查询,只查询一次, 通过在resultMap里面配置association节点配置一对一的类就可以完成; 嵌套查询是先查一个表,根据这个表里面的结果的外键id, 去再另外一个表里面查询数据,也是通过association配置, 但另外一个表的查询通过select属性配置。 Mybatis能执行一对一、一对多的关联查询吗?都有哪些实现方式,以及它们之间的区别? 能,Mybatis不仅可以执行一对一、一对多的关联查询, 还可以执行多对一,多对多的关联查询,多对一查询, 其实就是一对一查询,只需要把selectOne修改为selectList即可; 多对多查询,其实就是一对多查询,只需要把selectOne修改为selectList即可。 关联对象查询,有两种实现方式,一种是单独发送一个sql去查询关联对象, 赋给主对象,然后返回主对象。另一种是使用嵌套查询,嵌套查询的含义为使用join查询, 一部分列是A对象的属性值,另外一部分列是关联对象B的属性值, 好处是只发一个sql查询,就可以把主对象和其关联对象查出来。 MyBatis里面的动态Sql是怎么设定的?用什么语法? MyBatis里面的动态Sql一般是通过if节点来实现,通过OGNL语法来实现, 但是如果要写的完整,必须配合where,trim节点,where节点是判断包含节点有 内容就插入where,否则不插入,trim节点是用来判断如果动态语句是以and 或or 开始,那么会自动把这个and或者or取掉。 Mybatis是如何将sql执行结果封装为目标对象并返回的?都有哪些映射形式? 第一种是使用<resultMap>标签,逐一定义列名和对象属性名之间的映射关系。 第二种是使用sql列的别名功能,将列别名书写为对象属性名, 比如T_NAME AS NAME,对象属性名一般是name,小写, 但是列名不区分大小写,Mybatis会忽略列名大小写,