iis - 带有 JAX-RS 后端的 Angular 前端

Question

我有一个 RESTful Java 后端，它是我使用 Jersey(一种 JAX-RS 实现)制作的。该后端在端口 8084 上的 glassfish 服务器上运行。我还制作了一些显示数据的 HTML5/JS/AJAX 页面，因此我知道我的 REST 实现正在运行。

我正在尝试使用 Angular.js 框架为此应用程序开发 HTML5/JS 前端，但我遇到了一些麻烦。我设法开发了一些小的 web 应用程序，我在 Microsoft 的 IIS 端口 80 上运行。

不幸的是，这两个应用程序之间的通信似乎存在问题。由于我是 Angular 的新手，我不确定我的前端代码是否有误，或者我是否遇到了 CORS 问题。我已经尝试使用 CORS 过滤器在 Tomcat 7 上运行后端，但这并没有解决任何问题。

我的 Angular 代码如下所示:

services.js

var serviceModule = angular.module('ServiceModule', ['ngResource']);
serviceModule.factory('NodeService', function($resource) {
var NodeService = $resource('http://localhost:port/HtmlJerseyJava/service/node/get/3',{},
    {
        'get' : { method: 'GET',params:{port:':8084'}}
    }
)
return NodeService; 

});

controllers.js

function NodeDetailCtrl($scope, NodeService){
    var node3 = NodeService.get();
    $scope.data = JSON.stringify(node3) ;
}

我现在对 ID 3 进行了硬编码，因为我还需要弄清楚如何将输入字段的值从 View 传递到 Controller ，然后再传递到服务。最终，服务 url 中的 3 将被替换为变量 :nodeId

如有任何帮助，我们将不胜感激。

Answer 1

尝试以下简化代码:

app.js(出于测试目的，我建议你将函数放在一个 js 文件中)

var serviceModule = angular.module('ServiceModule', ['ngResource']);
serviceModule.factory('Node', function($resource) {
return $resource('http://localhost:port/HtmlJerseyJava/service/node/get/3',{port:':8084'},
    {
        get {method:'GET'}
    });
});

serviceModule.controller('NodeDetailCtrl', function($scope, Node){
    $scope.data = Node.get();
}

现在您的客户端从 REST 调用中获取哪些 JSON 数据会很有趣。

问候马克