Brighten up your day !!

Angular(Ionic)でHTTPリクエスト

Angular(Ionic)でHTTPリクエスト

0

AngularでバックエンドAPIへアクセスしてデータを取得する際、認証情報やクエリパラメータを付与したい時がある。

Post通信

import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Component({ selector: 'app', templateUrl: 'app.component.html' })
export class AppComponent implements OnInit {
    postId;

    constructor(private http: HttpClient) { }

    ngOnInit() {      
    const headers = { 'Authorization': 'Bearer my-token', 'My-Custom-Header': 'foobar' };
    const body = { title: 'Ionic POST Request Example' };
    this.http.post('https://example.com', body, { headers }).subscribe(data => {
        console.log(data);
    });
    }
}

Get通信

import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Component({ selector: 'app', templateUrl: 'app.component.html' })
export class AppComponent implements OnInit {
    postId;

    constructor(private http: HttpClient) { }

    ngOnInit() {      
    const headers = { 'Authorization': 'Bearer my-token', 'My-Custom-Header': 'foobar' };
    const parameters = { title: 'Ionic POST Request Example' };
    this.http.post('https://example.com',  { headers, parameters }).subscribe(data => {
        console.log(data);
    });
    }
}

0

⭐️Brighten up your day with NP-Systems⭐️


  • GAEでPythonをデプロイする

    更新日時:2021年4月4日 21時17分

    0 2021年はPython37が良さそう.requirements.txtはpip3 listで表示されたものを書く. 0


  • Angular(Ionic)でHTTPリクエスト

    更新日時:2021年3月24日 18時23分

    0 AngularでバックエンドAPIへアクセスしてデータを取得する際、認証情報やクエリパラメータを付与したい時がある。 Contents hide 1 Post通信 2 Get通信 Post通信 Get通信 0


  • 3月15日AngularでAdsense

    更新日時:2021年3月15日 06時46分

    0 もう3月を中旬ですね。もう春ですね!Yoasobiに最高にハマっています。 昨日ようやくAngular(Ionic)でAdsenseを表示できるようになりました。 http://ocr-app.np-sys.com/…


  • Angular(Ionic)でHTTPリクエスト

    更新日時:2021年3月24日 18時23分

    0 AngularでバックエンドAPIへアクセスしてデータを取得する際、認証情報やクエリパラメータを付与したい時がある。 Contents hide 1 Post通信 2 Get通信 Post通信 Get通信 0


  • Integrate adsense in Ionic Angular.

    更新日時:2021年3月14日 20時36分

    0 Note:please keep in mind that I am not native English speaker. In this article, I would like to summarize ho…


  • Angular(Ionic)で相方向バインディングを行う最低限のテンプレート

    更新日時:2021年3月13日 20時09分

    0 概要 Angularでは、相方向バインディングを行うための二つの方法があります。一つはテンプレート駆動型、もう一つはリアクティブフォールによるものです。 こちらの公式 https://angular.jp/guide…


  • Angularでfirestoreのコレクションからデータ一覧を取得する

    更新日時:2021年3月13日 20時08分

    0 概要 Angular2以降でfirestoreのコレクションからデータ一覧を取得する方法。 読み込む コレクションに対して、valueChanges()をsubscribeする。valueChanges()ってなんだ…


  • IonicのAndroidアプリをWebアプリケーションとしてデプロイする

    更新日時:2021年3月13日 20時04分

    0 概要 Angular,IonicをWebアプリとしてデプロイする方法について記述する。 firebaseを使ってホスティングする方法と、Xserverでapacheでホスティングする方法を試した。firebaseでホ…


  • GAEでPythonをデプロイする

    更新日時:2021年4月4日 21時17分

    0 2021年はPython37が良さそう.requirements.txtはpip3 listで表示されたものを書く. 0


  • Angular(Ionic)でHTTPリクエスト

    更新日時:2021年3月24日 18時23分

    0 AngularでバックエンドAPIへアクセスしてデータを取得する際、認証情報やクエリパラメータを付与したい時がある。 Contents hide 1 Post通信 2 Get通信 Post通信 Get通信 0


this is single-default.php