事件
复制一个包含安装步骤和本插件完整 Markdown 指南的设置提示。
The Capacitor Updater plugin provides several events you can listen to for monitoring the update process and responding to different states.
事件监听器设置
标题:事件监听器设置要监听事件,请使用以下方法在对象上: addListener 复制到剪贴板 CapacitorUpdater 可用事件
import { CapacitorUpdater } from '@capgo/capacitor-updater';
// Add a listenerconst listener = await CapacitorUpdater.addListener('eventName', (event) => { // Handle the event});
// Remove the listener when no longer neededlistener.remove();
// Remove all listenersawait CapacitorUpdater.removeAllListeners();Capgo
可用事件download
下载下载过程中触发的事件,提供下载进度信息。
CapacitorUpdater.addListener('download', (event) => { console.log(`Download progress: ${event.percent}%`); console.log('Bundle info:', event.bundle);});事件数据:
percent: number - 下载进度百分比(0-100)bundle: BundleInfo - 下载的包信息
noNeedUpdate
无需更新当检查更新时确定无需更新时触发
CapacitorUpdater.addListener('noNeedUpdate', (event) => { console.log('App is up to date'); console.log('Current bundle:', event.bundle);});事件数据:
bundle: BundleInfo - 当前捆绑包的信息
updateAvailable
标题:更新可用当有可下载的新更新时触发。
CapacitorUpdater.addListener('updateAvailable', (event) => { console.log('Update available'); console.log('New bundle:', event.bundle); // You can trigger a download here if needed});事件数据:
bundle: BundleInfo - 可下载的更新捆绑包的信息
downloadComplete
标题:下载完成当捆绑包下载成功时触发。
CapacitorUpdater.addListener('downloadComplete', (event) => { console.log('Download completed'); console.log('Downloaded bundle:', event.bundle); // You might want to set this bundle as next});事件数据:
bundle: BundleInfo - 下载的软件包信息
majorAvailable
主标题:majorAvailable当有重大更新可用,但被自动更新设置阻止时触发。
CapacitorUpdater.addListener('majorAvailable', (event) => { console.log('Major update available:', event.version); // Notify user about major update});事件数据:
version: string - 主要更新的版本号
updateFailed
主标题:updateFailed当下一次应用启动时更新安装失败时触发。
CapacitorUpdater.addListener('updateFailed', (event) => { console.error('Update failed to install'); console.log('Failed bundle:', event.bundle); // Handle rollback or retry logic});事件数据:
bundle: BundleInfo - 安装失败的包信息
downloadFailed
下载失败下载包失败时触发。
CapacitorUpdater.addListener('downloadFailed', (event) => { console.error('Download failed for version:', event.version); // Handle download retry logic});事件数据:
version: string - 下载失败的版本
appReloaded
应用重载应用重载时触发。
CapacitorUpdater.addListener('appReloaded', () => { console.log('App has been reloaded'); // Perform any necessary reinitialization});无 __CAPGO_KEEP_0__
appReady
Section titled “appReady”当应用程序更新后,应用程序准备就绪时触发。
CapacitorUpdater.addListener('appReady', (event) => { console.log('App is ready'); console.log('Current bundle:', event.bundle); console.log('Status:', event.status);});事件数据:
bundle: BundleInfo - 当前捆绑包的信息status: string - 就绪状态
许多事件包含一个 BundleInfo 包含以下属性的对象:
interface BundleInfo { id: string; // Unique bundle identifier version: string; // Bundle version downloaded: string; // Download timestamp checksum?: string; // Bundle checksum (if available) status: BundleStatus; // Bundle status}可以是: BundleStatus - 成功下载包
'success'- 下载包安装失败'error'- 等待设置为下一个包'pending'- 当前正在下载包'downloading'示例:完整更新流程
标题:示例:完整更新流程
以下是处理完整更新流程事件的示例:Copy to clipboard
import { CapacitorUpdater } from '@capgo/capacitor-updater';
export class UpdateManager { private listeners: any[] = [];
async setupListeners() { // Listen for available updates this.listeners.push( await CapacitorUpdater.addListener('updateAvailable', async (event) => { console.log('Update available:', event.bundle.version); // Auto-download the update await CapacitorUpdater.download({ url: event.bundle.url, version: event.bundle.version }); }) );
// Monitor download progress this.listeners.push( await CapacitorUpdater.addListener('download', (event) => { console.log(`Downloading: ${event.percent}%`); // Update UI progress bar this.updateProgressBar(event.percent); }) );
// Handle download completion this.listeners.push( await CapacitorUpdater.addListener('downloadComplete', async (event) => { console.log('Download complete:', event.bundle.version); // Set as next bundle await CapacitorUpdater.next({ id: event.bundle.id }); }) );
// Handle failures this.listeners.push( await CapacitorUpdater.addListener('downloadFailed', (event) => { console.error('Download failed:', event.version); this.showError('Update download failed. Please try again later.'); }) );
this.listeners.push( await CapacitorUpdater.addListener('updateFailed', (event) => { console.error('Update installation failed:', event.bundle.version); this.showError('Update installation failed. The app has been rolled back.'); }) );
// Handle app ready this.listeners.push( await CapacitorUpdater.addListener('appReady', async (event) => { console.log('App ready with bundle:', event.bundle.version); }) ); }
cleanup() { // Remove all listeners when no longer needed this.listeners.forEach(listener => listener.remove()); this.listeners = []; }
private updateProgressBar(percent: number) { // Update your UI progress bar }
private showError(message: string) { // Show error to user }}复制到剪贴板
最佳实践-
标题为“最佳实践”
notifyAppReady()始终调用:当使用自动更新时,始终在应用初始化后调用此方法以防止回滚 -
处理失败时保持风度: 下载和更新失败时正确处理错误。
-
向用户提供反馈: 使用下载进度事件向用户展示更新进度。
-
清除监听器: 移除不再需要的事件监听器以防止内存泄漏。
-
测试更新场景: 测试各种更新场景,包括失败、回滚和重大更新。
继续阅读事件
: “继续阅读事件”部分标题。如果您正在使用 事件 为原生插件工作做好准备,连接它 使用@capgo/capacitor-updater 为原生能力在使用@capgo/capacitor-updater中 Capgo插件目录 为产品工作流程在Capgo插件目录中 Capacitor插件由Capgo 为实现细节在Capacitor插件由Capgo中 添加或更新插件 为实现细节在添加或更新插件中,并且 Ionic企业插件替代品 为产品工作流程在Ionic企业插件替代品中