用 UE5 制作一个界面,通过 C++编写一个 HTTP 请求和接收的方法,向高德地图天气api发送请求,获取当前城市的天气情况,并将返回信息显示在 UI界面上面,展示完整代码
时间: 2024-09-25 13:01:48 浏览: 85
示例项目文件 UE4.27 HTML5 源码版本 在UE蓝图类中获取页面URL和请求参数(UE与JS交互)配套文档:
在Unreal Engine 5(UE5)中,你可以使用蓝图或C++结合HTTP库(如Athena Networking 或 UHTTP3)来处理网络请求。这里是一个基本的C++代码示例,用于发送GET请求到高德地图天气API并更新UI:
首先,确保你安装了Athena Networking包,这是UE5内置的一个强大的网络库。然后,创建一个新的C++类并包含必要的头文件:
```cpp
#include "CoreMinimal.h"
#include "GameFramework/Actor.h"
#include "Networking/Athena/NetworkManager.h"
#include "HttpRequestExample.h"
// 省略对第三方HTTP库的引用
class YOUR_PROJECT_API HttpRequestExample : public AActor
{
public:
// 构造函数和析构函数省略...
private:
UPROPERTY(EditAnywhere)
USceneComponent* SceneComp;
FHttpAgent* HttpAgent;
void GetWeather(FString CityName);
protected:
virtual void BeginPlay() override;
public:
// 泛型委托,用于回调接收到的天气数据
DECLARE_DYNAMIC_MULTICAST_DELEGATE_OneParam(FOnWeatherReceived, FString, WeatherData);
UFUNCTION(BlueprintCallable, Category = "Example")
void RequestWeather(const FString& City);
};
```
接下来,在`BeginPlay()`函数中初始化网络组件:
```cpp
void HttpRequestExample::BeginPlay()
{
Super::BeginPlay();
// 初始化HttpAgent
if (!HttpAgent)
HttpAgent = Cast<FHttpAgent>(GetWorld()->GetDefaultPlayerController()->GetHttpAgent());
}
```
然后,实现`RequestWeather`函数,发起GET请求:
```cpp
void HttpRequestExample::RequestWeather(const FString& City)
{
// 创建URL
FString Url = TEXT("http://your.amap.com/weather?city=") + City;
// 创建请求
auto HttpRequest = NewObject<FAthenaHttpRequest>(this, URL, EHttpRequestVerb::Get, true, TEXT("Get Weather"));
// 设置回调委托
HttpRequest->OnSuccess.AddDynamic(this, &HttpRequestExample::OnWeatherReceived);
HttpRequest->OnFailure.AddDynamic(this, &HttpRequestExample::OnHttpRequestFailed);
// 发送请求
HttpAgent->SendRequest(HttpRequest);
}
// 成功回调
void HttpRequestExample::OnWeatherReceived(FAthenaHttpRequest* HttpRequest, const TArray<uint8>& Data)
{
FString WeatherData = TBase64::Decode(Data.GetData(), Data.Num()).ToPrettyJson();
// 更新UI显示天气数据
OnWeatherReceived.Broadcast(WeatherData);
}
// 错误回调
void HttpRequestExample::OnHttpRequestFailed(FAthenaHttpRequest* HttpRequest, const FString& ErrorDescription)
{
UE_LOG(LogTemp, Warning, TEXT("Weather request failed: %s"), *ErrorDescription);
}
```
最后,为了在UI上展示天气数据,你需要创建一个FOnWeatherReceived委托的实例,并绑定到合适的UI元素(例如文本框或标签),以便当数据到达时更新内容。
阅读全文