应用介绍
Weex netInfo插件是WEEX上的一款网络监听插件,用户利用这个 netInfo模块监听网络变化和获取网络状态,下面一起来详细了解下这个项目。
项目地址
github
API
fetch(options, callback[options])
获取当前网络状态
参数
options {Object}:获取网络状态时设置的参数
url {number}:测试地址,如:www.baidu.com
callback {function (ret)}:执行完读取操作后的回调函数。ret {Object} 为 callback 函数的参数,有两个属性:
result {string}:结果三种类型 success, cancel, error
info {string}:网络状态:ios有四种:unknown,none,cell,wifi。
startMonitor(options, callback[options])
监听网络状态,网络状态发生改变返回改变后的状态
参数
options {Object}:监听网络时设置的参数
url {number}:测试地址,如:www.baidu.com
callback {function (ret)}:网络状态发生改变后的回调函数。ret {Object} 为 callback 函数的参数,有两个属性:
result {string}:结果三种类型 success, cancel, error
info {string}:网络状态:ios有四种:unknown,none,cell,wifi。
stopMonitor(options, callback[options])
关闭监听
参数
- `options {Object}`:关闭监听返回的结果
- `url {number}`:测试地址,如:www.baidu.com
- `callback {function (ret)}`:关闭监听后的回调函数。`ret {Object}` 为 `callback` 函数的参数,有两个属性:
- `result {string}`:结果三种类型 `success`, `cancel`, `error`
- `data {string}`:设置的结果,如stop。
示例
"flex-direction: row; justify-content: center;">"getStatus" size="small" type="primary" onclick="{{getStatus}}">"startMonitor" size="small" onclick="{{startMonitor}}" type="primary" style="margin-left:20px;">"stopMonitor" size="small" onclick="{{stopMonitor}}" type="primary" style="margin-left:20px;">"font-size:100px;" >Hello World.- value={{info}}>
- <script>
- require('weex-components');
- var netInfo = require('@weex-module/netInfo');
- module.exports = {
- data: {
- info: '',
- },
- methods: {
- getStatus:function() {
- var me = this;
- netInfo.fetch({url:'www.baidu.com'},function(ret){
- me.info = JSON.stringify(ret)
- });
- },
- startMonitor:function() {
- var me = this;
- netInfo.startMonitor({url:'www.baidu.com'},function(ret){
- me.info = JSON.stringify(ret)
- });
- },
- stopMonitor: function() {
- var me = this;
- netInfo.stopMonitor(function(ret){
- me.info = JSON.stringify(ret)
- });
- },
- }
- };
- </script>