• UE4 Http协议实现Web登陆与注册

    B站教学链接：https://space.bilibili.com/449549424?spm_id_from=333.1007.0.0


    一、Http协议

      Http协议网上有很多介绍，这里不过多介绍。需要可以参考

      https://blog.csdn.net/lingxu6/article/details/124738027

    二、前期准备

    创建UE4 C++项目，在Build.cs中加入模块，UE4需要这些模块才能编译和加载Http和Json格式的数据

    1. using UnrealBuildTool;
    2.  
    3. public class HttpProject : ModuleRules
    4. {
    5. 	public HttpProject(ReadOnlyTargetRules Target) : base(Target)
    6. 	{
    7. 		PCHUsage = PCHUsageMode.UseExplicitOrSharedPCHs;
    8.  
    9. 		PublicDependencyModuleNames.AddRange(new string[] { "Core", "CoreUObject", "Engine", "InputCore", "HeadMountedDisplay","Http","Json", "JsonUtilities","UMG" });
    10. 	}
    11. }

    三、案例介绍

    UE4封装了HttpModule，Json文件的序列化和反序列化，本案例就是使用了这些模块来进行web服务端的通信

    服务器返回的数据是Json格式的数据

    效果如下：

    第一步：创建C++，三个UserWidget，名为StartWidget，RegisterWidget，LoginWidget，

     第二步，创建一个GameMode ,名为StartGameMode

    第三步 ，创建UMG，名为BP_MyStart，BP_Register，BP_Login

    继承自C++的StartWidget，RegisterWidget，LoginWidget

     

    第四步:代码写入StartWidget

    1. // Fill out your copyright notice in the Description page of Project Settings.
    2.  
    3. #pragma once
    4.  
    5. #include "CoreMinimal.h"
    6. #include "MyUserWidget.h"
    7. #include "Components/Button.h"
    8. #include "StartWidget.generated.h"
    9.  
    10. /**
    11.  * 
    12.  */
    13. UCLASS()
    14. class HTTPPROJECT_API UStartWidget : public UMyUserWidget
    15. {
    16. 	GENERATED_BODY()
    17. public:
    18. 	UPROPERTY()
    19. 		UButton* StartButton;
    20. 	UPROPERTY()
    21. 		UButton* RegisterButton;
    22. 	UPROPERTY()
    23. 		UButton* QuitButton;
    24.  
    25. public:
    26. 	virtual bool Initialize() override;
    27. };

    1. // Fill out your copyright notice in the Description page of Project Settings.
    2.  
    3.  
    4. #include "StartWidget.h"
    5.  
    6. bool UStartWidget::Initialize()
    7. {
    8. 	if (!Super::Initialize())
    9. 	{
    10. 		return false;
    11. 	}
    12. 	//初始化开始按钮
    13. 	StartButton = Cast<UButton>(GetWidgetFromName(TEXT("Button_Start")));
    14. 	//初始化注册按钮
    15. 	RegisterButton = Cast<UButton>(GetWidgetFromName(TEXT("Button_Register")));
    16. 	//初始化退出按钮
    17. 	QuitButton = Cast<UButton>(GetWidgetFromName(TEXT("Button_Quit")));
    18. 	return true;
    19. }

     RegisterWidget代码

    1. // Fill out your copyright notice in the Description page of Project Settings.
    2.  
    3. #pragma once
    4.  
    5. #include "CoreMinimal.h"
    6. #include "MyUserWidget.h"
    7. #include "Components/Button.h"
    8. #include "Components/EditableTextBox.h"
    9. #include "Components/TextBlock.h"
    10. #include "HTTP/Public/Interfaces/IHttpRequest.h"
    11. #include "HTTP/Public/Interfaces/IHttpResponse.h"
    12. #include "HTTP/Public/Interfaces/IHttpBase.h"
    13. #include "HTTP/Public/HttpModule.h"
    14. #include "Json/Public/Serialization/JsonWriter.h"
    15. #include "Json/Public/Serialization/JsonReader.h"
    16. #include "Json/Public/Serialization/JsonSerializer.h"
    17. #include "Json/Public/Policies/CondensedJsonPrintPolicy.h"
    18. #include "Json/Public/Dom/JsonObject.h"
    19. #include "RegisterWidget.generated.h"
    20.  
    21. /**
    22.  * 
    23.  */
    24.  
    25. DECLARE_DYNAMIC_MULTICAST_DELEGATE_TwoParams(FOnRegisterResultDelegate, bool, result, FString, message);
    26.  
    27. UCLASS()
    28. class HTTPPROJECT_API URegisterWidget : public UMyUserWidget
    29. {
    30. 	GENERATED_BODY()
    31. public:
    32. 	
    33. 	UPROPERTY()
    34. 		UButton* RegisterBtn;
    35. 	UPROPERTY()
    36. 		UButton* BackBtn;
    37. 	UPROPERTY()
    38. 		UEditableTextBox* NicknameInput;
    39. 	UPROPERTY()
    40. 		UEditableTextBox* PasswordInput;
    41. 	UPROPERTY()
    42. 		UEditableTextBox* RePasswordInput;
    43.  
    44. 	UPROPERTY(BlueprintAssignable, Category = "Register")
    45. 		FOnRegisterResultDelegate OnRegisterResultDelegate;
    46. public:
    47. 	virtual bool Initialize() override;
    48.  
    49. 	UFUNCTION()
    50. 		void RegisterButtonOnClickEvent();
    51. 	//注册函数
    52. 	void AccountRegisterFromServer(FString nickname,FString password);
    53.  
    54. private:
    55. 	//绑定回调函数
    56. 	void RequestComplete(FHttpRequestPtr RequestPtr, FHttpResponsePtr ResponsePtr, bool bIsSuccess);
    57. };

    1. // Fill out your copyright notice in the Description page of Project Settings.
    2.  
    3.  
    4. #include "RegisterWidget.h"
    5.  
    6.  
    7. bool URegisterWidget::Initialize()
    8. {
    9. 	if (!Super::Initialize())
    10. 	{
    11. 		return false;
    12. 	}
    13. 	//初始化返回按钮
    14. 	BackBtn = Cast<UButton>(GetWidgetFromName(TEXT("Button_Return")));
    15. 	//初始化注册按钮
    16. 	RegisterBtn = Cast<UButton>(GetWidgetFromName(TEXT("Button_Register")));
    17. 	//初始化账号输入框
    18. 	NicknameInput = Cast<UEditableTextBox>(GetWidgetFromName(TEXT("EditableText_Nickname")));
    19. 	//初始化密码输入框
    20. 	PasswordInput = Cast<UEditableTextBox>(GetWidgetFromName(TEXT("EditableText_Password")));
    21. 	//初始化重复密码输入框
    22. 	RePasswordInput = Cast<UEditableTextBox>(GetWidgetFromName(TEXT("EditableText_RePassword")));
    23.  
    24. 	//初始化绑定注册函数
    25. 	RegisterBtn->OnClicked.AddDynamic(this, &URegisterWidget::RegisterButtonOnClickEvent);
    26.     return true;
    27. }
    28.  
    29. void URegisterWidget::RegisterButtonOnClickEvent()
    30. {
    31. 	FString Account = NicknameInput->GetText().ToString();
    32. 	FString PassWord1 = PasswordInput->GetText().ToString();
    33. 	FString RePassWord1 = RePasswordInput->GetText().ToString();
    34. 	if (Account.Len()< 2 || Account.Len() > 6)
    35. 	{
    36. 		GEngine->AddOnScreenDebugMessage(-1, 5.f, FColor::Red, TEXT("NickName is too  long"));
    37. 		return;
    38. 	}
    39. 	if (!PassWord1.Equals(RePassWord1))
    40. 	{
    41. 		GEngine->AddOnScreenDebugMessage(-1, 5.f, FColor::Red, TEXT("Second password is error"));
    42. 	}
    43. 	AccountRegisterFromServer(Account,PassWord1);
    44. 	RegisterBtn->SetIsEnabled(false);
    45. }
    46.  
    47. void URegisterWidget::AccountRegisterFromServer(FString nickname, FString password)
    48. {
    49. 	FString Serverdata;
    50. 	TSharedRef<TJsonWriter<TCHAR, TPrettyJsonPrintPolicy<TCHAR>>> JsonWriter = TJsonWriterFactory>::Create(&Serverdata);
    51. 	JsonWriter->WriteObjectStart();
    52. 	//写入账号
    53. 	JsonWriter->WriteValue("nickname", nickname);
    54. 	//写入密码
    55. 	JsonWriter->WriteValue("password", password);
    56. 	//关闭写入
    57. 	JsonWriter->WriteObjectEnd();
    58. 	//关闭json写入器
    59. 	JsonWriter->Close();
    60.  
    61. 	//创建Http 请求
    62. 	TSharedRef<IHttpRequest, ESPMode::ThreadSafe> HttpRequest = FHttpModule::Get().CreateRequest();
    63.  
    64. 	//设置Header
    65. 	HttpRequest->SetHeader("Content-Type", "application/json;charset=UTF-8");
    66.  
    67. 	HttpRequest->SetVerb("POST");
    68. 	//设置请求地址
    69. 	HttpRequest->SetURL("https://........................................");
    70. 	//设置请求发送的数据
    71. 	HttpRequest->SetContentAsString(Serverdata);
    72.  
    73. 	//绑定回调
    74. 	HttpRequest->OnProcessRequestComplete().BindUObject(this, &URegisterWidget::RequestComplete);
    75. 	//发送请求
    76. 	HttpRequest->ProcessRequest();
    77. }
    78.  
    79.  
    80. void URegisterWidget::RequestComplete(FHttpRequestPtr RequestPtr, FHttpResponsePtr ResponsePtr, bool bIsSuccess)
    81. {
    82.  
    83. 	UE_LOG(LogTemp, Warning, TEXT(">>request complete"));
    84. 	UE_LOG(LogTemp, Warning, TEXT("%s"), *(ResponsePtr->GetContentAsString()));
    85.  
    86. 	if (!EHttpResponseCodes::IsOk(ResponsePtr->GetResponseCode()))
    87. 	{
    88. 		OnRegisterResultDelegate.Broadcast(false, TEXT("Invalid Network"));
    89. 		UE_LOG(LogTemp, Warning, TEXT("Invalid Network"));
    90. 		return;
    91. 	}
    92. 	//创建一个Json解析器
    93. 	TSharedRef<TJsonReader<TCHAR>> JsonReader = TJsonReaderFactory::Create(ResponsePtr->GetContentAsString());
    94. 	//创建一个Json对象
    95. 	TSharedPtr<FJsonObject> JsonObject;
    96. 	//Json反序列化
    97. 	bool bIsOk = FJsonSerializer::Deserialize(JsonReader, JsonObject);
    98. 	//判断解析是否成功
    99. 	if (bIsOk)
    100. 	{
    101. 		int code = JsonObject->GetIntegerField("code");
    102. 		FString msg = JsonObject->GetStringField("msg");
    103. 		GEngine->AddOnScreenDebugMessage(-1, 5.f, FColor::Red, FString::Printf(TEXT("Msg is : %s"),*msg));
    104. 		if (code != 0)
    105. 		{
    106. 			OnRegisterResultDelegate.Broadcast(false, *msg);
    107. 			return;
    108. 		}
    109. 		TSharedPtr<FJsonObject> DataObject = JsonObject->GetObjectField("data");
    110. 		OnRegisterResultDelegate.Broadcast(true, TEXT("Success"));
    111. 		UE_LOG(LogTemp, Warning, TEXT("Success"));
    112. 	}
    113. }

    LoginWidget代码

    1. // Fill out your copyright notice in the Description page of Project Settings.
    2.  
    3. #pragma once
    4.  
    5. #include "CoreMinimal.h"
    6. #include "GameFramework/Actor.h"
    7. #include "LoginActor.generated.h"
    8.  
    9. UCLASS()
    10. class HTTPPROJECT_API ALoginActor : public AActor
    11. {
    12. 	GENERATED_BODY()
    13. 	
    14. public:	
    15. 	// Sets default values for this actor's properties
    16. 	ALoginActor();
    17.  
    18. protected:
    19. 	// Called when the game starts or when spawned
    20. 	virtual void BeginPlay() override;
    21.  
    22. public:	
    23. 	// Called every frame
    24. 	virtual void Tick(float DeltaTime) override;
    25.  
    26. };
    1. // Fill out your copyright notice in the Description page of Project Settings.
    2.  
    3. #pragma once
    4.  
    5. #include "CoreMinimal.h"
    6. #include "MyUserWidget.h"
    7. #include "Components/Button.h"
    8. #include "Components/EditableTextBox.h"
    9. #include "Components/TextBlock.h"
    10. #include "HTTP/Public/Interfaces/IHttpRequest.h"
    11. #include "HTTP/Public/Interfaces/IHttpResponse.h"
    12. #include "HTTP/Public/Interfaces/IHttpBase.h"
    13. #include "HTTP/Public/HttpModule.h"
    14. #include "Json/Public/Serialization/JsonWriter.h"
    15. #include "Json/Public/Serialization/JsonReader.h"
    16. #include "Json/Public/Serialization/JsonSerializer.h"
    17. #include "Json/Public/Policies/CondensedJsonPrintPolicy.h"
    18. #include "Json/Public/Dom/JsonObject.h"
    19. #include "LoginWidget.generated.h"
    20.  
    21. /**
    22.  * 
    23.  */
    24.  
    25. DECLARE_DYNAMIC_MULTICAST_DELEGATE_TwoParams(FOnLoginResultDelegate, bool, result, FString, message);
    26.  
    27. UCLASS()
    28. class HTTPPROJECT_API ULoginWidget : public UMyUserWidget
    29. {
    30. 	GENERATED_BODY()
    31. public:
    32. 	UPROPERTY()
    33. 		UButton* LoginBtn;
    34. 	UPROPERTY()
    35. 		UButton* ReturnBtn;
    36. 	UPROPERTY()
    37. 		UEditableTextBox* NicknameInput;
    38. 	UPROPERTY()
    39. 		UEditableTextBox* PasswordInput;
    40.  
    41. public:
    42. 	virtual bool Initialize() override;
    43.  
    44. 	UPROPERTY(BlueprintAssignable, Category = "Register")
    45. 		FOnLoginResultDelegate OnLoginResultDelegate;
    46. 	//点击登陆函数
    47. 	UFUNCTION()
    48. 		void LoginButtonOnClickEvent();
    49. 	//登陆方法函数
    50. 	void AccountLoginFromServer(FString Nickname,FString Password);
    51.  
    52.  
    53. private:
    54. 	//绑定回调函数
    55. 	void RequestComplete(FHttpRequestPtr RequestPtr, FHttpResponsePtr ResponsePtr, bool bIsSuccess);
    56. };

    StartGameMode的代码

    1. // Fill out your copyright notice in the Description page of Project Settings.
    2.  
    3. #pragma once
    4.  
    5. #include "CoreMinimal.h"
    6. #include "GameFramework/GameMode.h"
    7. #include "StartWidget.h"
    8. #include "RegisterWidget.h"
    9. #include "LoginWidget.h"
    10. #include "StartGameMode.generated.h"
    11.  
    12. /**
    13.  * 
    14.  */
    15. UCLASS()
    16. class HTTPPROJECT_API AStartGameMode : public AGameMode
    17. {
    18. 	GENERATED_BODY()
    19. public:
    20. 	UPROPERTY()
    21. 		UStartWidget* MyStartWidget;
    22. 	UPROPERTY()
    23. 		URegisterWidget* MyRegisterWidget;
    24.  
    25. 	UPROPERTY()
    26. 		ULoginWidget* MyLoginWidget;
    27. 		
    28. public:
    29. 	virtual void BeginPlay() override;
    30.  
    31. 	UFUNCTION()
    32. 		void RegisterBtnOnClickEvent();
    33. 	UFUNCTION()
    34. 		void RegisterBackBtnOnClickEvent();
    35. 	UFUNCTION()
    36. 		void StartBtnOnClickEvent();
    37.  
    38. 	UFUNCTION()
    39. 		void LoginBackBtnOnClickEvent();
    40.  
    41. 	
    42. };
    1. // Fill out your copyright notice in the Description page of Project Settings.
    2.  
    3.  
    4. #include "StartGameMode.h"
    5.  
    6. void AStartGameMode::BeginPlay()
    7. {
    8. 	Super::BeginPlay();
    9. 	MyStartWidget = CreateWidget<UStartWidget>(GetWorld(),LoadClass<UStartWidget>(nullptr,TEXT("WidgetBlueprint'/Game/BP_Start.BP_Start_C'")));
    10. 	if (MyStartWidget)
    11. 	{
    12. 		MyStartWidget->AddToViewport();
    13. 		MyStartWidget->RegisterButton->OnClicked.AddDynamic(this, &AStartGameMode::RegisterBtnOnClickEvent);
    14. 		MyStartWidget->StartButton->OnClicked.AddDynamic(this,&AStartGameMode::StartBtnOnClickEvent);
    15. 	}
    16. 	MyRegisterWidget = CreateWidget<URegisterWidget>(GetWorld(), LoadClass<URegisterWidget>(nullptr, TEXT("WidgetBlueprint'/Game/BP_Register.BP_Register_C'")));
    17. 	if (MyRegisterWidget)
    18. 	{
    19. 		MyRegisterWidget->BackBtn->OnClicked.AddDynamic(this, &AStartGameMode::RegisterBackBtnOnClickEvent);
    20. 		
    21. 	}
    22. 	MyLoginWidget = CreateWidget<ULoginWidget>(GetWorld(), LoadClass<ULoginWidget>(nullptr,TEXT("WidgetBlueprint'/Game/BP_Login.BP_Login_C'")));
    23. 	if (MyLoginWidget)
    24. 	{
    25. 		MyLoginWidget->ReturnBtn->OnClicked.AddDynamic(this, &AStartGameMode::LoginBackBtnOnClickEvent);
    26. 	}
    27. }
    28.  
    29. void AStartGameMode::RegisterBtnOnClickEvent()
    30. {
    31. 	MyStartWidget->RemoveFromParent();
    32. 	MyRegisterWidget->AddToViewport();
    33. }
    34.  
    35. void AStartGameMode::RegisterBackBtnOnClickEvent()
    36. {
    37. 	MyRegisterWidget->RemoveFromParent();
    38. 	MyStartWidget->AddToViewport();
    39. 	GEngine->AddOnScreenDebugMessage(-1, 5.f, FColor::Red, TEXT("RegisterBack"));
    40. }
    41.  
    42. void AStartGameMode::StartBtnOnClickEvent()
    43. {
    44. 	MyStartWidget->RemoveFromParent();
    45. 	MyLoginWidget->AddToViewport();
    46. }
    47.  
    48. void AStartGameMode::LoginBackBtnOnClickEvent()
    49. {
    50. 	MyLoginWidget->RemoveFromParent();
    51. 	MyStartWidget->AddToViewport();
    52. 	GEngine->AddOnScreenDebugMessage(-1, 5.f, FColor::Red, TEXT("LoginBack"));
    53. }
    54.  
    55.

    第五步：世界设置中选中StartGameMode

    第六步：测试运行

     到此即可

  • 相关阅读:
    AIGC ChatGPT4总结SQL优化细节操作
    Vue源码学习(四):<templete>渲染第三步,将ast语法树转换为渲染函数
    大数据讲课笔记1.1 安装配置CentOS
    vue后台实现点击图片放大
    MyBatis框架
    电力系统潮流计算（牛顿-拉夫逊法、高斯-赛德尔法、快速解耦法）【6节点 9节点 14节点 26节点 30节点 57节点】（Matlab代码实现）
    Docker搭建Mylar
    常见的C/C++开源数值计算库
    04 如何进行数据表表分区？ | OushuDB 数据库使用入门
    LeetCode题：70爬楼梯，126斐波那契数
  • 原文地址：https://blog.csdn.net/qq_43021038/article/details/126608528