メインコンテンツまでスキップ
Version: v6

Network

Requires Cordova plugin: cordova-plugin-network-information. For more info, please see the Network plugin docs.

https://github.com/apache/cordova-plugin-network-information

Stuck on a Cordova issue?

Don't waste precious time on plugin issues.

If you're building a serious project, you can't afford to spend hours troubleshooting. Ionic’s experts offer premium advisory services for both community plugins and premier plugins.

Installation

$ npm install cordova-plugin-network-information 
$ npm install @awesome-cordova-plugins/network
$ ionic cap sync

Supported Platforms

  • Amazon Fire OS
  • Android
  • Browser
  • iOS
  • Windows

Usage

React

Learn more about using Ionic Native components in React

Angular

import { Network } from '@awesome-cordova-plugins/network/ngx';

constructor(private network: Network) { }

...

// watch network for a disconnection
let disconnectSubscription = this.network.onDisconnect().subscribe(() => {
console.log('network was disconnected :-(');
});

// stop disconnect watch
disconnectSubscription.unsubscribe();


// watch network for a connection
let connectSubscription = this.network.onConnect().subscribe(() => {
console.log('network connected!');
// We just got a connection but we need to wait briefly
// before we determine the connection type. Might need to wait.
// prior to doing any api requests as well.
setTimeout(() => {
if (this.network.type === 'wifi') {
console.log('we got a wifi connection, woohoo!');
}
}, 3000);
});

// stop connect watch
connectSubscription.unsubscribe();