Openharmony eTS 之 Http Post请求

系统 OpenHarmony
Httpclient以人们耳熟能详的OKHTTP为基础,整合Android-async-http,AutobahnAndroid,OkGo等库的功能特性,致力于在OpenHarmony 打造一款高效易用,功能全面的网络请求库。

​想了解更多关于开源的内容,请访问:​

​51CTO 开源基础软件社区​

​https://ost.51cto.com​

前言

Httpclient以人们耳熟能详的OKHTTP为基础,整合Android-async-http,AutobahnAndroid,OkGo等库的功能特性,致力于在OpenHarmony 打造一款高效易用,功能全面的网络请求库。当前版本的httpclient依托系统提供的网络请求能力和上传下载能力!

一、安装HttpClient

1、打开第三方组件库

https://repo.harmonyos.com/#/cn/application/atomService?q=http%20keyword%3AOpenHarmony

2、找到我们需要的httpclient

 #夏日挑战赛# openharmony eTS之http post请求-开源基础软件社区

3、安装

代码:

npm install @ohos/httpclient --save

 #夏日挑战赛# openharmony eTS之http post请求-开源基础软件社区

二、添加权限

添加权限参考这文章: https://ost.51cto.com/posts/13219。

 #夏日挑战赛# openharmony eTS之http post请求-开源基础软件社区

三、编写代码

1、eTS代码

import httpclient from '@ohos/httpclient';
import TimeUnit from '@ohos/httpclient'
let httpClientImpl = new httpclient.HttpClient.Builder().setConnectTimeout(15, TimeUnit.TimeUnit.SECONDS).setReadTimeout(15, TimeUnit.TimeUnit.SECONDS).build();
@Entry
@Component
struct Index {
@State message: string = 'post 测试';
@State srtbutton: string = '';
build() {
Row() {
Column() {
Text(this.message)
.fontSize(50)
.fontWeight(FontWeight.Bold)
Text(this.srtbutton)
.fontSize(50)
.fontWeight(FontWeight.Bold)
Button() { //按钮控件
Text('点击')
.fontSize(50)
.fontWeight(FontWeight.Bold)
}.type(ButtonType.Capsule)
.margin({
top: 200
})
.width('50%')
.height('10%')
.backgroundColor('#0D9FFB')
.onClick(() => { //点击事件
let body = { //带参数
"data": "hi!",
};
let requestBody = httpclient.RequestBody.create(JSON.stringify(body));
let request = new httpclient.Request.Builder()
.url("http://192.168.0.141:5000/")
.method('POST')
.body(requestBody)
.addHeader("Content-Type", "application/json")
.params("token", "yukoyu")
.build();
httpClientImpl.newCall(request).enqueue((result) => {
console.log("success: " + JSON.stringify(result))
this.srtbutton = JSON.stringify(result.data)
}, (error) => {
console.log("error: " + JSON.stringify(error))
})
})
}
.width('100%')
}
.height('100%')
}
}

2、服务器接口代码

import json
from flask import Flask, request
from flask_sqlalchemy import SQLAlchemy
from flask_migrate import Migrate
from flask_restful import Api
from flask_restful import Resource
import datetime
import config
app = Flask(__name__)
app.config.from_object(config)
db = SQLAlchemy(app)
api = Api(app)
'''
测试接口
'''
class hello(Resource):
def post(self):
data = json.loads(request.get_data())
print(data)
return { "data" : "hello post"}
def get(self):
return { "data" : "hello get"}
api.add_resource(hello, '/')
migrate = Migrate(app, db)

四、测试

1、安装效果

 #夏日挑战赛# openharmony eTS之http post请求-开源基础软件社区

2、点击效果

 #夏日挑战赛# openharmony eTS之http post请求-开源基础软件社区

3、服务器打印post参数

 #夏日挑战赛# openharmony eTS之http post请求-开源基础软件社区

测试成功!

​想了解更多关于开源的内容,请访问:​

​51CTO 开源基础软件社区​

​https://ost.51cto.com​​。

责任编辑:jianghua 来源: 鸿蒙社区
相关推荐

2022-05-20 10:56:54

AbilityeTS FA调用

2023-07-28 14:32:33

QtPOST请求

2022-08-12 19:13:07

etswifi连接操作

2022-05-12 09:52:09

网络架构HTTP跨域保护机制

2022-04-24 14:56:53

容器组件StackTS

2022-05-24 15:06:57

AbilityeTS FA鸿蒙

2016-09-27 20:36:23

微信HttpWeb

2015-01-05 10:07:24

HTTPGETPOST

2023-03-13 15:03:05

鸿蒙ArkUI

2022-03-21 15:19:27

鸿蒙UI组件ets自定义

2022-03-07 15:22:16

classHarmony鸿蒙

2018-07-24 13:01:52

前端优化前端性能浏览器

2011-08-03 10:39:06

IOS程序 HTTP 请求

2023-08-07 09:25:06

GETPOSTHTTP请求

2022-06-16 15:07:06

布局结构app

2011-08-03 14:33:54

IOS4.2 HTTP 请求

2011-02-13 09:37:55

ASP.NET

2021-12-09 06:50:11

POST请求接口

2022-05-26 14:50:15

ArkUITS扩展

2020-10-09 08:29:24

POSTGET参数
点赞
收藏

51CTO技术栈公众号