WebMatrix:51Degrees.mobiのモバイルクライアント定義パッケージの使用

51Degrees.mobi社は、Web開発者向けのソリューションを開発し、モバイルプラットフォームでの単純化された作業を整理しています。 会社の製品を使用すると、Webページを要求するモバイルクライアントを簡単かつ正確に決定し、クライアントに必要な形式でデータを返すことでこの要求を処理できます。



51Degrees.mobiは最近、無人インストールパッケージがリリースされたUmbraco CMSとWebMatrix開発プラットフォームのサポートを発表しました。 パッケージは次のアドレスで入手できます。 この記事で説明されているように、 このパッケージを使用してUmbraco CMSを簡単に操作できます。



これがWebMatrixのサンプルパッケージでどのように機能するかを見てみましょう。



パッケージのインストール



「サイトの開始」テンプレートに基づいて、WebMatrixでサイトを作成または開きます。 WebMatrixの「サイト」セクションには、「ASP.NET Webページの管理」があります(図1)。



image

1. WebMatrixのプロジェクト管理へのリンク



このアイテムを使用してページ管理に移動します。 パスワードを入力し、プロジェクトをセットアップするための要件を満たした後(プロジェクト内のファイルの名前を変更する必要があります)、NuGetパッケージのリストが表示されます(図2)。



image

2.プロジェクトにインストールできるパッケージのリスト



最初のパッケージは、必要な51Degrees.mobi会社パッケージです。 時間が経つにつれて、それは最初のものではなくなりますが、検索でいつでも見つけることができます。



パッケージの反対側の「インストール」をクリックすると、パッケージがプロジェクトに自動的にインストールされます(図3)。



image

3.パッケージの正常なインストールの確認



その後、ウィンドウを閉じてWebMatrixに戻ることができます。 [再起動]ボタンをクリックして、サイトを再起動します(図4)。



image

4.サイトの再起動



その後、サイトを実行して実行します。 ASP.NET Webプロジェクトまたは独自のサイトの標準ビューが表示されます(図5)。



image

5.実行中のアプリケーション



モバイルクライアントからのリクエスト



次に、モバイルクライアントを介したページアクセスをシミュレートしてみましょう。 これを行うには、Internet Explorerのブラウザー開発ツールの豊富な機能を利用します。 F12ホットキーまたは「開発ツール」メニューからツールバーを呼び出します。



image

6. Internet Explorer開発者ツール



ツールウィンドウで、[ツール]、[ユーザーエージェント文字列の変更]、[カスタム]を選択し、次のパラメーターを設定します。



フレンドリ名-Windows Phone 7



ユーザーエージェント文字列-Mozilla / 4.0(互換性あり; MSIE 7.0; Windows Phone OS 7.0; Trident / 3.1; IEMobile / 7.0)



image

7. Internet Explorerでのモバイルユーザーエージェントのインストール



「インストール」をクリックします。 その後、ブラウザでサイトページを更新します。 51Degrees.mobiパッケージによって展開されるWebアプリケーションは、モバイルデバイスからログインしていると見なし、デフォルトのモバイルプレゼンテーションページを自動的に生成します(図8)。



image

8.モバイルクライアントからの要求に応じて自動的に生成されるモバイルページ



おわりに



したがって、51Degrees.mobiパッケージがインストールされたサイトは、クライアント情報を完全にサポートするモバイルクライアントからリクエスト処理機能を自動的に受け取りました。 その後、開発者が適切な処理を追加し、クライアントのタイプに応じて、異なるレイアウトの特定のページを返すだけで十分です。



All Articles