【发布时间】：2016-12-19 23:18:32
【问题描述】：
cordova-plugin-chrome-apps-sockets-udp 已安装，但当我在 ionic 框架中使用它时仍然出现错误（在笔记本电脑上测试 - ionic serve）
我创建了 2 个文件 index.html 和 app.js，见下文：
index.html 文件：
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<!-- below line to allow access to outside website -->
<meta http-equiv="Content-Security-Policy" content="default-src *; script-src 'self' 'unsafe-inline' 'unsafe-eval' *; style-src 'self' 'unsafe-inline' *; img-src 'self' data: *">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<meta HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
<meta HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE">
<title>udpTest</title>
<link href="lib/ionic/css/ionic.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link rel="stylesheet" href="css/style.css" media="screen, projection">
<!-- ionic/angularjs js -->
<script src="lib/ionic/js/ionic.bundle.js"></script>
<!-- Before cordova.js -->
<script src="lib/ngCordova/dist/ng-cordova.js"></script>
<!-- cordova script (this will be a 404 during development) -->
<script src="cordova.js"></script>
<!-- your app's js -->
<script src="js/app.js"></script>
</head>
<body ng-app="starter" ng-controller="AppCtrl">>
<ion-pane>
<ion-header-bar class="bar-stable">
<h1 class="title">press key</h1>
</ion-header-bar>
<ion-content>
<button class="button button-block button-balanced" ng-click="connect()">
lock
</button>
<button class="button button-block button-assertive" ng-click="connect()">
unlock
</button>
</ion-content>
</ion-pane>
</body>
</html>
和 app.js 文件：
// Ionic Starter App
// angular.module is a global place for creating, registering and retrieving Angular modules
// 'starter' is the name of this angular module example (also set in a <body> attribute in index.html)
// the 2nd parameter is an array of 'requires'
angular.module('starter', ['ionic', 'ngCordova'])
//.factory('udpfact')
.controller('AppCtrl', function($scope, $ionicPlatform) {
$ionicPlatform.ready(function() {
$scope.connect = function() {
var socketId;
// Handle the "onReceive" event.
var onReceive = function(info) {
if (info.socketId !== socketId)
return;
console.log(info.data);
};
// Create the Socket
chrome.sockets.udp.create({}, function(socketInfo) {
socketId = socketInfo.socketId;
// Setup event handler and bind socket.
chrome.sockets.udp.onReceive.addListener(onReceive);
console.log("Just checking.");
chrome.sockets.udp.bind(socketId,
'', 5000, function(result) {
if (result < 0) {
console.log("Error binding socket.");
return;
}
var arrayBuffer = new ArrayBuffer(20);
var dv = new DataView(arrayBuffer,0);
dv.setUint16(0,0);
dv.setUint16(1,12);
dv.setUint16(2,0);
dv.setUint16(3,0);
dv.setUint32(4,0);
dv.setUint32(5,55555);
dv.setUint32(6,0);
console.log("here");
chrome.sockets.udp.send(socketId, arrayBuffer,
'255.255.255.255', 5000, function(sendInfo) {
console.log("sent " + sendInfo.bytesSent);
});
});
});
};
})
});
我经常看到这是一个问题，但在任何平台上我都没有找到可行的解决方案。任何帮助或提示将不胜感激。 谢谢！
【问题讨论】：
标签： javascript cordova ionic-framework udp