Я разрабатываю приложение с использованием ember.js, которое работает на узле.
Теперь мне нужно вызвать некоторые внешние веб-службы и соответствующим образом создать свою домашнюю страницу (на основе ответа веб-службы).
- Эти веб-сервисы работают на каком-то внешнем сервере (в другом домене). В настоящее время я управляю своим сайтом из локальной среды.
- Аутентификация. Только после предоставления действительных учетных данных пользователь может получить доступ к этим веб-сервисам. То есть, если я попытаюсь получить доступ к этому веб-сервису из браузера, сначала он попросит указать имя пользователя и пароль. Если эти учетные данные действительны (проверка на стороне сервера), он вернет ответ json.
Мой код app.js выглядит следующим образом:
var express = require('express');
var routes = require('./routes');
var http = require('http');
var path = require('path');
var app = express();
// all environments
app.set('port', process.env.PORT || 3000);
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');
app.use(express.favicon());
app.use(express.logger('dev'));
app.use(express.bodyParser());
app.use(express.cookieParser('your secret here'));
app.use(express.session());
app.use(express.methodOverride());
app.use(app.router);
app.use(express.static(path.join(__dirname, 'public')));
// development only
if ('development' == app.get('env')) {
app.use(express.errorHandler());
}
app.get('/', routes.index);
http.createServer(app).listen(app.get('port'), function(){
console.log('Express server listening on port ' + app.get('port'));
});
Код домашней страницы (для простоты я удалил все ее представления и просто вызываю свой внешний веб-сервис при загрузке страницы)
<html>
<head>
<title>Lets think..</title>
<script src="./javascripts/libs/handlebars-1.0.0.js"></script>
<script src="./javascripts/libs/jquery-1.9.1.js"></script>
<script src="./javascripts/libs/ember-1.1.2.js"></script>
<script>
window.App = Ember.Application.create();
</script>
<script>
$(window).load(function(){
$.ajax({
type: 'GET',
url: 'http://vpn.domain_name.com/myServer/WebService/json/getInfo',
data: {username: "user_name",password: "my_password"},
success: function (data) {
console.log('sucess');
},
failure: function(error){
console.log('error');
}
});
});
</script>
</head>
<body>
</body>
</html>
Как сказано выше, я смог получить доступ к веб-сервису ниже (http://vpn.domain_name.com/myServer/WebService/json/getInfo) успешно из браузера (после проверки учетных данных).
Однако, когда я пытаюсь получить к нему доступ через код, я получаю следующую ошибку: При отладке через firebug:
"NetworkError: 401 Unauthorized - http://vpn.domain_name.com/myServer/WebService/json/getInfo?username=user_name&password=my_password"
При отладке через консоль Google Chrome:
XMLHttpRequest cannot load http://vpn.domain_name.com/myServer/WebService/json/getInfo?username=user_name&password=my_password. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3000' is therefore not allowed access.
Я не уверен, вызваны ли вышеуказанные ошибки междоменным доступом или ошибкой базовой аутентификации http.
Я попробовал решения, предложенные в разделе Как разрешить CORS? и http://nthloop.com/blog/local-dev-with-nodejs-proxy/
Однако мне не удалось получить правильный ответ из моего кода. Может ли кто-нибудь помочь мне в этом.
Спасибо.