รับเนื้อหาเว็บในแอป

ฟีเจอร์นี้อนุญาตให้เนื้อหาเว็บถูกเรียกใช้ภายในแอป ในคำอื่น ๆ ผู้ใช้สามารถเข้าถึงเบราว์เซอร์ภายนอกหรือเว็บวิวโดยไม่ต้องออกจากแอป ความสามารถในการเรียกใช้เนื้อหาเว็บภายในแอปไม่เพียงแต่ลดการเลิกใช้งานของผู้ใช้ แต่ยังมอบประสบการณ์ผู้ใช้ที่ดียิ่งขึ้น

Note

สำหรับข้อมูลเพิ่มเติมเกี่ยวกับเบราว์เซอร์ภายนอก โปรดดูที่เอกสาร Custom tabs สำหรับ Android และ SFSafariViewController สำหรับ iOS.

การเรียกใช้เบราว์เซอร์ภายนอกภายในแอป¶

ส่วนนี้ให้คำแนะนำเกี่ยวกับวิธีการใช้ฟีเจอร์การเรียกดูเบราว์เซอร์ภายนอกภายในแอป

ฟังก์ชันการตั้งค่า¶

ฟังก์ชันที่สามารถตั้งค่าด้วย InAppBrowserParam มีดังต่อไปนี้

ฟีเจอร์	เนื้อหา	การตั้งค่าเริ่มต้น
NavigationColor	กำหนดสีของพื้นที่การนำทางด้านบน	สีเริ่มต้นของ OS
ButtonColor (รองรับเฉพาะ iOS)	กำหนดสีของปุ่มในพื้นที่การนำทางด้านบน	สีเริ่มต้นของ OS
UrlBarHiding	เมื่อเกิดเหตุการณ์เลื่อน พื้นที่การแสดง URL ด้านบนจะถูกซ่อน	true
AutoRedirectToExternalBrowser (เฉพาะ Android)	หากแอปเบราว์เซอร์ที่ตั้งค่าในแอปเริ่มต้นของอุปกรณ์ไม่รองรับ การเชื่อมต่อกับเบราว์เซอร์ภายนอกจะถูกสนับสนุนโดยอัตโนมัติ	true

ตัวอย่างโค้ด¶

โค้ดตัวอย่างสำหรับการตั้งค่าฟังก์ชันโดยใช้ InAppBrowserParam มีดังนี้

Unity®Unreal EngineC++JavaโคทลินSwiftObjective-C

using hive;

InAppBrowserParam param = new InAppBrowserParam.Builder("https://developers.withhive.com/")
                                                .setNavigationColor("#3891f0")
                                                .setButtonColor("#ffffff")
                                                .setUrlBarHiding(true)
                                                .setAutoRedirectToExternalBrowser(true)
                                                .build();

    PlatformHelper.showInAppBrowser(param, (ResultAPI result) => {
            if (result.isSuccess()) {
                    // API call successful
            }
    });

#include "HivePlatformHelper.h"

FString URL = TEXT("https://developers.withhive.com/");
FHiveInAppBrowserParam Param(URL);
Param.NavigationColor = TEXT("3891f0");
Param.ButtonColor = TEXT("#FFFFFF");
Param.UrlBarHiding = true;
Param.AutoRedirectToExternalBrowser = true;

FHivePlatformHelper::ShowInAppBrowser(Param, FHivePlatformHelperOnShowInAppBrowserDelegate::CreateLambda([this](const FHiveResultAPI& Result) {
        if (Result.IsSuccess()) {
                // API call successful
        }
}));

    #include <HIVE_SDK_Plugin/HIVE_CPP.h>
    using namespace std;
    using namespace hive;

    InAppBrowserParam *param = new InAppBrowserParam("https://developers.withhive.com/");
    param->navigationColor = "3891f0";
    param->buttonColor = "#ffffff";
    param->urlBarHiding = true;
    param->autoRedirectToExternalBrowser = true;

    PlatformHelper::showInAppBrowser(*param, [=](ResultAPI const & result) {
            if (result.isSuccess()) {
                    // API call successful
            }
    });

    import com.hive.PlatformHelper;
    import com.hive.ResultAPI;

    PlatformHelper.InAppBrowserParam param = new PlatformHelper.InAppBrowserParam.Builder("https://developers.withhive.com/")
                                    .setNavigationColor("#3891f0")
                                    .setUrlBarHiding(true)
                                    .setAutoRedirectToExternalBrowser(true)
                                    .build();

    PlatformHelper.showInAppBrowser(param, result -> {
            if (result.isSuccess()) {
                    // API call successful
            }

    });

import com.hive.PlatformHelper;
import com.hive.ResultAPI;

val param = PlatformHelper.InAppBrowserParam.Builder("https://developers.withhive.com/")
                                        .setNavigationColor("#3891f0")
                                        .setUrlBarHiding(true)
                                        .setAutoRedirectToExternalBrowser(true)
                                        .build()

PlatformHelper.showInAppBrowser(param, object : PlatformHelper.InAppBrowserListener {
        override fun onInAppBrowser(result: ResultAPI) {
                if (result.isSuccess) {
                        // การเรียก API สำเร็จ
                }
        }
})

import HIVEService

let inAppBrowserParam = InAppBrowserParam.Builder(url: "https://developers.withhive.com/")
                                                .setNavigationColor("#3891f0")
                                                .setButtonColor("#ffffff")
                                                .setUrlBarHiding(true)
                                                .setAutoRedirectToExternalBrowserbuild(true)
                                                .build()

PlatformHelperInterface.showInAppBrowser(inAppBrowserParam) { resultAPI in
    if result.isSuccess() {
                // API call successful
        }
};

#import <HIVEService/HIVEService-Swift.h>

HiveInAppBrowserParamBuilder *builder = [[HiveInAppBrowserParamBuilder alloc] initWithUrl: @"https://developers.withhive.com/"];
HiveInAppBrowserParam *inAppBrowserParam = [[[[[builder setNavigationColor: @"#3891f0"]
                                                        setButtonColor: @"#ffffff"]
                                                        setUrlBarHiding: @YES]
                                                        setAutoRedirectToExternalBrowser: @YES]
                                                        build];

[HIVEPlatformHelper showInAppBrowser: inAppBrowserParam handler: ^(HIVEResultAPI *result) {
        if ([result isSuccess]) {
                // API call successful
        }
}];

เรียก Webview ภายในแอป¶

ส่วนนี้อธิบายวิธีการเรียกดูเว็บวิวภายในแอป คุณสามารถส่งเซสชันการเข้าสู่ระบบในแอปโดยใช้ useUserSession และข้อมูลเพิ่มเติมที่ต้องการโดยนักพัฒนาแอปสามารถส่งได้โดยใช้ postData

คุณสมบัติที่ปรับแต่งได้¶

คุณสมบัติที่สามารถตั้งค่าได้ด้วย InAppWebViewParam มีดังต่อไปนี้:

ฟีเจอร์	คำอธิบาย	ค่าเริ่มต้น	จำเป็น
useUserSession	ข้อมูลเซสชันการเข้าสู่ระบบในแอป ข้อมูล JSON รวมถึง `player_id` และ `player_token`	false	X
postData	ข้อมูลที่มีข้อมูลเพิ่มเติมที่จะถูกส่งโดยนักพัฒนาแอป ใช้เมื่อมีข้อมูลเพิ่มเติมที่จะแสดงในเว็บวิว	null	X

Warning

เมื่อใช้ useUserSession ข้อมูล postData จะต้องอยู่ในรูปแบบ JSON.

ตัวอย่างโค้ด¶

นี่คือตัวอย่างโค้ดสำหรับการตั้งค่าฟีเจอร์โดยใช้ InAppWebViewParam。

Unity®Unreal EngineC++จาวาโคทลินSwiftObjective-C

using hive;

InAppWebViewParam param = new InAppWebViewParam.Builder("https://developers.withhive.com/")
                                                .setUseUserSession(true)
                                                .build();

    PlatformHelper.showInAppWebView(param, (ResultAPI result) => {
            if (result.isSuccess()) {
                    // API call successful
            }
    });

#include "HivePlatformHelper.h"

FString URL = TEXT("https://developers.withhive.com/");
FHiveInAppWebViewParam Param(URL);
Param.UseUserSession = true;

FHivePlatformHelper::ShowInAppWebView(Param, FHivePlatformHelperOnShowInAppWebViewDelegate::CreateLambda([this](const FHiveResultAPI& Result) {
        if (Result.IsSuccess()) {
                // API call successful
        }
}));

#include <HIVE_SDK_Plugin/HIVE_CPP.h>
using namespace std;
using namespace hive;

InAppWebViewParam *param = new InAppWebViewParam("https://developers.withhive.com/");
param->useUserSession = true;

PlatformHelper::showInAppWebView(*param, [=](ResultAPI const & result) {
        if (result.isSuccess()) {
                // API call successful
        }
});

import com.hive.PlatformHelper;
import com.hive.ResultAPI;

PlatformHelper.InAppWebViewParam param = new PlatformHelper.InAppWebViewParam.Builder("https://developers.withhive.com/")
                                .setUseUserSession(true)
                                .build();

PlatformHelper.showInAppWebView(param, result -> {
        if (result.isSuccess()) {
                // API call successful
        }     
});

import com.hive.PlatformHelper;
import com.hive.ResultAPI;

val param = PlatformHelper.InAppWebViewParam.Builder("https://developers.withhive.com/")
                                        .setUseUserSession(true)
                                        .build()

PlatformHelper.showInAppWebView(param, object : PlatformHelper.InAppWebViewListener {
        override fun onInAppWebView(result: ResultAPI) {
                if (result.isSuccess) {
                        // การเรียก API สำเร็จ
                }
        }
})

import HIVEService

let inAppWebViewParam = InAppWebViewParam.Builder(url: "https://developers.withhive.com/")
                                                .setUseUserSession(true)
                                                .build()

PlatformHelperInterface.showInAppWebView(inAppWebViewParam) { resultAPI in
    if result.isSuccess() {
                // API call successful
        }
};

#import <HIVEService/HIVEService-Swift.h>

HiveInAppWebViewParamBuilder *builder = [[HiveInAppWebViewParamBuilder alloc] initWithUrl: @"https://developers.withhive.com/"];
HiveInAppWebViewParam *inAppWebViewParam = [[builder setUseUserSession: @YES]
                                                        build];

[HIVEPlatformHelper showInAppWebView: inAppWebViewParam handler: ^(HIVEResultAPI *result) {
        if ([result isSuccess]) {
                // API call successful
        }
}];