Truy cập Metadata

Tbox Mini App có cung cấp một React Hooks để Nhà Phát Triển có thể truy cập vào các thông tin của Mini App đang chạy.

Hook useMetadata trả về một dictionary chứa các key sau

key	ý nghĩa
appId	ID cuả Mini App đang chạy

Nhà Phát Triển có thể sử dụng API này như sau

import * as React from "react";

import { View, Text, StyleSheet } from "tbox/ui";

import { useMetadata } from "tbox/hooks";

export default function Page() {

const { appId } = useMetadata();

return (

<View style={styles.content}>

<Text style={styles.paragraph}>App id {appId}</Text>

</View>

);

}

Ngoài ra, Nhà Phát Triển cũng có thể truy cập vào các metadata của Mini App thông qua việc import trực tiếp file app.js

import * as React from "react";

import { View, Text, StyleSheet } from "tbox/ui";

import app from "@/app";

export default function Page() {

return (

<View style={styles.content}>

<Text style={styles.paragraph}>App id {app.metadata.appId}</Text>

<Text style={styles.paragraph}>

App version is {app.metadata.version}

</Text>

</View>

);

}

Việc import trực tiếp file app sẽ tiện lợi hơn hàm useMetadata ở việc sử dụng này không bị giới hạn bởi các React Component, mà có thể sử dụng ở bất kỳ hàm nào.