在 Microsoft Azure 中使用 MEAN 堆栈基于开放数据协议

2015-11-12 admin

网络开发人员通常构建伟大的应用程序在客户端使用JavaScript和ASP(c#或Visual Basic . NET)在服务器端。 但是如果你能使用一个共同的语言来构建应用程序的所有层堆栈,从浏览器和服务器端业务处理服务层,甚至在数据库查询和编程吗? 现在你可以使用node.js了。 js已经发展了许多年,但其的使用在近年来显著加快。如MongoDB,Express,AngularJS,节点。 js(意味着)堆栈,给建筑应用带来很多好处,包括事实很少断开,在前端和后端开发人员。 在许多情况下,相同的程序员可以开发一个应用程序的所有层,因为它是所有在JavaScript完成的。 此外,您现在可以构建节点。 js应用与节点直接在Visual Studio 2013中。 js工具Visual Studio(ntv),包括完整的调试能力。 开始

在本文中,我将向您展示使用意味着栈,构建创建、读取、更新和删除(CRUD)重型应用程序可以快速和容易。 我将假设您已经有了一个基本概念的理解AngularJS( angularjs.org ),节点。 js( nodejs.org ),MongoDB( mongodb.org )和表达( expressjs.com )。 如果你打算追随,请确保您已经安装了以下:

Visual Studio 2013更新3( ly / 1 o2vvtc ) 节点。 js Visual Studio工具( nodejstools.codeplex.com ) MongoDB(下载, ly / 1 rw0bzm ,安装 ly / 1 ujn8eo )

第一步是打开新项目对话框在Visual Studio并选择微软Azure的空白节点。 js Web应用程序模板,如所示 图1 。 你可以快捷几个项目通过选择基本微软Azure表达应用程序模板,但一个空白模板提供了更细粒度的控制安装作为节点中间件。 js应用程序。

Create a Blank Microsoft Azure Node.js Web Application 图1创建一个空白的微软Azure节点。 js的Web应用程序

什么是节点。 js中间件? 很简单,它只是模块可以插入到节点。 js应用程序的HTTP请求表达管道。 一般来说,中间件为每个HTTP请求后才会被执行。

接下来,使用节点包管理器安装表达(NPM)。 如果您熟悉NuGet包,NPM包基本上是同样的事情,但对于节点。 js应用程序。

正如您可以看到的 我补充说,在其他npm @3参数文本字段,为了安装最新版本的表达3。 虽然表达4已经发布,需要坚持表达3,因为将安装的其他模块还没有更新的一些突发的变化表达4。

Finding and Installing NPM Packages Such as Express

你需要下载并安装所需的其他NPM包:表达,odata-server,stringify-object和体,但不需要有任何“其他NPM参数”,我将使用最新版本的这些NPM包。 设置服务器。 JS文件

服务器。 js(有时叫做app.js)文件,所示 图3 ,基本上是节点的起点。 js应用。在这里您可以配置您的应用程序和注入任何所需的中间件模块。

1    var http = require('http');
2    var express = require( 'express' );
3    var odata = require( './server/data/odata' );
4    var stringify = require( 'stringify-object' );
5    var config = require("./server/config/config");
6    var bodyParser = require("body-parser");
7    var app = express( );
8    odata.config( app );
9    app.use(bodyParser.json());
10   app.use( express.static( __dirname + "/public" ) );
11   var port = process.env.port || 1337;
12   app.get("/", function(req, res) {
13   res.sendfile("/public/app/views/index.html", { root: __dirname });
14   });
15   http.createServer(app).listen(port);
16   console.log(stringify( process.env ));

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-168.html

文章标题:在 Microsoft Azure 中使用 MEAN 堆栈基于开放数据协议

相关文章
JavaScript教程:JS中的原型
Keith Peters 几年前发表的一篇博文,关于学习没有“new”的世界,其中解释了使用原型继承代替构造函数。两者都是纯粹的原型编码。 标准方法(The Standard Way) 一直以来,我们学习的在 JavaScript 里创建对...
2015-11-12
jQuery中DOM树操作之使用反向插入方法实例分析
本文实例讲述了jQuery中DOM树操作之使用反向插入方法。分享给大家供大家参考。具体分析如下: 使用反向插入方法 这里我们先把创建的内容插人到元素前面,然后再把同一个元素插人到文档 中的另一个位置。通常,当在jQuery中操作元素时,利用...
2015-11-13
可以从CSS框架中借鉴到什么
现在很多人会使用 CSS 框架进行快速建站。   那 CSS 框架是什么呢,它通常是一些 CSS 文件的集合,这些文件包括基本布局、表单样式、网格、简单组件、以及样式重置。使用 CSS 框架大大降低工作成本进行快速建站。   当然对于一些大...
2016-03-11
使用jspdf生成pdf报表
由于前台html已经动态生成报表,而且,前台有一个功能,一个date range组件,当你拖动的时候,报表会在不提交到后台的情况下动态变化。 因此需要用到js生成生报表: 用到的组件: jquery.js jspdf.js canvg.js...
2017-03-25
vue.js实现请求数据的方法示例
vue2.0示例代码如下: var vm = new Vue({ el:"#list", data:{ gridData: "", }, ...
2017-03-20
jQuery中DOM树操作之复制元素的方法
本文实例讲述了jQuery中DOM树操作之复制元素的方法。分享给大家供大家参考。具体分析如下: 复制元素 前面提到的操作包括:插人新创建的元素、将元素从文档中的一个位置移动 到另一个位置,以及通过新元素来包装已有的元素。可是,有时候也会用到...
2015-11-13
vuejs通过filterBy、orderBy实现搜索筛选、降序排序数据
直接贴代码了: 先上输入前的样子: <style> #example{margin:100px auto;width:600px;} .show{margin:10px;} #searchText{display: block...
2017-03-17
2015年将会有大量基于HTML5和JS的WEB应用
随着HTML5的定稿,以及JS的迅速发展,我们有理由相信,在接下来的一年里,将会涌现出大量的WEB应用,网站的表现形式将不再仅仅局限于过去的形式,必将在2015年引来一次重大改革! ...
2015-11-12
AngularJS:何时应该使用Directive、Controller、Servic
AngularJS是一款非常强大的前端MVC框架。同时,它也引入了相当多的概念,这些概念我们可能不是太熟悉。(译者注:老外真谦虚,我大天朝的码农对这些概念那是相当熟悉啊!)这些概念有: Directive(指令) Controller(控制...
2015-11-11
Bootstrap BootstrapDialog使用详解
这里有两种展现方式 写在前面:首先你要引入的库有 css : bootstrap.min.css bootstrap-dialog.css js : jquery-1.11.1.min.js bootstrap.min.js bootstr...
2017-03-16
回到顶部