Articles of angularjs

如何构buildNode / Angular / Socket.io项目?

我正在使用AngularJS和Socket.io的项目。 我发现这个非常好的整合的例子。 这是项目结构: app.js –> app config bower.json –> for bower package.json –> for npm public/ –> all of the files to be used in on the client side css/ –> css files app.css –> default stylesheet img/ –> image files js/ –> javascript files app.js –> declare top-level app module controllers.js –> application controllers […]

AngularJS:通过https与socket.io聊天

我正在运行这个示例聊天应用程序https://github.com/btford/angular-socket-io-im使用socket.io/angular/node来做一个基本的即时通讯客户端。 但是,当我尝试通过https工作时遇到麻烦。 没有套接字事件在服务器上被捕获,所以没有聊天消息被发送到客户端,并且用户不能join房间。 我也在socket.io.js的客户端上得到这个错误: Uncaught TypeError: Cannot call method 'onClose' of null 我创build了一个在端口8000上侦听的express https服务器,并将套接字定义修改为: var socket = io.connect('https://localhost:8000',{secure: true, port:8000}); 在js/services.js和/bower_components/angular-socket-io/socket.js 不太清楚如何去解决这个问题。 提前致谢!

.NET开发人员探索NodeJS,MongoDB,AngularJS和ExpressJS

我是C#.NET开发人员,我用来构buildWeb应用程序的工具是: SQL Server entity framework .NET Web API ASP.NET MVC HTML / CSS / jQuery的 我一直在阅读AngularJS,NodeJS,MongoDB和ExpressJS,看起来这些“Javascript-ish”技术,你可以build立一个完整的Web应用程序。 我的问题是,这使我对.NET堆栈的知识有了什么? 我想开始拥抱这些新技术,并与他们build立我的下一个网站,然而,我很困惑,我是否应该彻底取消.NET堆栈,或者如果我应该用这个function补充这些新技术。 NET堆栈,它可能是有道理的。 这是我的一些想法: MongoDB可以替代SQL Server和Entity Framework AngularJS几乎可以取代ASP.NET MVC(因为两者都是MVC模式,两者都是多余的,我想) 但是当涉及到构buildAPI层时,NodeJS是否会完全取代ASP.NET Web API? 或者我可以一起使用它们吗? 什么会最有意义(一般来说)? 考虑到像MongoDB这样的NoSQL数据库有类似JavaScript的语法,我们甚至需要服务器端的API吗? 客户(理论上)不能直接与数据库交谈吗? ExpressJS适合哪里? 我希望有人能够帮助澄清这些技术是如何相互融合的。 很确定很多想要探索这些新技术的.NET开发人员都有同样的问题。

Angular问题和“否”Access-Control-Allow-Origin'标题“ – 使用OAuth 2,Passport,Express和Node

我有一个使用节点上运行的OAuth 2的Web应用程序。 使用EJS模板,我能够正确地创build一个工作stream,提示用户login,validation,然后执行“GetUser”GET命令并将输出转储到屏幕上。 最近我试图删除EJS,并希望得到AnguarJS的工作。 目前我已经删除了EJS并实现了Angular,但是有很多奇怪的事情发生,我不知道为什么! 当我的用户点击“login”,他们应该被带到另一个网站,他们login到使用OAuth 2.这个过程工作正常与EJS节点,但是我的angular度控制器加载,正确的部分被加载,但没有数据。 使用Chrome DEV工具查看此过程,我看到以下错误 XMLHttpRequest cannot load http://website/oauth/authorize?… No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access. 更奇怪的是,在networking标签中,我可以看到正确的请求URL! 如果我复制并粘贴到另一个选项卡我的“GetUser”命令执行,但然后节点崩溃,我的网页失败。 我试过不同的浏览器,启用CORS,configurationCORS。 我知道问题是与Angular,因为我可以成功地使用相同的代码与EJS。 我已经把我的Angular代码放在下面,任何帮助将不胜感激! 服务器端 app.js var express = require('express'); var path = require('path'); var favicon = require('serve-favicon'); var logger = require('morgan'); var cookieParser = […]

loginTwitter OAuth没有会话aka token_secret(AngularJS失败)

这是来自angularjs卫星例子的一条快速路线,实现了3条腿的OAuth与Twitter: /* |————————————————————————– | Login with Twitter |————————————————————————– */ app.get('/auth/twitter', function(req, res) { var requestTokenUrl = 'https://api.twitter.com/oauth/request_token'; var accessTokenUrl = 'https://api.twitter.com/oauth/access_token'; var authenticateUrl = 'https://api.twitter.com/oauth/authenticate'; if (!req.query.oauth_token || !req.query.oauth_verifier) { var requestTokenOauth = { consumer_key: config.TWITTER_KEY, consumer_secret: config.TWITTER_SECRET, callback: config.TWITTER_CALLBACK }; // Step 1. Obtain request token for the authorization popup. request.post({ url: requestTokenUrl, oauth: […]

MEANJS:将base64映像发送到服务器的最佳方法

情况 我使用MEAN.JS框架( MongoDB , ExpressJS , AngularJS和NodeJS )。 在前端使用AngularJS ; 我有一个字段中的base64编码图像的JSON 。 我想要的是? 我想发送这个JSON到服务器( NodeJS )。 我正在使用RESTful : 控制器 : var article = new Articles ($scope.article); article.$save(function(response) { //If all is OK }, function(errorResponse) { //Error }); $scope.article有一个名为“ image ” ($ scope.article.image)的图像的base64string。 服务: (function() { 'use strict'; angular .module('articles') .factory('articles', ['$resource', function($resource) { return $resource('articles/:articleId', […]

将多部分表单上传到另一台服务器

我正在尝试处理我的Node Express服务器上的POST请求,以处理多部分表单上传,在我的情况下,用户正在上传图像。 我想通过我的快速应用程序上传到另一台服务器,这是目前安装使用身体分析器,我也看到不支持多部分bode,而是build议使用一些其他库。 我见过多方,但我不确定如何使用我的客户端应用程序。 在我的客户端代码中,我发布了一个FormData对象,如下所示: function create(data, name) { var formData = new FormData(); formData.append('file', data, name); return this.parentBase.one('photos').withHttpConfig({transformRequest: angular.identity}).customPOST(formData, undefined, undefined, {'Content-Type': undefined}); } 注意:我在这里使用了AngularJS的Restangular库 所以从我理解的多方文档看来,我必须处理表单上传事件,并在表单上传完成后再处理。 事情是,我希望我可以直接将上传到另一台服务器。 事先我的客户端应用程序直接调用这个服务器,但我现在试图让所有的东西通过Express路由,这是可能的,还是我必须使用像multiparty? 请求文档给出了一个使用formData的例子,但我不确定这将如何与我见过的多scheme例一起工作。 例如,一旦上传使用mutliparty在Express中完成,那么我是否必须构造另一个formData对象,然后再进行一个请求,否则我将不得不将每个部分传递给另一个服务器? 我很困惑,请有人帮我解决这个问题吗? 谢谢 编辑 好的,我在@yarons注释中看过了multer,这似乎是我想要使用的东西,我试图用我的express路由器设置来使用它,如下所示: routes.js var express = require('express'), router = express.Router(), customers = require('./customers.controller.js'), multer = require('multer'), upload = multer(); router.post('/customers/:customerId/photos/', upload.single('file'), customers.createPhoto); […]

为什么npm试图在错误的目录中findpackage.json?

我有一个Web应用程序与TypeScript,Angular和几个依赖项。 npm当然也在这里。 package.json是从npm init的乞求中引入到项目中的,现在看起来像这样: { "name": "myApp", "version": "0.0.8-d", "description": "Web App", "author": "Author", "license": "ISC", "repository": { "type": "git", "url": "MYURL" }, "bugs": { "url": "MYURL" }, "homepage": "MYURL", "browserify": { "transform": [ "debowerify" ] }, "dependencies": { "malihu-custom-scrollbar-plugin": "^3.1.3" }, "devDependencies": { "browserify": "~13.0.0", "connect-history-api-fallback": "^1.2.0", "connect-modrewrite": "^0.8.2", "debowerify": "~1.2.0", "gulp": "^3.9.1", "gulp-autoprefixer": […]

xmpp消息不发送给选定的朋友

我正在使用平均堆栈应用程序,现在我需要使用XMPP协议来创build聊天模块。 我是XMPP新手,我在节点js中使用了“node-xmpp-server”和“node-xmpp-client”, 在angular色js中使用了“Strophe.js” 。 我的代码如下: app.js(服务器端文件) "use strict"; var express = require("express"); var https = require('https'); var http = require("http"); var fs = require('fs'); var app = express(); var xmppClient = require('node-xmpp-client'); var xmppServer = require('node-xmpp-server'); var AES = require("crypto-js/aes"); var CryptoJS = require("crypto-js"); /** * @description all process variables */ require("./config/vars")(app); var hostName = […]

我不断收到TypeError:undefined不是一个函数

在MEAN堆栈应用程序中运行以下代码时,我不断收到上述错误: $scope.completelesson = function(lessonindex, type) { //a variable that will be appended to 'level' in order to access the level property of the user var x = lessonindex + 1; var level = 'level' + x; var toupdate = { level: level, type: type, }; console.log(toupdate); $http({method: 'POST', url: '/users/updatelevel'}).success(function(response) { $location.path('/dashboard'); }); }; 以下是完整的错误消息: […]