angular-cli/proxy.md at master · angular/angular-cli · GitHub
Documentation below is for CLI version 6 and we no longer accept PRs to improve this. For version 7 see here. Proxy To Backend Using the proxying support in webpack's dev server we can highjack certain URLs and send them to a backend server. We do this by passing a file to --proxy-config Say we have a server running on http://localhost:3000/api and we want all calls to http://localhost:4200/api to
Angularの declarations, imports, providers の使い分け - Qiita
describe('MyGreatComponentのテスト', () => { let component; let fixture; // テスト準備 beforeEach(async(() => { // テストベッド(テスト環境)構築 TestBed.configureTestingModule({ // なんやかや〜〜〜 declarations: [ MyGreatComponent ], imports: [ ], providers: [ ] }) .compileComponents(); })); // テストコード it('isGreat() は常にtrueを返すこと。なぜならGreatだから', () => { expect(component.isGreat()).toBeTruthy(); }); }); この「なんやかや〜〜〜」の部分は、どのように使い分ければ
Angular2のDIを知る - Qiita
どうも、@laco0416です。本アドベントカレンダーでは3回目の投稿です。 Angular2のDIを知る 今回の目標は「Angular2のDIを知る」ということで、まずは基本的なところからおさらいしていきます。 Angular2のDIの使い方 まずは一番単純なDIの使い方を解説します。そもそもDIとは…という話になると複雑になるので省きますが、Angular2においては「 Providerから提供されているインスタンスを特定の変数にInject（注入）する仕組み 」のことを指します。 Provider と Inject の2つの関係は重要なので頭に入れておきましょう。 Injectされる側 今回はFooServiceというクラスのインスタンスがDIで注入されるようにします。以下のコードではsay()メソッドを持つFooServiceクラスをexportしています。
Angular2でHTTPリクエストのテスト - Qiita
/* tslint:disable:no-unused-variable */ import {TestBed, async, inject} from '@angular/core/testing'; import {ApiService} from './api.service'; import {HttpModule, BaseRequestOptions, Http, Response, ResponseOptions} from "@angular/http"; import {MockBackend, MockConnection} from "@angular/http/testing"; import {User} from "./user"; describe('Service: Api', () => { beforeEach(() => { TestBed.confi
AngularのHttpを使うサービスの単体テスト - mmag
4系の話。Httpを使ってAPIアクセスするようなサービス（ここではPostService）のテスト。もう一度同じものを書けと言われても無理だなと思ったので書いておく。 import { TestBed, inject, async } from '@angular/core/testing'; import { MockBackend, MockConnection } from '@angular/http/testing'; import { Http, Response, RequestMethod, ConnectionBackend, RequestOptions, BaseRequestOptions, ResponseOptions } from '@angular/http'; import { PostService, Post } from './post.servi
AWSサーバーレスを活用したAngularのWebアプリを作ってみた - Taste of Tech Topics
こんにちは！エンジニア2年目、フロントエンドを勉強中のmiuraです。 この記事はAmazon Web Services Advent Calendar 2017の13日目の記事となります。 qiita.com 私は最近、Angularを使ったフロントエンド開発やAWSでのサーバーレス開発をしているのですが、 サーバーレスのWebアプリを構築するとなった際につまった部分がありました。 それは、 WebアプリをS3に、サーバーレスをAPI GatewayとAWS Lambdaで構成すると双方のURLが違うため、 ブラウザではSame-Origin Policy (SOP)が適用されてエラーになってしまうことです。 これを回避するためにはCross-Origin Resource Sharing (CORS)の設定を行う必要があります。 今回は、そのCORSの設定を含めてAWS上で一通りの動き
サンプルコードで学ぶPWA - Qiita
はじめに Google I/O 2017の動画を確認し、そろそろPWAについて真面目に把握していかなければと思い至り、GitHubからいくつかサンプルプログラムを探してきて触ってみたので基本的な技術情報と合わせてまとめました。なのでPWA初心者向けです。 特定のJSフレームワークを扱う専門のエンジニアでない限り（私自身がそうなので）、それぞれのJSフレームワークの対応状況なども気になるところだと思いますので、 React.js , Angular , Vue.js の3つにおけるPWAのサンプルについても調べました。 確認した手順などを含めて要点だけまとめていますが、詳細はそれぞれのGitHubページを参照しつつcloneして触ってみて頂ければと思います。 シンプル構成 まずはJSフレームワークなどが入っていないシンプルな構成で、PWAの仕組みについてざっくりまとめました。 PWA ret
Angular 4 Forms: Input Validation and Nesting | Toptal®
Validating user inputs is an essential part of any robust web application. Angular 4 makes it especially easy for both template-driven and reactive forms. In this article, Toptal Freelance Angular Developer Igor Geshoski walks us through the different approaches in Angular 4 form validation and shows how even complex form validation can be done easily. authors are vetted experts in their fields an
lacolaco's marginalia
すべて Tech Idea Diary 2025-01-19 Angular: Prototyping afterNextChange for Signals TechAngularSignals 2025-01-09 Angular: テンプレート内変数でTailwind CSS IntelliSenseの入力補完を有効にする TechAngulartailwindcss 2024 2024-12-25 AngularのSignal Forms（プロトタイプ）をチラ見する TechAngularSignalsForms 2024-12-19 2024年の読書と推し本 Diary読書 2024-12-14 『イラストで学ぶ ヒューマンインタフェース 改訂第3版』を読んだ Diary読書UI 2024-12-07 今年はじめた本屋活動のまとめ Diary本屋 2024-11-20 「話題にす
開発時にクロスドメインAPIと戦う CORS - Qiita
Webアプリを開発時に、クロスドメイン制約でAPIと通信が出来なかったので、開発環境側で対応する方法を考えて見ました。 外部公開用のAPIであれば、サーバー側でCORS仕様に対応する必要があるのでさっさと対応してもらいましょう。 →外部公開のAPIサービス見た所 Originを超えたアクセスを許可するヘッダーを返しているサービスが見当たらずJSONP等の対応が多いように感じました。 今回の場合では、運用環境ではAPIとWebアプリは同じドメイン上に存在し、開発時にlocalhostとAPIでクロスドメインになってしまうというパターンです。 どうやって対応するの？ Web Debugging Proxy を使うか SPA開発時に利用するビルドツールの proxy 機能を利用します。 Fiddler (Windowsのみ, 無料) Charles (Windows/Mac/Linux, 有料
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ng serve: support for proxy urls · Issue #889 · angular/angular-cli
Prevent IE11 caching GET call in Angular 2
Angular 2 match other field validator / Password match validator
Unit test Http Services on Angular 2
Testing an Angular Http Service - Offering Solutions Software - Fabian Gosebrink - Angular, .NET, Java & Agile
Angular CLI Jasmine Unit test Error: Can't resolve all parameters for RequestOptions: (?)
GitHub - coryrylan/ng-pokedex: :monkey_face: Pokedex progressive web app built with Angular
Angular CLI 1.6 で PWA を作ってみよう！ - Qiita
Angularの@Outputとは - Qiita
【解説付き】chromeでXMLHttpRequestをローカルのファイルで行う方法 - Qiita
