(57)【要約】ページコンポーネント動的レイアウト方法は、クライアント端末によって、トリガされた要求ページに基づいて、サーバに対するページコンテンツ要求を開始することと、クライアント端末によって、ページ応答コンテンツ内にプリセット識別子が存在するかどうかを問い合わせることと、ページ応答コンテンツ内にプリセット識別子が存在する場合に、設定されたカスタムコンポーネント構文解析エンジンをロードして、カスタムコンポーネントのタグを構文解析することと、クライアント端末によって、カスタムコンポーネントのタグを構文解析することによって得られたタグ情報に従って、対応するカスタムコンポーネントを選択することと、設定されたカスタムコンポーネントレンダリングエンジンを呼び出して、カスタムコンポーネントをレンダリングすることと、レンダリングされたカスタムコンポーネントを要求ページの対応する位置に追加することと、を含む。ＷｅｂＶｉｅｗ上のネイティブコンポーネントの動的レイアウトが、ＨＴＭＬページ上で実現され、それによって、オペレータによるページレイアウトの便宜が向上する。
2019520624.tif 000002
【特許請求の範囲】
【請求項１】
クライアント端末によって、サーバに対するページコンテンツ要求を開始することと、
前記サーバによって返された、受信したページ応答コンテンツに基づいて、前記要求ページを開くことと、
前記ページ応答コンテンツ内にプリセット識別子が存在するかどうかを問い合わせることと、
前記ページ応答コンテンツ内に前記プリセット識別子が存在すると判定することに応じて、設定されたカスタムコンポーネント構文解析エンジンをロードして、前記要求ページ内のカスタムコンポーネントのタグを構文解析することと、
前記カスタムコンポーネントの前記タグを構文解析することによって得られたタグ情報に従って、対応するカスタムコンポーネントを選択することと、
設定されたカスタムコンポーネントレンダリングエンジンを呼び出して、前記カスタムコンポーネントをレンダリングすることと、
レンダリングされた前記カスタムコンポーネントを前記要求ページの対応する位置に追加することと、
を含む、方法。
【請求項２】
前記サーバによって、前記ページコンテンツ要求を受信すると、前記要求ページがカスタムコンポーネントのタグを含むと判定することをさらに含む、請求項１に記載の方法。
【請求項３】
前記要求ページが前記カスタムコンポーネントの前記タグを含むと判定することに応じて、前記クライアント端末に返される前記ページ応答コンテンツ内に前記プリセット識別子を設定することをさらに含む、請求項２に記載の方法。
【請求項４】
前記要求ページ内の前記カスタムコンポーネントの前記タグを構文解析することが、
前記要求ページ内の前記カスタムコンポーネントの前記タグの情報を抽出することを含む、請求項１に記載の方法。
【請求項５】
前記要求ページ内の前記カスタムコンポーネントの前記タグを構文解析することが、
抽出された前記情報に従って、前記タグ情報に対応する前記設定されたカスタムコンポーネントレンダリングエンジンを決定することをさらに含む、請求項１に記載の方法。
【請求項６】
トリガされた前記要求ページが、端末アプリケーションのＨＴＭＬページである、請求項１に記載の方法。
【請求項７】
前記カスタムコンポーネントが、ネイティブコンポーネントを含む、請求項６に記載の方法。
【請求項８】
前記設定されたカスタムコンポーネント構文解析エンジンが、ネイティブコンポーネント構文解析エンジンｃｏｒｅ．ｊｓを含む、請求項７に記載の方法。
【請求項９】
ユーザ定義された、設定されたカスタムコンポーネントの構文解析情報を、クライアント端末のカスタムコンポーネント構文解析エンジンに送信することと、
受信した前記クライアント端末のページコンテンツ要求に従って、対応するページ応答コンテンツを返すことと、を含む、方法。
【請求項１０】
受信した前記クライアント端末の前記ページコンテンツ要求に従って、前記対応するページ応答コンテンツを前記返すことが、
前記カスタムコンポーネントのタグが、前記クライアント端末の要求ページにおいて使用されていると判定することを含む、請求項９に記載の方法。
【請求項１１】
受信した前記クライアント端末の前記ページコンテンツ要求に従って、前記対応するページ応答コンテンツを返すことが、
前記クライアント端末に返される前記ページ応答コンテンツ内にプリセット識別子を設定することをさらに含む、請求項１０に記載の方法。
【請求項１２】
前記要求ページが、端末アプリケーションのＨＴＭＬページである、請求項９に記載の方法。
【請求項１３】
前記カスタムコンポーネントが、ネイティブコンポーネントを含む、請求項１２に記載の方法。
【請求項１４】
前記カスタムコンポーネント構文解析エンジンが、ネイティブコンポーネント構文解析エンジンｃｏｒｅ．ｊｓを含む、請求項１３に記載の装置。
【請求項１５】
トリガされた要求ページに基づいて、サーバに対するページコンテンツ要求を開始するように構成された、ページ要求モジュールと、
前記サーバによって返されたページ応答コンテンツを受信し、前記ページ応答コンテンツに従って前記要求ページを開き、前記ページ応答コンテンツ内にプリセット識別子が存在するかどうかを問い合わせるように構成された、受信及び処理モジュールと、
前記ページ応答コンテンツ内にプリセット識別子が存在すると判定することに応じて、設定されたカスタムコンポーネント構文解析エンジンをロードして、前記要求ページ内のカスタムコンポーネントのタグを構文解析するように構成された、ページ構文解析モジュールと、
前記カスタムコンポーネントの前記タグを構文解析することによって得られたタグ情報に従って、対応するカスタムコンポーネントを選択し、設定されたカスタムコンポーネントレンダリングエンジンを呼び出して、前記カスタムコンポーネントをレンダリングするように構成された、ページレンダリングモジュールと、
レンダリングされた前記カスタムコンポーネントを前記要求ページの対応する位置に追加するように構成された、動的レイアウトモジュールと、
を、備える装置。
【請求項１６】
前記ページ構文解析モジュールが、前記要求ページ内の前記カスタムコンポーネントの前記タグの情報を抽出するようにさらに構成されている、請求項１５に記載の装置。
【請求項１７】
前記ページ構文解析モジュールが、抽出された前記情報に従って、前記タグ情報に対応する前記設定されたカスタムコンポーネントレンダリングエンジンを決定するようにさらに構成されている、請求項１６に記載の装置。
【請求項１８】
トリガされた前記要求ページが、端末アプリケーションのＨＴＭＬページである、請求項１５に記載の装置。
【請求項１９】
前記カスタムコンポーネントが、ネイティブコンポーネントを含む、請求項１８に記載の装置。
【請求項２０】
前記設定されたカスタムコンポーネント構文解析エンジンが、ネイティブコンポーネント構文解析エンジンｃｏｒｅ．ｊｓを含む、請求項１９に記載の装置。
【発明の詳細な説明】
【技術分野】
【０００１】
本開示は、コンピュータデータ処理技術の分野に関し、特に、ページコンポーネント動的レイアウト方法、装置、及びクライアント端末に関する。
【背景技術】
【０００２】
関連特許出願の相互参照
本出願は、２０１６年５月１２日に出願された「ＰＡＧＥ  ＣＯＭＰＯＮＥＮＴ  ＤＹＮＡＭＩＣ  ＬＡＹＯＵＴ  ＭＥＴＨＯＤ，ＡＰＰＡＲＡＴＵＳ  ＡＮＤ  ＣＬＩＥＮＴ  ＴＥＲＭＩＮＡＬ」と題する中国特許出願第２０１６１０３１２９３４．８号の優先権を主張し、当該中国特許出願の全体は参照により本明細書に組み込まれる。
【０００３】
モバイルインターネットの進歩が拡大するとともに、携帯電話またはタブレットなどのモバイル端末デバイス上のアプリケーション（ＡＰＰ）のウェブページを通して、ニュースを読むこと、動画視聴、オンラインショッピング、インスタントメッセージなどに関するユーザの要求は、ますます複雑かつ多様化している。ＡＰＰの高速繰り返しは、多数のＡＰＰモバイル製造業者が直面する厳しいテストになっており、したがって、モバイルＡＰＰ開発の分野では、動的技術が、多数のＡＰＰモバイル製造業者の開発及び研究の焦点となっている。
【０００４】
モバイルＡＰＰ開発の最新分野において、ページの動的レイアウトを実現する動的技術は、主に、ＷｅｂＶｉｅｗコンポーネントを活用する。ＷｅｂＶｉｅｗコンポーネントは、完成された、完全なＷｅｂＫｉｔオープンソースカーネルを使用して、クライアント端末のブラウザ機能を実現することが可能である。上述のように、ユーザの要求を満たし、ユーザエクスペリエンスを強化するために、現在、多数のオープンＡＰＰが、もはやＷｅｂＶｉｅｗコンポーネントを使用せず、ページ動的レイアウトを実現するために、Ｆａｃｅｂｏｏｋに類似のＲｅａｃｔＮａｔｉｖｅ技術を使用し始めている。ＲｅａｃｔＮａｔｉｖｅは、従来のハイブリッドＡｐｐの概念から脱却し、ＨＴＭＬ、ＣＳＳ、及びＪａｖａＳｃｒｉｐｔ（登録商標）に基づく規則一式を再定義する。ＪａｖａＳｃｒｉｐｔでは、Ｒｅａｃｔ抽象オペレーティングシステムのネイティブＵＩコンポーネントを使用してレンダリング用のＤＯＭエレメントを置き換えることが可能である。例えば、＜ｄｉｖ＞は、＜Ｖｉｅｗ＞と置き換えられ、＜ｉｍｇ＞は、＜Ｉｍａｇｅ＞と置き換えられる、などである。ＵＩに関して、ＲｅａｃｔＮａｔｉｖｅは、Ｆｌｅｘｂｏｘに類似のクロスプラットフォームレイアウトシステムを提供し、さらに、ＣＳＳサブセットをサポートする。加えて、それは、ＪＳＸまたは通常のＪａｖａＳｃｒｉｐｔ言語、ならびにＣｏｆｆｅｅＳｃｒｉｐｔ及びＴｙｐｅＳｃｒｉｐｔも使用して、モバイル端末ＡＰＰを開発し得る。
【０００５】
ＲｅａｃｔＮａｔｉｖｅ技術は、例えば、フォーム、ビデオカメラ、ナビゲーション制御などの多数のＲｅａｃｔＮａｔｉｖｅオープンソースコンポーネントを提供し、モバイルアプリケーション開発者に支援をもたらし得る。現在、市場におけるアプリケーションは、たいてい動的レイアウトのためにＲｅａｃｔＮａｔｉｖｅに類似の技術を使用しており、それは、主に、Ｒｅａｃｔ．ｊｓ（ウェブプラットフォーム）技術を使用することによってＲｅａｃｔＮａｔｉｖｅレイアウトページをコンパイルすること、次いで、ｒｅａｃｔ−Ｎａｔｉｖｅ．ｊｓ構文解析エンジンを通してページを構文解析すること、及び、最後に、Ｎａｔｉｖｅレイヤの構文解析エンジンを通してページのレイアウトを完成させることを含む。
【０００６】
現在、ＨＴＭＬページは、依然としてモバイル端末ページにおける重要な位置を占めている。一方、このようなＲｅａｃｔＮａｔｉｖｅ動的技術の実装は、Ｗ３Ｃ標準に準拠しておらず、独立して文法、構文解析、及びその他のステップを完全に実現している。このような方法は、既存のＷｅｂＫｉｔカーネルと互換性がなく、既存のページを開く（例えば、Ｂａｉｄｕ及びｇｏｏｇｌｅページを直接開く）ことができない。さらに、技術の実装には、ページ開発者に対するより高い学習コストが必要とされ、元のＨＴＭＬ技術を使用してＷｅｂＶｉｅｗ上でネイティブコンポーネントの動的レイアウトを実現することができない。
【先行技術文献】
【特許文献】
【０００７】
【特許文献１】中国特許出願第２０１６１０３１２９３４．８号公報
【発明の概要】
【０００８】
本概要は、詳細な説明においてさらに後述される概念の抜粋を、簡潔な形式で導入するために提供される。本概要は、特許請求される主題の重要な特徴または本質的特徴の全てを特定することを意図するものではなく、特許請求される主題の範囲を判断する際の補助としてのみ使用されることを意図するものでもない。「技術（複数可）または技術的解決策（複数可）」という用語は、上記の文脈によって、かつ本開示全体を通して認められるように、例えば、装置（複数可）、システム（複数可）、方法（複数可）、及び／またはコンピュータ可読命令を指す場合がある。
【０００９】
本開示の目的は、ページコンポーネント動的レイアウト方法、装置、及びクライアント端末を提供することであり、それは、ＨＴＭＬページに基づくネイティブカスタムコンポーネントのタグを通して、ＨＴＭＬページ上でネイティブコンポーネントのレンダリングを完了し、ＷｅｂＶｉｅｗ上でネイティブコンポーネントの動的レイアウトを実現し、よって、ネイティブコンポーネントの動的レイアウトが、ＨＴＭＬページ上で実現できないという従来技術における技術的問題点を解決し、オペレータによるページレイアウトの便宜を大いに向上させる。
【００１０】
本開示は、ページコンポーネント動的レイアウト方法、装置、及びクライアント端末を提供し、それらは、以下のように実装される。
【００１１】
本開示は、
クライアント端末によって、トリガされた要求ページに基づいて、サーバに対するページコンテンツ要求を開始することと、
サーバによって、ページコンテンツ要求を受信すると、要求ページがカスタムコンポーネントのタグを含むかどうかを判定すること、及び、含む場合に、クライアント端末に返されるページ応答コンテンツ内にプリセット識別子を設定することと、
クライアント端末によって、受信したページ応答コンテンツに従って、要求ページを開くこと、ページ応答コンテンツ内にプリセット識別子が存在するかどうかを問い合わせること、及び、ページ応答コンテンツ内にプリセット識別子が存在する場合に、設定されたカスタムコンポーネント構文解析エンジンをロードして、要求ページ内のカスタムコンポーネントのタグを構文解析することと、
クライアント端末によって、カスタムコンポーネントのタグを構文解析することによって得られたタグ情報に従って、対応するカスタムコンポーネントを選択すること、及び、設定されたカスタムコンポーネントレンダリングエンジンを呼び出して、カスタムコンポーネントをレンダリングすることと、
クライアント端末によって、レンダリングされたカスタムコンポーネントを要求ページの対応する位置に追加することと、を含む、ページコンポーネント動的レイアウト方法を提供する。
【００１２】
本開示は、
トリガされた要求ページに基づいて、サーバに対するページコンテンツ要求を開始することと、
サーバによって返された、受信したページ応答コンテンツに基づいて、要求ページを開くこと、及びページ応答コンテンツ内にプリセット識別子が存在するかどうかを問い合わせることと、
ページ応答コンテンツ内にプリセット識別子が存在する場合に、設定されたカスタムコンポーネント構文解析エンジンをロードして、要求ページ内のカスタムコンポーネントのタグを構文解析することと、
カスタムコンポーネントのタグを構文解析することによって得られたタグ情報に従って、対応するカスタムコンポーネントを選択すること、及び設定されたカスタムコンポーネントレンダリングエンジンを呼び出して、カスタムコンポーネントをレンダリングすることと、
レンダリングされたカスタムコンポーネントを要求ページの対応する位置に追加することと、を含む、ページコンポーネント動的レイアウト方法を提供する。
【００１３】
例えば、本方法は、サーバによって、ページコンテンツ要求を受信すると、要求ページがカスタムコンポーネントのタグを含むと判定することをさらに含んでもよい。
【００１４】
例えば、本方法は、要求ページがカスタムコンポーネントのタグを含むと判定することに応じて、クライアント端末に返されるページ応答コンテンツ内にプリセット識別子を設定することをさらに含んでもよい。
【００１５】
例えば、要求ページ内のカスタムコンポーネントのタグを構文解析することが、要求ページ内のカスタムコンポーネントのタグの情報を抽出することと、抽出された情報に従って、タグ情報に対応する設定されたカスタムコンポーネントレンダリングエンジンを判定することと、を含む。
【００１６】
例えば、トリガされた要求ページが端末アプリケーションのＨＴＭＬページであり、カスタムコンポーネントがネイティブコンポーネントを含み、設定されたカスタムコンポーネント構文解析エンジンがネイティブコンポーネント構文解析エンジンｃｏｒｅ．ｊｓを含む。
【００１７】
本開示は、
ユーザ定義された、設定されたカスタムコンポーネントの構文解析情報を、クライアント端末のカスタムコンポーネント構文解析エンジンに送信することと、
受信したクライアント端末のページコンテンツ要求に従って、対応するページ応答コンテンツを返すことと、カスタムコンポーネントのタグが、クライアント端末の要求ページ内で使用されていると判定される場合に、クライアント端末に返されるページ応答コンテンツ内にプリセット識別子を設定することと、を含む、ページコンポーネント動的レイアウト方法を提供する。
【００１８】
例えば、受信したクライアント端末のページコンテンツ要求に従って、対応するページ応答コンテンツを返すことは、カスタムコンポーネントのタグが、クライアント端末の要求ページにおいて使用されていると判定することと、クライアント端末に返されるページ応答コンテンツ内にプリセット識別子を設定することと、を含む。
【００１９】
例えば、トリガされた要求ページが端末アプリケーションのＨＴＭＬページであり、カスタムコンポーネントがネイティブコンポーネントを含み、設定されたカスタムコンポーネント構文解析エンジンがネイティブコンポーネント構文解析エンジンｃｏｒｅ．ｊｓを含む。
【００２０】
本開示は、
トリガされた要求ページに基づいて、サーバに対するページコンテンツ要求を開始するように構成された、ページ要求モジュールと、
サーバによって返されたページ応答コンテンツを受信し、ページ応答コンテンツに従って要求ページを開き、ページ応答コンテンツ内にプリセット識別子が存在するかどうかを問い合わせるように構成された、受信及び処理モジュールと、
ページ応答コンテンツ内にプリセット識別子が存在することが分かる場合に、設定されたカスタムコンポーネント構文解析エンジンをロードして、要求ページ内のカスタムコンポーネントのタグを構文解析するように構成された、ページ構文解析モジュールと、
カスタムコンポーネントのタグを構文解析することによって得られたタグ情報に従って、対応するカスタムコンポーネントを選択し、設定されたカスタムコンポーネントレンダリングエンジンを呼び出して、カスタムコンポーネントをレンダリングするように構成された、ページレンダリングモジュールと、
レンダリングされたカスタムコンポーネントを要求ページの対応する位置に追加するように構成された、動的レイアウトモジュールと、を含む、ページコンポーネント動的レイアウト装置を提供する。
【００２１】
例えば、ページ構文解析モジュールが、要求ページ内のカスタムコンポーネントのタグの情報を抽出し、抽出された情報に従って、タグ情報に対応する設定されたカスタムコンポーネントレンダリングエンジンを決定するように、さらに構成されている。
【００２２】
例えば、トリガされた要求ページが端末アプリケーションのＨＴＭＬページであり、カスタムコンポーネントがネイティブコンポーネントを含み、設定されたカスタムコンポーネント構文解析エンジンがネイティブコンポーネント構文解析エンジンｃｏｒｅ．ｊｓを含む。
【００２３】
本開示は、
ユーザによって定義及び設定されたカスタムコンポーネント、及びカスタムコンポーネントの構文解析情報を記憶し、構文解析情報をクライアント端末のカスタムコンポーネント構文解析エンジンに送信するように構成された、カスタムコンポーネントモジュールと、
受信したクライアント端末のページコンテンツ要求に従って、対応するページ応答コンテンツを返し、カスタムコンポーネントのタグが、クライアント端末の要求ページ内で使用されていると判定される場合に、クライアント端末に返されるページ応答コンテンツ内にプリセット識別子を設定するように構成された、ページ要求処理モジュールと、を含む、ページコンポーネント動的レイアウト装置を提供する。
【００２４】
本開示は、
トリガされた要求ページに基づいて、サーバに対するページコンテンツ要求を開始するように構成されており、サーバによって返されたページ応答コンテンツを受信し、ページ応答コンテンツに従って要求ページを開き、ページ応答コンテンツに従って要求ページをレンダリングするようにさらに構成された、第１の処理ユニットと、
設定されたカスタムコンポーネント構文解析エンジンをロードして、要求ページ内のカスタムコンポーネントのタグを構文解析するように構成されており、カスタムコンポーネントのタグを構文解析することによって得られたタグ情報に従って、対応するカスタムコンポーネントを選択し、設定されたカスタムコンポーネントレンダリングエンジンを呼び出して、カスタムコンポーネントをレンダリングするようにさらに構成されており、レンダリングされたカスタムコンポーネントを要求ページの対応する位置に追加するようにさらに構成された、第２の処理ユニットと、を含む、ページ閲覧クライアント端末を提供する。
【００２５】
例えば、カスタムコンポーネントは、自己定義コンポーネントを指す場合があり、カスタムコンポーネントレンダリングエンジンは、自己定義コンポーネントレンダリングエンジンを指す場合がある。
【００２６】
本開示において提供される端末アプリケーションページのためのデバッグ方法、装置、及びクライアント端末が、ＨＴＭＬページに基づいてネイティブコンポーネントのタグをカスタマイズすることによって、ＷｅｂＶｉｅｗ上でのネイティブコンポーネントの動的レイアウトを実現する。オペレータは、ユーザによって閲覧されるウェブページ内のネイティブカスタムコンポーネントのタグを設計し、及び追加してもよく、ページサーバサイドにおいて、プリセットカスタムコンポーネントの情報が抽出され、ＣＳＳレイアウト、データ、イベントなどが、ネイティブカスタムコンポーネントの構文解析情報を得るために計算される。このようにして、ユーザによって開始される要求ページが、カスタムコンポーネントのタグを含む場合、ページサーバは、要求ページのページ応答コンテンツ上に識別子を設定し得る。これに対応して、クライアント端末のＷｅｂＶｉｅｗが、ＨＴＭＬページを開いた後に識別子を見つけた場合、ネイティブコンポーネント構文解析エンジンが、ＣＳＳレイアウト、データ、イベント、及びその他の情報の構文解析を完了するために投入され得る。次いで、プラットフォーム関連レンダリングエンジンモジュールは、クライアント端末においてネイティブコンポーネントをレンダリングするために呼び出されてもよく、レンダリングされたコンポーネントが、元のＷｅｂＶｉｅｗに直接追加されて、要求ページのネイティブコンポーネントの動的レイアウトを完了し得る。本開示の実施解決策は、ＨＴＭＬページ上にネイティブコンポーネントのタグを追加すること、及びユーザによって閲覧されるページ上で、ＨＴＭＬの元のタグをネイティブレンダリングされたコンポーネントと置き換えることを実現し、よって、ＷｅｂＶｉｅｗへの割り込みなしを維持しつつ、より良いページ動的レイアウト実践を実現し、その結果、ＨＴＭＬ言語ベースのページコンポーネント動的レイアウトが、オペレータの便宜を大いに向上させ得る。
【００２７】
例としての本開示の実施形態における技術的解決策、または従来技術をより明確に説明するために、例としての実施形態を説明するために必要な添付図面を、以下で簡単に紹介する。以下の説明における添付図面が、本開示において説明される例としての実施形態にすぎないことは明らかである。
【図面の簡単な説明】
【００２８】
【図１】本開示によるページコンポーネント動的レイアウト方法の、例としての実施形態の、概略的な方法フローチャートである。
【図２】本開示によるページコンポーネント動的レイアウト方法の、例としての実施形態の、概略的な方法フローチャートである。
【図３】本開示によるページコンポーネント動的レイアウト方法の、例としての実施形態の、概略的な方法フローチャートである。
【図４】本開示によるページコンポーネント動的レイアウト装置の、例としての実施形態の、概略的なモジュール構造図である。
【図５】本開示によるページコンポーネント動的レイアウト装置の、例としての実施形態の、概略的なモジュール構造図である。
【発明を実施するための形態】
【００２９】
詳細な説明
当業者が本開示における技術的解決策をよりよく理解することを可能にするために、例としての本開示の実施形態における技術的解決策が、例としての本開示の実施形態において添付図面を参照して以下で明確かつ十分に説明される。説明される、例としての実施形態は、本開示の実施形態の全てではなく一部を表すにすぎない。いかなる創造的努力も行うことなく、例としての本開示の実施形態に基づいて当業者により得られる例としての全ての他の実施形態は、本開示の保護範囲内に入るものとする。
【００３０】
本開示におけるページコンポーネント動的レイアウト方法、装置、及びクライアント端末は、添付図面を参照して以下でより詳細に説明される。図１は、本開示によるページコンポーネント動的レイアウト方法の、例としての実施形態の、概略的な方法フローチャートである。本開示は、以下の、例としての実施形態または図面により示されるように、方法の動作ステップ、または装置の構造を提供するが、方法または装置は、従来通りの、または非創造的な努力に基づいて、より多くの、またはより少ない動作ステップまたはモジュール構造を含んでもよい。ロジック内の必然的な因果関係のないステップまたは構造において、ステップの実行順序または装置のモジュール構造は、本開示の例となる実施形態において提供される実行順序またはモジュール構造に限定されない。方法またはモジュール構造は、実際の装置または端末製品における実行時に、例としての実施形態または添付図面に示される方法またはモジュール構造関係に従って、逐次的に実行されてもよく、または並列で（例えば、並列プロセッサ環境もしくはマルチスレッド処理環境において）実行されてもよい。
【００３１】
例えば、図１に示されるように、本開示によるページコンポーネント動的レイアウト方法における例としての実施形態は、以下を含み得る。
【００３２】
Ｓ１０２：クライアント端末１０４が、トリガされた要求ページに基づいて、サーバ１０６に対するページコンテンツ要求を開始する。
【００３３】
ユーザが、オンラインまたはオフラインのＨＴＭＬページをクライアント端末においてクリックすると、クライアント端末１０４は、ＷｅｂＶｉｅｗページに入り、サーバ１０６に対して、ユーザによるページコンテンツ要求を開始し得る。ページ要求は、クライアント端末１０４内のアプリケーション（ＡＰＰ）、例えば、オンラインショッピングＡＰＰにおいてトリガされてもよい。本開示におけるクライアント端末１０４は、ｉＯＳ、Ａｎｄｒｏｉｄ、またはＹｕｎＯＳなどのシステムを使用するモバイル端末を含んでもよく、モバイル通信端末、ＰＤＡ、タブレット、ＰＯＳ機械、オンボードコンピュータなどを含み得るが、これらに限定されない。もちろん、本開示の解決策を実施する非モバイル端末、例えば、ページ閲覧可能なセルフサービス端末、ＰＣコンピュータなども、本開示によるクライアント端末の範囲内に入る。
【００３４】
概して、クライアント端末１０４によって開始されるページコンテンツ要求は、例えば、ページデータ、ページレイヤ構造、イベント情報などを含み得る。ユーザによりトリガされる要求ページがページコンポーネントを含む場合、対応するページ要求コンテンツは、ページコンポーネントの関連情報、例えば、ページコンポーネントとサーバとのメッセージ交換コンテンツ、ページコンポーネントの名称、その種類、及びその他の属性情報を含み得る。例としての本開示の実施形態におけるクライアント端末１０４の要求ページは、事前設計に従って設計者によりカスタムコンポーネントと置き換えられる必要があるカスタムタグ情報を含んでもよく、その場合に、ページコンテンツ要求は、カスタムコンポーネントのタグ使用の関連情報を含んでもよい。カスタムコンポーネントは、ネイティブコンポーネントを含み得る。
【００３５】
例としての本開示の実施形態では、ユーザが、クライアント端末のページをトリガすると、クライアント端末は、サーバに対してページのコンテンツ要求を開始し得る。
【００３６】
Ｓ１０８：サーバ１０６は、ページコンテンツ要求を受信すると、要求ページがカスタムコンポーネントの使用を識別するタグを含むかどうかを判定し、含む場合に、Ｓ１１０において、クライアント端末１０４に返されるページ応答コンテンツ内にプリセット識別子を設定する。
【００３７】
本開示の実施解決策では、オペレータが、ネイティブコンポーネントのタグをカスタマイズしてもよい。具体的には、例えば、ネイティブウェブキットを通してレンダリングされたページは、大規模リスト及び入力ボックスなどの態様において性能またはエクスペリエンスの問題を有する。例としての本実施形態では、ＷｅｂＶｉｅｗ上で実現不可能な、または設計者により不十分な性能を有すると考えられるコンポーネントタグが、抽出及びグループ化され、カスタムネイティブコンポーネントタグ、例えば、ＬｉｓｔＶｉｅｗに抽象化され得る。設計者は、全ての利用可能なカスタムコンポーネントタグを事前に開発及び設計し得る。
【００３８】
例としての本開示の実施形態では、ネイティブカスタムコンポーネントの情報が、抽出されてもよく、それは、具体的には、ページレンダリング前に、ＨＴＭＬ記述ファイルの前処理を完了させること、ネイティブカスタムコンポーネントのタグを抽出すること、及びＣＳＳレイアウト、データ、イベント、及びそれについての他の情報を計算して、ネイティブカスタムコンポーネントの構文解析情報を形成することを含み得る。次いで、抽出及び計算されたネイティブカスタムコンポーネントの構文解析情報が、ネイティブコンポーネントエンジンに送信され得る。
【００３９】
このようにして、ページレイアウト及び設計のオペレータは、ページ内においてカスタムコンポーネントのタグをレイアウト及び使用してもよく、サーバは、クライアント端末によって送信されたページコンテンツ要求を受信すると、カスタムコンポーネントのタグが、クライアント端末のページコンテンツ要求において使用されているかどうかを調べる。クライアント端末によって要求されるページが、カスタムコンポーネントの予め定義され、かつ設定されたタグを含む場合、サーバによりクライアント端末に応答されるページ応答コンテンツ内にプリセット識別子を設定することが可能である。例えば、例としての本実施形態では、プリセット識別子、例えば、「ＣｕｓｔｏｍＮａｔｉｖｅＣｏｍｐｏｎｅｎｔ」が、クライアント端末に返されるページ応答コンテンツの先頭にタイプされてもよい。もちろん、プリセット識別子は、オペレータによって具体的にカスタマイズされてもよく、カスタムコンポーネントに対する構文解析、レンダリング、及び他の処理を容易にするために、要求ページへの応答に含まれるカスタムコンポーネントのタグをクライアント端末が識別するのに使用され得る。サーバは、クライアント端末のページコンテンツ要求を処理した後、要求ページの完全なＨＴＭＬページ応答コンテンツをクライアント端末に返す。このようにして、ユーザクライアント端末のＷｅｂＶｉｅｗがＨＴＭＬページを開くときに、ページ応答コンテンツ内の識別子に従って、ＨＴＭＬページ上のカスタムコンポーネントを構文解析し、レンダリングする必要があることを知ることが可能である。
【００４０】
サーバは、クライアント端末のページコンテンツ要求を受信すると、要求ページがカスタムコンポーネントのタグを含み、及び使用するかどうかを判定し、含み及び使用する場合、クライアント端末に返されるページ応答コンテンツ内にプリセット識別子を設定する。
【００４１】
Ｓ１１２：クライアント端末１０４が、受信したページ応答コンテンツに従って要求ページを開き、ページ応答コンテンツ内にプリセット識別子が存在するかどうかを問い合わせ、Ｓ１１４において、ページ応答コンテンツ内にプリセット識別子が存在する場合に、設定されたカスタムコンポーネント構文解析エンジンをロードして、Ｓ１１６においてページの構文解析、例えば、要求ページ内のカスタムコンポーネントのタグの構文解析を行う。
【００４２】
例としての本開示の実施形態では、クライアント端末のＷｅｂＶｉｅｗは、サーバによりフィードバックされたページ応答コンテンツを受信すると、ＨＴＭＬ要求ページを開く。この時点で、ページ応答コンテンツ内にプリセット識別子が存在することが分かる場合、それは、開かれたＨＴＭＬ要求ページがネイティブカスタムコンポーネントを含むことを示し得る。次いで、クライアント端末は、カスタムコンポーネントを構文解析するための構文解析エンジンをロードして、ＨＴＭＬ要求ページ内のネイティブカスタムコンポーネントのタグを構文解析し得る。例としての本実施形態では、プリセット識別子「ＣｕｓｔｏｍＮａｔｉｖｅＣｏｍｐｏｎｅｎｔ」が、応答ヘッドに存在すると分かる場合、その時点で、クライアント端末は、ネイティブコンポーネント構文解析エンジンＣｏｒｅ．ｊｓを投入して、要求ページ内のネイティブカスタムコンポーネントのタグを構文解析してもよい。
【００４３】
例としての本開示の実施形態では、構文解析は、具体的には、ＨＴＭＬ内の元のカスタムタグの構文解析情報を含んでもよいことに留意すべきである。後続の処理において、構文解析を通して取得されたタグ情報に従って、対応するネイティブコンポーネントを選択することが可能である。カスタムコンポーネント構文解析エンジンは、主に、ページ内で使用されるカスタムタグを抽出するため、及びその対応するデータを計算するためのｃｏｒｅ．ｊｓを含み得る。以下で説明されるレンダリングエンジンは、主に、エンジンｃｏｒｅ．ｊｓによって戻されるカスタムタグ情報に従ってクライアント端末のネイティブコンポーネントをレンダリングするためのクライアント端末エンジンを含み得る。したがって、例としての本実施形態では、要求ページ内のカスタムコンポーネントのタグを構文解析することが、
レンダリングエンジンが、対応するカスタムコンポーネントのタグ情報を選択することを決定するために、要求ページ内のカスタムコンポーネントのタグの情報を抽出することを含み得る。
【００４４】
例としての本実施形態では、前述のように、ネイティブカスタムコンポーネントが定義及び設定されるときに、ネイティブカスタムコンポーネントのタグ情報を抽出することが可能であり、例えば、ＣＳＳレイアウト、データ、イベント、及びそれについての他の情報を計算してネイティブカスタムコンポーネントの構文解析情報を形成する。次いで、抽出及び計算されたネイティブカスタムコンポーネントの構文解析情報をネイティブコンポーネントエンジンに送信することが可能である。したがって、クライアント端末によってロードされるカスタムコンポーネント構文解析エンジンは、予め定義され、かつ設定されたカスタムコンポーネントの構文解析情報に従って、ページ内のカスタムコンポーネントのタグを構文解析し得る。
【００４５】
Ｓ１１８：クライアント端末１０４は、ページレンダリングを行う。Ｓ１２０において、ネイティブカスタムコンポーネントのタグが使用される場合、クライアント端末１０４は、カスタムコンポーネントレンダリングエンジンを呼び出してレンダリングを実行する。クライアント端末１０４は、カスタムコンポーネントのタグを構文解析することによって得られたタグ情報に従って、対応するカスタムコンポーネントを選択し、設定されたカスタムコンポーネントレンダリングエンジンを呼び出して、カスタムコンポーネントをレンダリングする。
【００４６】
カスタムコンポーネント構文解析エンジンは、ページ内のカスタムコンポーネントのタグを構文解析してＣＳＳレイアウト、データ、イベントなどの計算を完了した後、カスタムコンポーネントのタグのタグ情報を取得し得る。次いで、抽出及び計算を通して得られたタグ情報に従ってカスタムコンポーネントのタグ位置に対応するカスタムネイティブコンポーネントを選択してもよく、次いで、プラットフォーム関連カスタムコンポーネントレンダリングエンジンを呼び出してネイティブカスタムコンポーネントをレンダリングする。例としての本実施形態において、関連するプラットフォームは、概して、ｉＯＳ、Ａｎｄｒｏｉｄなどについて、システムのＵＩコンポーネントライブラリが個別であり、したがって、ｉＯＳ及びＡｎｄｒｏｉｄ端末におけるレンダリングエンジンが、異なるレンダリング部品を有することに関係する。カスタムコンポーネントレンダリングエンジンは、ここでは、カスタムタグを処理し、カスタムタグをネイティブコンポーネントにレンダリングすることしかできない。システムウェブキットが、正常な状況下において関連するレンダリング処理を行っているため、カスタムコンポーネントレンダリングエンジンは、他のコンテンツを処理しなくともよい。もちろん、いくつかの他の実施態様では、カスタムコンポーネントレンダリングエンジンを使用することによってページの他のコンテンツのレンダリングを完了することも、含まれてもよい。カスタムコンポーネントレンダリングエンジンは、ネイティブコンポーネント動的レイアウトエンジンを含んでもよく、ネイティブコンポーネント動的レイアウトエンジンは、ｉＯＳ、Ａｎｄｒｏｉｄ、及びブラウザ端末においてネイティブカスタムコンポーネントをレンダリングする機能を実装してもよい。
【００４７】
クライアント端末は、返されるページ応答コンテンツに従って、要求ページに対するレンダリング処理を実行してもよく、ネイティブコンポーネントをレンダリングする必要がある場合に、カスタムコンポーネントレンダリングエンジンを呼び出して、要求ページ内で構文解析されるカスタムコンポーネントをレンダリングしてもよい。
【００４８】
Ｓ１２２：クライアント端末１０４は、レンダリングされたカスタムコンポーネントを要求ページの対応する位置に追加する。
【００４９】
例としての本実施形態では、ネイティブカスタムコンポーネントのレンダリングが完了した後、レンダリングされた現在のネイティブカスタムコンポーネントが、ＷｅｂＶｉｅｗに直接追加されてもよく、したがって、現在のネイティブカスタムコンポーネントの動的レイアウトを完了する。もちろん、要求ページが、ネイティブカスタムコンポーネントの１つまたは複数のタグを含んでもよく、クライアント端末が、構文解析エンジン及びレンダリングエンジンを使用することによって、全てのタグ内のネイティブカスタムコンポーネントをそれぞれ構文解析及びレンダリングしてもよい。
【００５０】
例としての本開示の実施形態は、現在のネイティブカスタムコンポーネントのタグをＨＴＭＬページ上に追加することによって、クライアント端末上で、カスタムコンポーネント構文解析エンジン及びレンダリングエンジンを通してＷｅｂＶｉｅｗに基づくネイティブコンポーネントの動的レイアウトを実現し得る。本開示の実施解決策は、ＨＴＭＬページ上のページコンポーネント動的レイアウトを、ＷｅｂＶｉｅｗを割り込ませることなく実現し得る。その結果、ＨＴＭＬ言語ベースのページコンポーネント動的レイアウトは、オペレータの便宜を大いに向上させ得る。
【００５１】
例としての上記の実施形態におけるページコンポーネント動的レイアウト方法は、クライアント端末サイドでのＨＴＭＬページ内のカスタムコンポーネント（ネイティブコンポーネントを含むが、これに限定されない）の動的レイアウトに適用可能である。したがって、本開示は、クライアント端末において実施可能なページコンポーネント動的レイアウト方法をさらに提供する。図２は、本開示によるページコンポーネント動的レイアウト方法の例としての実施形態の概略的な方法フローチャートである。具体的には、図２に示されるように、本方法は、
Ｓ２０２：トリガされた要求ページに基づいて、サーバに対するページコンテンツ要求を開始することと、
Ｓ２０４：サーバによって返される、受信したページ応答コンテンツに基づいて要求ページを開くこと、及びページ応答コンテンツ内にプリセット識別子が存在するかどうかを問い合わせることと、
Ｓ２０６：ページ応答コンテンツ内にプリセット識別子が存在する場合に、設定されたカスタムコンポーネント構文解析エンジンをロードして、要求ページ内のカスタムコンポーネントのタグを構文解析することと、
Ｓ２０８：カスタムコンポーネントのタグを構文解析することによって得られたタグ情報に従って、対応するカスタムコンポーネントを選択すること、及び設定されたカスタムコンポーネントレンダリングエンジンを呼び出して、カスタムコンポーネントをレンダリングすることと、
Ｓ２１０：レンダリングされたカスタムコンポーネントを要求ページの対応する位置に追加することと、を含み得る。
【００５２】
例としての本開示の実施形態によるページコンポーネント動的レイアウト方法は、クライアント端末のページ上、及びユーザにより閲覧されるページ上のページコンポーネント動的レイアウトに使用され得る。直接構文解析されることができないか、または性能が不十分であって修正される必要がある、ページ内の元のタグは、選択されたカスタムコンポーネントと置き換えられ、それによって、オペレータの便宜が大いに向上し得る。
【００５３】
もちろん、上記実施解決策の特定の適用シナリオでは、トリガされた要求ページは、クライアント端末においてユーザによりトリガされる端末アプリケーション、例えば、ブラウザまたは専用アプリケーション（ＡＰＰ）のＨＴＭＬページを含んでもよい。ページレンダリングの前に、カスタムネイティブコンポーネントのタグの情報を抽出すること、及びＣＳＳレイアウト及びイベントなどのタグ情報を計算することを含めてＨＴＭＬ記述ファイルを事前処理してもよく、次いで、カスタムコンポーネントエンジンが、情報抽出を通して計算されるコンポーネント情報に基づいてカスタムコンポーネントを構文解析してもよい。ＨＴＭＬページに基づくコンポーネント動的レイアウト実行の、例としてのいくつかの実施形態では、カスタムコンポーネントは、ネイティブコンポーネントを含んでもよく、これに対応して、設定されたカスタムコンポーネント構文解析エンジンは、ネイティブコンポーネント構文解析エンジンｃｏｒｅ．ｊｓを含んでもよい。要求ページ内のカスタムコンポーネントのタグを構文解析することは、レンダリングエンジンが、対応するカスタムコンポーネントのタグ情報を選択することを決定するために、要求ページ内のカスタムコンポーネントのタグの情報を抽出することを含む。
【００５４】
これに対応して、本開示は、サーバサイドに適用可能なページコンポーネント動的レイアウト方法をさらに提供する。本方法では、サーバサイドは、オペレータがネイティブコンポーネントをカスタマイズし、ネイティブコンポーネントの構文解析情報を取得し、構文解析情報を各クライアント端末の構文解析エンジンに送信することを実現し得る。さらに、クライアント端末のページコンテンツ要求が、カスタムコンポーネントの使用を特定するタグを含むかどうかの判定において、含む場合に、カスタムコンポーネント構文解析エンジン及びレンダリングエンジンをロードしてネイティブコンポーネントを処理する必要があることをクライアント端末に通知するために、識別子がページ上でそれに対応して設定される。図３は、本開示によるページコンポーネント動的レイアウト方法である。図３に示されるように、方法は、以下を含み得る。
【００５５】
Ｓ３０２：ユーザによって定義及び設定されたカスタムコンポーネント、及びカスタムコンポーネントの構文解析情報を記憶すること、及び構文解析情報をクライアント端末のカスタムコンポーネント構文解析エンジンに送信すること。
【００５６】
例えば、ユーザによって定義及び設定されたカスタムコンポーネント、及びカスタムコンポーネントの構文解析情報が更新するとき、サーバは、構文解析情報を、クライアント端末のカスタムコンポーネント構文解析エンジンに送信する。本開示は、例としての実施形態またはフローチャートにおいて説明されるような方法の動作ステップを提供するが、より多くの、またはより少ない動作ステップが含まれてもよい。例えば、ステップＳ３０２は、本開示のいくつかの実施態様において必須ではない。
【００５７】
Ｓ３０４：受信したクライアント端末のページコンテンツ要求に従って、対応するページ応答コンテンツを返すこと、及びカスタムコンポーネントのタグが、クライアント端末の要求ページ内で使用されると判定される場合に、クライアント端末に返されるページ応答コンテンツ内にプリセット識別子を設定すること。
【００５８】
例としての上記の実施形態による、クライアント端末またはサーバサイドに適用可能なページコンポーネント動的レイアウト方法において、ページ事前処理、ネイティブコンポーネントなどのカスタムコンポーネントタイプ、特定のカスタムコンポーネント構文解析プロセスなどについての、例としての本開示の他の実施形態の関連説明に対して参照が行われてもよく、それらは、ここで繰り返されない。
【００５９】
本開示によるページコンポーネント動的レイアウト方法に基づいて、本開示は、ページコンポーネント動的レイアウト装置を提供する。装置は、ＷｅｂＶｉｅｗに基づきネイティブコンポーネントの動的レイアウトを実現するために、クライアント端末サイドに適用可能である。図４は、本開示によるページコンポーネント動的レイアウト装置の、例としての実施形態の、概略的なモジュール構造図である。図４に示されるように、装置４００は、１つまたは複数のプロセッサ（複数可）４０２またはデータ処理ユニット（複数可）、及びメモリ４０４を含む。装置４００は、１つまたは複数の入力／出力インタフェース（複数可）４０６、及びネットワークインタフェース（複数可）４０８をさらに含み得る。メモリ４０４は、コンピュータ可読媒体の実施例である。
【００６０】
コンピュータ可読媒体は、揮発性及び不揮発性、着脱可能及び着脱不可能媒体を含み、情報を記憶するための任意の方法または技術を使用し得る。当該情報は、コンピュータ可読命令、データ構造、及びプログラムのモジュールまたはその他のデータであってもよい。コンピュータの記憶媒体の実施例は、相変化メモリ（ＰＲＡＭ）、スタティックランダムアクセスメモリ（ＳＲＡＭ）、ダイナミックランダムアクセスメモリ（ＤＲＡＭ）、その他の種類のＲＡＭ、ＲＯＭ、電気的消去可能なプログラマブル読み取り専用メモリ（ＥＥＰＲＯＭ）、フラッシュメモリもしくはその他のメモリ技術、コンパクトディスク読み取り専用メモリ（ＣＤ−ＲＯＭ）、デジタル多用途ディスク（ＤＶＤ）もしくはその他の光記憶装置、カセットテープ、テープディスク記憶装置もしくはその他の磁気記憶デバイス、または計算デバイスにアクセス可能な情報を記憶するものであり得る任意のその他の非伝送媒体を含むが、これらに限定されない。本明細書における定義によれば、コンピュータ可読媒体は、一時的コンピュータ可読媒体（一時的媒体）、例えば、変調データ信号及び搬送波を含まない。
【００６１】
メモリ４０４は、
トリガされた要求ページに基づいて、サーバに対するページコンテンツ要求を開始するように構成され得る、ページ要求モジュール４１０と、
サーバによって返されるページ応答コンテンツを受信し、ページ応答コンテンツに従って要求ページを開き、ページ応答コンテンツ内にプリセット識別子が存在するかどうかを問い合わせるように構成され得る、受信及び処理モジュール４１２と、
ページ応答コンテンツ内にプリセット識別子が存在することが分かる場合に、設定されたカスタムコンポーネント構文解析エンジンをロードして、要求ページ内のカスタムコンポーネントのタグを構文解析するように構成され得る、ページ構文解析モジュール４１４と、
カスタムコンポーネントのタグを構文解析することによって得られたタグ情報に従って、対応するカスタムコンポーネントを選択し、設定されたカスタムコンポーネントレンダリングエンジンを呼び出して、カスタムコンポーネントをレンダリングするように構成され得る、ページレンダリングモジュール４１６と、
レンダリングされたカスタムコンポーネントを要求ページの対応する位置に追加するように構成され得る、動的レイアウトモジュール４１８と、を含む、複数のモジュールまたはユニットをその中に記憶し得る。
【００６２】
もちろん、ページ構文解析モジュール及びページレンダリングモジュールは、カスタムコンポーネントを構文解析及びレンダリングすることが可能であることに加えて、他のエンジンを呼び出し、またはロードして、ＨＴＭＬ要求ページをそれに対応して構文解析及びレンダリングすることも可能である。
【００６３】
特定の適用シナリオの、例としての実施形態では、上述のように、ページ構文解析モジュール４１４により要求ページのタグを構文解析することは、具体的には、
対応するカスタムコンポーネントのタグ情報をレンダリングエンジンが選択することを決定するために、要求ページ内のカスタムコンポーネントのタグの情報を抽出すること、を含み得る。
【００６４】
もちろん、上記の実施解決策の特定の適用シナリオでは、トリガされた要求ページは、クライアント端末においてユーザによりトリガされる端末アプリケーション、例えば、ブラウザまたは専用アプリケーション（ＡＰＰ）のＨＴＭＬページを含んでもよい。ページレンダリングの前に、カスタムネイティブコンポーネントのタグの情報を抽出すること、及びＣＳＳレイアウト及びイベントなどのタグ情報を計算することを含めて、ＨＴＭＬ記述ファイルが事前処理されてもよい。ＨＴＭＬページに基づくコンポーネント動的レイアウト実行の、例としてのいくつかの実施形態では、カスタムコンポーネントは、ネイティブコンポーネントを含んでもよく、これに対応して、設定されたカスタムコンポーネント構文解析エンジンは、ネイティブコンポーネント構文解析エンジンｃｏｒｅ．ｊｓを含んでもよい。
【００６５】
本開示によるページコンポーネント動的レイアウト方法に基づいて、本開示は、ページコンポーネント動的レイアウト装置を提供する。本装置は、ＷｅｂＶｉｅｗに基づきネイティブコンポーネントの動的レイアウトを実現するために、サーバサイドに適用可能である。図５は、本開示によるページコンポーネント動的レイアウト装置の、例としての実施形態の、概略的なモジュール構造図である。図５に示されるように、装置５００は、１つまたは複数のプロセッサ（複数可）５０２またはデータ処理ユニット（複数可）、及びメモリ５０４を含む。装置５００は、１つまたは複数の入力／出力インタフェース（複数可）５０６、及びネットワークインタフェース（複数可）５０８をさらに含み得る。メモリ５０４は、コンピュータ可読媒体の実施例である。メモリ５０４は、
ユーザによって定義及び設定されたカスタムコンポーネント、及びカスタムコンポーネントの構文解析情報を記憶し、構文解析情報をクライアント端末のカスタムコンポーネント構文解析エンジンに送信するように構成され得る、カスタムコンポーネントモジュール５１０と、
受信したクライアント端末のページコンテンツ要求に従って、対応するページ応答コンテンツを返し、カスタムコンポーネントのタグがクライアント端末の要求ページ内で使用されていると判定される場合に、クライアント端末に返されるページ応答コンテンツ内にプリセット識別子を設定するように構成され得る、ページ要求処理モジュール５１２と、を含む複数のモジュールまたはユニットをその中に記憶し得る。
【００６６】
例としての上記の実施形態において提供される装置は、ＨＴＭＬページに基づくネイティブカスタムコンポーネントのタグを通して、ＨＴＭＬページ上でネイティブコンポーネントのレンダリングを完了し、ＷｅｂＶｉｅｗ上でネイティブコンポーネントの動的レイアウトを実現し得る。それによって、ネイティブコンポーネントがＨＴＭＬページ上で動的レイアウトを実現できないという従来技術における技術的問題点が解決され、オペレータによるページレイアウトの便宜が大いに向上する。
【００６７】
上述のように、本開示によるページコンポーネント動的レイアウト方法または装置は、クライアント端末、例えば、ワイヤレスクライアント端末上で、ＨＴＭＬページレイアウト処理動作においてＷｅｂＶｉｅｗに基づくネイティブコンポーネントの動的レイアウトを実現するために使用され得る。したがって、本開示は、ｉＯＳ、Ａｎｄｒｏｉｄ、及びＹｕｎＯＳシステムを使用してブラウザ端末によるＨＴＭＬページに基づくカスタムネイティブコンポーネントの動的レイアウトを実現するクライアント端末を含み得るが、これらに限定されない、ページ閲覧クライアント端末をさらに提供する。具体的には、例としての本開示の実施形態によるページ閲覧クライアント端末において、クライアント端末は、
トリガされた要求ページに基づいて、サーバに対するページコンテンツ要求を開始するように構成されており、サーバによって返されるページ応答コンテンツを受信し、ページ応答コンテンツに従って要求ページを開き、ページ応答コンテンツに従って要求ページをレンダリングするようにさらに構成された、第１の処理ユニットと、
設定されたカスタムコンポーネント構文解析エンジンをロードして、要求ページ内のカスタムコンポーネントのタグを構文解析するように構成されており、カスタムコンポーネントのタグを構文解析することによって得られたタグ情報に従って、対応するカスタムコンポーネントを選択し、設定されたカスタムコンポーネントレンダリングエンジンを呼び出してカスタムコンポーネントをレンダリングするようにさらに構成されており、レンダリングされたカスタムコンポーネントを要求ページの対応する位置に追加するようにさらに構成された、第２の処理ユニットと、を含み得る。
【００６８】
さらに、本開示によるクライアント端末の、例としての別の実施形態では、サーバは、クライアント端末にカスタムコンポーネントタグを処理するように指示するために、カスタムコンポーネントタグを使用するかどうかを示すプリセット識別子を、ページ応答コンテンツの先頭に追加してもよい。このようにして、ページのレンダリングを高速化し、クライアント端末によって実行される性能の統計または最適化などを容易にすることが可能である。したがって、本開示による装置の、例としての別の実施形態では、第２の処理ユニットが、
要求ページ内のカスタムコンポーネントのタグの使用に従って、ページ応答コンテンツが、サーバによって設定されるプリセット識別子を有することを問い合わせることに基づいてエンジンをロードしてカスタムコンポーネントを構文解析及びレンダリングするように、さらに構成され得る。
【００６９】
本開示において提供される端末アプリケーションページデバッグ方法、装置、及びクライアント端末が、ＨＴＭＬページに基づいてネイティブコンポーネントのタグをカスタマイズすることによって、ＷｅｂＶｉｅｗ上でネイティブコンポーネントの動的レイアウトを実現し得る。オペレータは、ユーザによって閲覧されるウェブページ内のネイティブカスタムコンポーネントのタグを設計及び追加することができ、ページサーバサイドにおいて、プリセットカスタムコンポーネントの情報が抽出され、ＣＳＳレイアウト、データ、イベントなどが、Ｎａｔｉｖｅカスタムコンポーネントの構文解析情報を得るために計算される。このようにして、ユーザによって開始される要求ページがカスタムコンポーネントのタグを含む場合、ページサーバは、要求ページのページ応答コンテンツ上に識別子を設定し得る。これに対応して、クライアント端末のＷｅｂＶｉｅｗが、ＨＴＭＬページを開いた後で識別子を見つけた場合、ネイティブコンポーネント構文解析エンジンを投入してＣＳＳレイアウト、データ、イベント、及びその他の情報の構文解析を完了し得る。次いで、プラットフォーム関連レンダリングエンジンモジュールを呼び出して、クライアント端末においてネイティブコンポーネントをレンダリングしてもよく、レンダリングされたコンポーネントを元のＷｅｂＶｉｅｗに直接追加して、要求ページのネイティブコンポーネントの動的レイアウトを完了してもよい。本開示の実施解決策は、ＨＴＭＬページ上にネイティブコンポーネントのタグを追加すること、及びユーザによって閲覧されるページ上で、ＨＴＭＬの元のタグをネイティブレンダリングされたコンポーネントと置き換えることを実現し得る。したがって、ＷｅｂＶｉｅｗへの割り込みなしを維持しつつ、より良いページ動的レイアウト実践を実現し、その結果、ＨＴＭＬ言語ベースのページコンポーネント動的レイアウトが、オペレータの便宜を大いに向上させ得る。
【００７０】
本開示の内容は、ネイティブコンポーネントをカスタマイズすること、コンポーネントのタグ情報を抽出すること、ページまたはコンポーネントを構文解析及びレンダリングすることなどの、情報定義、データ処理、情報交換などに関する説明に言及しているが、本開示は、情報定義、データ処理、及び情報交換の完全な標準、または述べられた状況に限定されない。例としての本開示の実施形態それぞれに関わる上記の説明は、単に、例としての本開示のいくつかの実施形態の適用であり、いくつかの標準及び方法に基づいてわずかに変更される実施態様もまた、例としての本開示の実施形態それぞれの解決策を実施し得る。もちろん、例としての本開示の実施形態それぞれにおける処理方法のステップに沿った、他の非創造的変形は、やはり同一の適用を実施してもよく、それについてはもはやここで繰り返さない。
【００７１】
本開示は、例としての実施形態またはフローチャートにおいて説明されるような方法の動作ステップを提供するが、より多くの、またはより少ない動作ステップが、従来通りの、または非創造的な努力に基づいて含まれてもよい。例としての実施形態において列挙されるステップの順序は、複数のステップ実行順序の中の一方法にすぎず、唯一の実行順序を表すものではない。実際のデバイスまたはクライアント端末製品の実行中に、ステップを、例としての実施形態または図面に示される方法の順序に従って、逐次的に実行してもよく、または並列に（例えば、並列プロセッサ環境またはマルチスレッド処理環境において）実行してもよい。
【００７２】
例としての前述の実施形態において示される装置、ユニット、またはモジュールは、具体的には、コンピュータチップまたはエンティティによって実施されてもよく、または特定の機能を有する製品によって実施されてもよい。説明を容易にするために、装置が説明されるとき、装置は機能に基づいて様々なユニットに分割され、ユニットがそれぞれ説明される。様々なモジュールの機能が、本開示の実施中に１つまたは複数のソフトウェア及び／またはハードウェアにおいて実施されてもよい。当然ながら、ある機能を実装したモジュールは、複数のサブモジュールまたはサブユニットの組み合わせによっても実施されてもよい。
【００７３】
本開示における方法、装置、またはモジュールは、コントローラが、コンピュータ可読プログラムコードによる任意の適切な方式で実施されることを実現することができ、例えば、コントローラは、例えば、マイクロプロセッサまたはプロセッサの形態、及び（マイクロ）プロセッサ、論理ゲート、スイッチ、特定用途向け集積回路（ＡＳＩＣ）、プログラマブル論理コントローラ、及び組み込みマイクロコントローラによって実行可能なコンピュータ可読プログラムコード（例えば、ソフトウェアまたはファームウェア）を記憶したコンピュータ可読媒体の形態であってもよい。コントローラの実施例は、以下のマイクロコントローラ、ＡＲＣ６２５Ｄ、Ａｔｍｅｌ  ＡＴ９１ＳＡＭ、Ｍｉｃｒｏｃｈｉｐ  ＰＩＣ１８Ｆ２６Ｋ２０、及びＳｉｌｉｃｏｎｅ  Ｌａｂｓ  Ｃ８０５１Ｆ３２０を含むが、これらに限定されず、メモリコントローラもまた、メモリの制御ロジックの一部として実装されてもよい。当業者は、また、純粋なコンピュータ可読プログラムコードによりコントローラを実装することに加えて、コントローラが、論理ゲート、スイッチ、特定用途向け集積回路、プログラマブル論理コントローラ、組み込みマイクロコントローラなどの形態で同一機能を実装するように、方法ステップを論理的にプログラムすることが、完全に実現可能であることを認識している。したがって、そのようなコントローラを、ハードウェアコンポーネントの一種とみなしてもよく、様々な機能を実装した、その中に含まれる装置もまた、ハードウェアコンポーネント内部の構造とみなしてよい。代替的に、様々な機能を実施するための装置は、さらに、方法を実施するためのソフトウェアモジュールとしてだけでなく、ハードウェアコンポーネント内の構造としても、みなしてよい。
【００７４】
本開示による装置内のいくつかのモジュールは、全体的な文脈において、コンピュータによって実行されるコンピュータ実行可能命令のプログラムモジュールなどとして説明され得る。概して、プログラムモジュールは、特定のタスクを実行し、または特定の抽象データ型を実装するための、ルーチン、プログラム、オブジェクト、エレメント、データ構造、クラスなどを含む。本開示は、また、分散コンピューティング環境においても実施されてもよく、これらの分散コンピューティング環境では、通信ネットワークを通して接続されるリモート処理デバイスによってタスクが実行される。分散コンピューティング環境では、プログラムモジュールが、記憶デバイスを含むローカル及びリモートコンピュータ記憶媒体に位置してもよい。
【００７５】
実施態様に関する前述の説明を通して、本開示が、ソフトウェアに加えて必要なハードウェアによって実施され得ることを、当業者は明確に理解し得る。そのような理解に基づいて、先行技術に本質的または部分的に寄与する本開示の技術的解決策は、ソフトウェア製品の形態で具現化されてもよく、データ移行の実施プロセスを通して具現化されてもよい。コンピュータソフトウェア製品は、ＲＯＭ／ＲＡＭ、磁気ディスク、または光ディスクなどの記憶媒体に記憶されてもよく、コンピュータデバイス（パーソナルコンピュータ、モバイル端末、サーバ、ネットワークデバイスなどであり得る）に、例としての本開示の実施形態それぞれ、または例としての本開示の実施形態のいくつかの部分における方法を実行するように命令するための複数の命令を含む。
【００７６】
本明細書における例としての実施形態は、進歩した態様について説明され、例としての実施形態の同一または類似の部分について、互いに参照が行われてもよく、例としての実施形態それぞれは、他の例としての実施形態との差異に着目する。本開示は、例えば、パーソナルコンピュータ、サーバコンピュータ、手持ちデバイスまたはポータブルデバイス、タブレットデバイス、モバイル通信端末、マルチプロセッサシステム、マイクロプロセッサベースシステム、プログラマブル電子デバイス、ネットワークＰＣ、ミニコンピュータ、メインフレームコンピュータ、任意の前述したシステムまたはデバイスを含む分散コンピューティング環境などの、多くの汎用または専用コンピュータシステム環境または構成に、完全または部分的に適用され得る。
【００７７】
本開示は、例としての実施形態を通して示されてきたが、本開示が、本開示の趣旨から逸脱することなく多くの変形及び修正を有し、添付の特許請求の範囲が、本開示の思想から逸脱することなくこれらの変形及び変更を含むことが望まれることを、当業者は理解するはずである。
【図１】
2019520624.tif 000003
【図２】
2019520624.tif 000004
【図３】
2019520624.tif 000005
【図４】
2019520624.tif 000006
【図５】
2019520624.tif 000007
【国際調査報告】
2019520624.tif 000008