ionic请求php,ionic简单封装http请求

1、ionic g service httpService

2、注册事件

//app.module.ts

import { HttpClientModule} from '@angular/common/http'

@NgModule({

imports:[HttpClientModule]

})

3、在httpService.ts中写入请求逻辑

import { Injectable } from '@angular/core';

import { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http'

import { Storage } from "@ionic/storage";

import { appRestful } from '../appResfuls'

@Injectable({

providedIn: 'root'

})

export class HttpserviceService {

public token = ''

public httpHeader: any = ''

public commonUrl = ''

constructor(

public http: HttpClient,

public storage: Storage,

) {

this.commonUrl = appRestful.getProdUrl()

}

//封装get请求 需要两个参数

async httpGet(url, params) {

let commonUrl = this.commonUrl

let httpOption

await this.storage.get('authentication').then(val => {

if (val) {

httpOption = {

headers: new HttpHeaders({

'authentication': val

}),

params: params

}

} else {

httpOption = {

params: params

}

}

})

return await new Promise((resolve, reject) => {

this.http.get(commonUrl + url, httpOption).subscribe((res) => {

resolve(res)

}, (err) => {

reject(err)

})

})

}

//POTS请求 需要三个参数

async httpPost(url, params) {

let httpOption

await this.storage.get('authentication').then(val => {

httpOption = {

headers: new HttpHeaders({

'authentication': val

})

}

})

return await new Promise((resolve, reject) => {

this.http.post(this.commonUrl + url, params, httpOption).subscribe((res) => {

resolve(res)

}, (err) => {

reject(err)

})

})

}

//PUT请求

//DELETE请求

}

4、appResful.ts中放接口

export class appRestful{

//定义接口地址

public static interfaces={

login:'/v4/authentications', //登录

}

//测试环境URL

public static getDevUrl(){

return 'http://192.168.1.171:9090'

}

//生产环境URL

public static getProdUrl(){

return 'http://prd9.hbjk.com.cn:8080'

}

}