1,244 views(since 2013/10/08)

ログイン(ASP.NET MVC4)をクラウド(Windows Azure)でiPhoneで動作させる。+ Facebook連動

前回につづき

  1. ASP.NET MVC4 で認証(ログイン)の実装 + Facebookと関連付け

今回はこれをWindows Azureで動作検証してみます。

結果はこんな感じになります。

エミュレーターは「AIR iPhone」を使用
http://www.merhl.com/?page_id=3

ASPNETMVC_AZURE_0010

検証項目

  1. iPad/iPhone でもログインが正常動作を確認する。(cookieless, クッキーレス)
    ※iPhoneはデェフォルトクッキーレスだ!!

イメージ

それではいってみよう。

  1. Windows Azureでデータベースを作成して「ADO.Net、ODBC、PHP、および JDBC の SQL データベース接続文字列を表示する」から接続文字列を取得して
    ※このASP.NET MVCのサンプルではデータベースがなければ自動的に作るようにプログラムされているのですが、自動で作られても嫌なので事前に作っておきます。
    ※DB Createは /Filters/InitializeSimpleMembershipAttribute.cs の中にあります。
    例) testnorodb
    ASPNETMVC_AZURE_0040
  2. Visaul Studio 2012/2013 で/Web.Configにデータべスの文字列をlocal(SQL Express)からSQL Azureに変更する。
    ASPNETMVC_AZURE_0050
    2種類の書き方があります。 どちらでも意味は同じです。

    <Data Source のパターン>

    <connectionStrings>

    <add name=”DefaultConnection” connectionString=”Data Source=tcp:サーバ名.database.windows.net,1433;Initial Catalog=testnorodb;User ID=ここにユーザID;Password=ここにパスワード;Trusted_Connection=False;Encrypt=True;Connection Timeout=30;” providerName=”System.Data.SqlClient” />

    </connectionStrings>

    <Server のパターン>

    <connectionStrings>

    <add name=”DefaultConnection” connectionString=”Server=tcp:サーバ名.database.windows.net,1433;Database=testnorodb;User ID=ここにユーザID;Password=ここにパスワード;Trusted_Connection=False;Encrypt=True;Connection Timeout=30;” providerName=”System.Data.SqlClient” />

    </connectionStrings>

  3. デバックしてSQL Azureで正常に動作するかユーザ登録してテストする。
    ASPNETMVC_AZURE_0060
  4. Windows Azureで「簡易Webサイト」を作成して「発行プロファイルをダウンロード」します。
    例:testnoro (http://testnoro.azurewebsites.net)
    ASPNETMVC_AZURE_0020
  5. Visaul Studio 2012/2013 で発行する。(Deploy)
    ASPNETMVC_AZURE_0070
  6. 以下の画面で「発行プロファイル」をインポートしてAzure 簡易Webサイトに発行(Deploy)します。
    ASPNETMVC_AZURE_0080
  7. テスト)発行できたのでPCのブラウザーでログインしてみみる。
    ASPNETMVC_AZURE_0090
  8. テスト)iPhoneエミュレートにログインする(cookieless, クッキーレス)
    ASPNETMVC_AZURE_0100
  9. テスト)iPad Mini実機にログインする(cookieless, クッキーレス)
    ASPNETMVC_AZURE_0110
  10. Facebookでもログインしてみる。
    ASPNETMVC_AZURE_0120
    結果うまくログインできました!!
    ASPNETMVC_AZURE_0130

Filed Under: .NET

About the Author

野呂清二(ご連絡はこちらまで (http://www.exceedone.co.jp/inquiry/)

Leave a Reply




If you want a picture to show with your comment, go get a Gravatar.