ionicでhttp接続

差分

この文書の現在のバージョンと選択したバージョンの差分を表示します。

この比較画面にリンクする

--- ionicでhttp接続 [2018/06/12]
adash333 作成
+++ ionicでhttp接続 [2018/10/07] (現在)
@@ ライン 1: / ライン 1: @@
 ===== Ionicでhttp接続(v3で変更) =====
-Angular4.3からhttp接続方法が変更になりました。
+Angular4.3からhttp接続方法が変更になりました。2017年8月頃くらいから、Ionic3からWeb APIに接続する方法が変わっていますので、この部分の本を読んだりググったりする場合は、2018年以降のものを読むのが安全です。
+例えば、ターミナル（cmd.exe）で、
+ionic g provider session
-===== リンク =====
+としたときに作成される、
+src/providers/session/session.ts
+の一番上の行に記載されている、
+<code>
+import { HttpClient } from '@angular/common/http';
+</code>
+が、Ionic3以降のhttp接続方法となります。
+https://www.djamware.com/post/59924f9080aca768e4d2b12e/ionic-3-consuming-rest-api-using-new-angular-43-httpclient
+さらに、src/app/app.module.tsに、
+<code>
+import { HttpClientModule } from '@angular/common/http';
+</code>
+と、import:[]のところに、
+<code>
+import:[HttpClientModule, ]
+</code>
+のように追加する必要があります。また、個々のページ（例えば、home.htmlなど）で実際に使用するときは、対応するtsファイルに、
+<code>
+import { HttpClient } from '@angular/common/http';
+</code>
+としてから、constructorの引数に、定義しておく必要があります。
+https://qiita.com/ponday/items/1ec0e500cd801286845e
+こちらリンクが非常にわかりやすいです。
+https://stackoverflow.com/questions/47236963/no-provider-for-httpclient
+===== メモ =====
+作成中
+src/providers/auth/auth.tsの、
+<code>
+import { Http } from '@angular/http';
+</code>
+のところは、
+<code>
+import { HttpClient } from '@angular/common/http';
+</code>
+に変更し、それにあわせて他の場所も変更する必要があります。（参考:　[[ionicでhttp接続|Ionicでhttp接続(v3で変更)]]）
+===== リンク =====

ionicでhttp接続.1528782769.txt.gz · 最終更新: 2018/10/07 (外部編集)