【鸿蒙实战开发教程】HarmonyOS next开发网络哀求封装（Api11Release） - ToB企服应用市场:ToB评测及商务社交产业平台

"requestPermissions": [
{
"name": "ohos.permission.INTERNET",
}
]

复制代码

data: T = null

复制代码

async function requestSync<T>(path: string, method: http.RequestMethod, extraData?: Object): Promise<Response<T>> {
return new Promise<Response<T>>((resolve, reject) => {
let url = NetConstants.BASE_URL + path;
let header: HeaderInterFace = {
ApiVersion: '272',
'Content-Type': 'application/json',
platform: '',
'encryption-mode': 'base64',
auth: NetConstants.AUTH,
channel: 'JYB',
timeout : NetConstants.TIMEOUT
}
if (method === http.RequestMethod.POST) {
header = {
ApiVersion: '272',
'Content-Type': 'application/x-www-form-urlencoded',
platform: '',
'encryption-mode': 'base64',
auth: NetConstants.AUTH,
channel: 'JYB',
timeout : NetConstants.TIMEOUT
}
}
let httpRequest = http.createHttp();
hilog.info(0, NetConstants.NET_TAG, `start request, path: ${path}, method: ${method}, extraData: ` + JSON.stringify(extraData));
httpRequest.request(
url,
{
method: method,
expectDataType: http.HttpDataType.OBJECT,
header: header,
extraData: extraData
},
(err, data) => {
let res = new Response<T>()
if (!err && data.responseCode === 200) {
//Object.assign("", "");对象合并
if (typeof data.result === 'string') {
res.data = JSON.parse(data.result)
} else {
// Object.assign(res, data.result);
res.data = data.result as T
}
hilog.info(0, NetConstants.NET_TAG, `request success, path: ${path}, result: ${JSON.stringify(res)}`)
} else {
hilog.error(0, NetConstants.NET_TAG, `request error, path: ${path}, error: ${JSON.stringify(err)}`)
res.errorCode = data?.responseCode??-1
res.errorMsg = err?.message??""
}
resolve(res);
}
)
})
}
//封装接口
export default class Api {
private static instance: Api;
private constructor() {
}
static net(): Api {
if (Api.instance === undefined) {
Api.instance = new Api();
}
return Api.instance;
}
async login(username: string, password: string): Promise<Response<UserData>> {
return requestSync("/user/login", http.RequestMethod.POST, `username=${username}&password=${password}`);
}
async logout(): Promise<Response<string>> {
return requestSync("/user/logout/json", http.RequestMethod.GET);
}
async getUserInfo(): Promise<Response<UserData>> {
return requestSync("/lg/coin/userinfo/json", http.RequestMethod.GET);
}
}
interface HeaderInterFace {
'ApiVersion': string,
'Content-Type': string,
'platform': string,
'encryption-mode': string,
'auth': string,
'channel': string,
'timeout': number
}

复制代码

@Entry
@Component
export struct Login {
@State showLoading: boolean = false;
@State title: string = "登录";
private account: string = "";
private password: string = "";
async login(){
if (!this.account) {
toast("请输入用户名");
return;
}
if (!this.password) {
toast("请输入密码");
return;
}
this.showLoading = true;
let res = await Api.net().login(this.account, this.password);
this.showLoading = false;
if (res.isSuccessWithData()) {
toast("登录成功");
} else {
toast(res.errorMsg);
}
}
build() {
Stack(){
Column() {
TextInput({
placeholder: "请输入用户名"
})
.fontSize(15)
.fontColor($r("app.color.text_h1"))
.type(InputType.Email)
.onChange((value) => {
this.account = value
})
TextInput({
placeholder: "请输入密码"
})
.margin({ top: 16 })
.fontSize(15)
.fontColor($r("app.color.text_h1"))
.type(InputType.Password)
.onChange((value) => {
this.password = value
})
Button("登录", {
type: ButtonType.Capsule
})
.width('100%')
.margin({ top: 50 })
.fontSize(15)
.fontColor($r("app.color.white"))
.backgroundColor($r("app.color.color_shubihong"))
.onClick((e) => {
this.login();
})
}
.width('100%')
.margin({ top: 120 })
.padding({ left: 16, right: 16 })
}
.width('100%')
.height('100%')
}
}

复制代码