Angular
Angular でプログラムを書いていると、どうしても画面の遷移時に JavaScript を実行させたくなります。 ですが、テンプレートの HTML に <script>要素で処理を記述しても、テンプレート適用時に無効になってしまいます。 そこで調べてみたところ、コンポーネントの初…
Angular の angular-oauth2-oidc ライブラリで、Google の OAuth 認証を行おうとしたら、this.oauthService.getIdentityClaims();が必ず null を返してきて、ユーザーの情報が取得できませんでした。 原因がいくつか分かったので、メモとして残しておきます…
Angular で OAuth の処理を行っている際に、以下のエラーが出力されました。 ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'state' Error: Cannot match any routes. URL Segment: 'state' at Anonymous function (ht…
Angular で OAuth の処理を行っている際に、以下のエラーが表示されました。 ERROR Error: StaticInjectorError(AppModule)[OAuthService -> HttpClient]: StaticInjectorError(Platform: core)[OAuthService -> HttpClient]: NullInjectorError: No provide…
Angular な SPA を、Amazon S3 + CloudFront の環境にアップロードしていたのですが、デフォルトのルーティング設定だと、リロード時に以下のようなアクセスエラー(403? 404?)が発生してしまいます。 <Error> <Code>AccessDenied</Code> <Message>Access Denied</Message> <RequestId>774BF58712AE4AD1</RequestId> <HostId>bn3apgN</hostid></error>…
Angular で以下のようなエラーが発生するようになってしまいました。 Error: No base href set. Please provide a value for the APP_BASE_HREF token or add a base element to the document. at new PathLocationStrategy (common.js:403) at provideLocat…
Angular でなにも変更してないと思っていたのですが、突然、以下のようなエラーが発生するようになりました。 Error: The selector "app-root" did not match any elements at DefaultDomRenderer2.push../node_modules/@angular/platform-browser/fesm5/pla…
はじめに Angular な SPA を Amazon S3 + CloudFront にホストするのはいいですが、じゃあデプロイはどうするのとなって行き詰まっていました。 www.aruse.net いろいろ調べてみたところ、Angular の SPA を自動でデプロイして CloudFront のキャッシュもク…
はじめに 以下の記事で、Angularな SPA で Facebook の OAuth 認証を行いました。 www.aruse.net OAuth 認証時に取得したアクセストークンは、サーバーに送信して検証をしなければいけないはずなのですが、Facebook がその情報をきちんと公開していません。 …
はじめに 以下の記事で、Angular な SPA で Google の OAuth 認証を行いました。 www.aruse.net 実際には、この時取得したアクセストークンをサーバーサイドに送信して、検証を行わないといけません。 ネットで調べた限りでは、セキュリティに配慮しているサ…
はじめに 先日、Angular で Google の OAuth 認証を行う方法として、かなり頑張って以下の方法をご紹介しました。 www.aruse.net ですが、さらに調べてみると Google でも Facebook と同じような SDK が用意されていて、簡単に OAuth 認証できることが分かり…
はじめに Angular な SPA(Single Page Applicaiton)で、Facebook の OAuth 認証を実現する方法のご紹介です。 始めは以下の記事と同じように、angular-oauth2-oidcというライブラリを使用して実現しようとしたのですがうまくできませんでした。 www.aruse.ne…
はじめに Angular で SPA(Single Page Application)を作成したはいいけれど、ソーシャルログインを行おうとするととたんにハードルが高くなります。 ネット上でも、まとまった情報というのはあまりありません。英語でもごくわずかでした。 この記事では、Ang…
現在、Udemy の Angular の講座を受講しているのですが、サンプルアプリケーションでエラーが発生してしまいました。 www.udemy.com 以下が発生したエラーです。 $ npm start > angular-quickstart@1.0.0 prestart /Users/xxx/Desktop/quickstart > npm run …
