Tag: 量angular器

beforeAll和beforeEach套件,而不是spec

我正在使用量angular器5编写一些e2etesting。我想要实现的是执行共享设置和特定设置(对于testing组)的整个testing。 我有以下代码: Base.ts: beforeAll(() => { console.log("before all base"); }); beforeEach(()=> { console.log("before each base"); }); afterEach(() => { console.log("after each base") }); afterAll(() => { console.log("after all base"); }); TestSuite1.ts: require('./Base'); describe("test suite 1", () => { beforeAll(() => { console.log("before all 1"); }); beforeEach(()=> { console.log("before each 1"); }); afterEach(() => { console.log("after […]

如何创build只能由前端访问的私人API?

我一直在网上查找一段时间,但不能理解只在前端和后端之间创build私有API的概念。 我基本上想要做的是有一个API只能通过前端访问,而不是通过卷发,邮递员或其他任何东西。 我有以下设置: 应用程序在Heroku上托pipe,后端在nodejs中 我使用通过我们自己生成的https连接来encryption工具。 我有一个公共的API atm,返回一个string'Hello world' 目前,您可以通过前端或访问www.example.com/api/test来访问它,但是我想要做的是不允许用户手动访问该链接或使用curl或邮递员来获取该链接而只能通过前端访问。 前端是写在Angular 2(如果它是重要的) 请注意,我不打算在网站上有任何用户login,我只是想限制访问API到外部世界,以便只有我的前端才能得到它。 更新使用案例 未来的用例很简单。 我有一个基本的注册forms,要求电子邮件地址和文字说明。 然后,我使用后端的nodemailer,通过使用来自Angular 2的POST请求,将信息发送到gmail。我访问通过req.on('data')和req.on('end')发送的数据并处理它。 我的恐惧是如何确保我不会通过该API获得垃圾邮件,并收到10k电子邮件,因此我希望以某种方式使API只能通过前端访问。

生产服务器上的node.js

我在angular2中编写了一个网站,并在AWS服务器上部署dist文件夹(使用webpack进行编译之后)。 网站工作得很好。 现在我想知道为什么? 因为我没有在服务器上安装node.js ,我也没有部署node_modules文件夹,而不是如何使网站工作得很好。 在我的VS代码中,我必须使用npm下载软件包,但在服务器上不存在软件包。 好心解释。 这听起来可能是一个奇怪的问题,但我真的很困惑或缺less一些基本知识。

我需要在生产服务器上安装Node.js来托pipeAngular 2吗?

我正在尝试在我们的实时服务器上部署我的第一个Angular 2应用程序(Windows 2008R2 IIS 7.5服务器) MVC部分运行良好。 我可以看到login用户名和显示MVC布局的框架。 但它一直将我redirect到Error.cshtml。 我试图打开DebugLogfunction,我得到以下错误日志。 发生未处理的exception:无法启动节点进程。 要解决这个问题: [1]确保Node.js已安装并可在其中一个PATH目录中find。 当前PATH环境variables是:C:\ Windows \ system32; C:\ Windows; C:\ Windows \ System32 \ Wbem; C:\ Windows \ System32 \ WindowsPowerShell \ v1.0 \; C:\ Program Files \ Microsoft \ Web平台安装程序\; C:\ Windows \ System32 \ WindowsPowerShell \ v1.0 \; C:\ Program Files \ dotnet \ […]

错误:找不到模块'shrink-ray'

通过Yeoman使用惊人的angular度全堆生成器后 ,我按照设置说明,当我来运行npm start或gulp serve我得到以下错误: Error: Cannot find module 'shrink-ray' 看起来相当自我解释,所以我跑npm install shrink-ray ,这样做给了我以下错误: node-pre-gyp ERR! Tried to download(403): https://node-zopfli.s3.amazonaws.com/Releas e/zopfli-v1.4.0-node-v48-win32-x64.tar.gz node-pre-gyp ERR! Pre-built binaries not found for node-zopfli@1.4.0 and node@6.9.2 ( node-v48 ABI) (falling back to source compile with node-gyp) Building the projects in this solution one at a time. To enable parallel build, pleas […]

nodejs和angular度路由之间可能的冲突

首先,我有很多使用HTML / CSS和浏览器Javascript(包括AngularJS)的经验, 现在我开始使用NodeJS和Angular(2)。 现在我要发誓 ,不可能省略哈希字符(或任何类似的字符)从客户端路由,因为(我认为)它总是会去服务器路由在这种情况下。 例如:我有一个nodejs express应用程序,它在发送GET / 然后有一个(客户端)Angular应用程序,它有自己的路由没有哈希字符。 因此,例如,当我从客户端应用程序访问/myroute时,它将使用Angular路由来确定应呈现给用户的视图模板。 我不明白 为什么不去服务器确定路线? 另外,如果我直接在浏览器中inputURL(包括/myroute ),它仍然使用Angular进行路由。 当我将服务器端路由添加到/myroute时会发生什么? 我很困惑。

不能使用Cli安装Angular2应用程序

我跟着链接; https://github.com/angular/angular-cli/wiki npm版本:5.0.1 节点版本:6.11.0 我运行命令 npm install -g @angular/cli 我试过的解决scheme npm uninstall -g @angular/cli npm cache clean npm install -g @angular/cli@latest 但它不适合我。 这是npm错误或angular度2。 请build议。 错误 unexpected end of input at 1:13267 我也试过; https://angular.io/docs/ts/latest/guide/setup.html 。 npm安装不工作

我怎样才能启动我的angular色cli项目在Ubuntu服务器上?

我刚刚完成我的网站与cli angular2 。 我在bitbucket上有这个项目,并在我的服务器上 git clone under var/www/vhosts/…/httpdoc/ 我的服务器设置也是正确的,因为当我通过ip去我的服务器上显示我的index.html,但网站是空的。 当我看我的HTML代码,我可以海全部链接和脚本都包括在内。 但是在我身上我只是: <home></home> 而已。 它看起来他不用main.ts做任何事情。 我已经安装了节点6.11.0和npm 3.10.10。 而node_modules文件夹也在那里。 有人可以帮我吗? 在此先感谢^^

如何在Angular 4 Universal中提出http post请求?

我正在使用Angular 4 Universal ,我正尝试使用nodemailer发送联系表单的电子邮件。 我无法通过http.post发布数据 contact.template.html <form (ngSubmit)="onSubmit()"> <input type="text" name="fullname" (keyup)="validate()" [class.requireds]="isNameInvalid" placeholder="Full Name" required [(ngModel)]="contactObj.userName" /> <input type="text" name="email" (keyup)="validate()" [class.requireds]="isEmailInvalid" placeholder="Email" required [(ngModel)]="contactObj.userEmail"/> </form> contact.component.ts contactObj = { userName: "", userEmail: "", }; onSubmit() { if (this.isNameInvalid || this.isEmailInvalid) { return; } else { let params = JSON.stringify(this.contactObj); let headers = new […]

在Angular(> = 2)应用程序中,如何将版本信息从npm package.json文件包含到已编译的输出文件中?

信息: 我已经使用@angular/cli创build了一个Angular(版本> = 2)应用程序。 此应用程序正在进行版本更改。 我使用命令npm version major或npm version minor或npm version patch ,将我的应用程序的语义版本信息更新到我的package.json文件中。 当我运行ng build或ng build –prod时,我无法在“dist”输出文件夹的任何文件中find这个版本信息。 题: 有没有办法把我的应用程序的版本信息自动从package.json文件到一个输出文件(也许在一个html文件或js文件)? 来自我的package.json文件的示例: { "name": "angular-ui", "version": "17.6.27", "description": "My awesome UI application", "license": "MIT", … } 理想情况下,我想创build一个“关于”组件,我想在我访问类似于以下URL的URL时发布我的应用程序的版本信息: HTTP://本地主机:4200 /约 页面上的预期输出: Application version: v17.6.27