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

Office用アプリ+ASP.NET MVC5 で外部のアカウント連携(twitter, facebook, google, Microsoft Account, Office365等)

概要

Office用アプリ+ASP.NET MVC5 で外部のアカウント連携(Facebook等)をしてみました。

結果、いろいろありましたがうまくいきました!!

詳細

ASP.NET MVC5の最新のアカウント管理では簡単にFacebook, Twitter, Google, Microsoft Account, Office365 と連携できます。

普通のサイトでは以下のようにASP.NET MVC5 では以下のように認証する際にFacebook ならFacebook認証サイトにリダイレクト(redirect)します。

  • ASP.NET MVC5標準のFacebook連携ボタンを押す
    A4O_Autholization010

    Facebookの認証サイトにリダイレクトされます。
    ※URLが https://www.facebook.com/login.php?
    A4O_Autholization020

普通のサイトならリダイレクトされてもOKなのです。

しかしOffice用アプリでは、マニュフェストファイルにかいたURLのドメイン以外はIE Windowポップアップします(POPUP)!!

IE Windowポップアップしてしまうので認証がうまく連携しないのです!!

.

A4O_Autholization030

以下はOffice用アプリのマニュフェストファイルです。

  • Office用アプリの初期URL例:https://Test001.com/A4OTest001/ ←このドメイン以外ポップアップする

A4O_Autholization040

 

しばらくVisual Studio2013のOffice用アプリの設定をみていると以下のナイスな項目をみつけた!!

A4O_Autholization060 

「アプリで使用されるページのドメインを指定します。アプリで開かれたリモートページは、アプリと同じウインドウ内に表示されます。」

A4O_Autholization070

さっそく、アプリドメインに以下を追加してみて実行してみみる。

https://www.facebook.com

Office用アプリのマニュフェストはこんな感じです。

<?xml version=”1.0″ encoding=”UTF-8″?>
<!–Created:cb85b80c-f585-40ff-8bfc-12ff4d0e34a9–>
<OfficeApp xmlns=”http://schemas.microsoft.com/office/appforoffice/1.0″ xmlns:xsi=”http://www.w3.org/2001/XMLSchema-instance” xsi:type=”TaskPaneApp”>
<Id>72b351ce-05dc-4569-86e4-a8d429ed90a4</Id>
<Version>1.0.0.0</Version>
<ProviderName>snoro</ProviderName>
<DefaultLocale>en-US</DefaultLocale>
<DisplayName DefaultValue=”Appli-AWeb_MVC_Main” />
<Description DefaultValue=”Appli-AWeb_MVC_Main Description”/>
<AppDomains>
<AppDomain>https://www.facebook.com</AppDomain>
</AppDomains>
<Capabilities>
<Capability Name=”Workbook” />
<Capability Name=”Presentation” />
<Capability Name=”Project” />
<Capability Name=”Document” />
</Capabilities>
<DefaultSettings>
<SourceLocation DefaultValue=”https://Test001/A4OTest001/” />
</DefaultSettings>
<Permissions>ReadWriteDocument</Permissions>
</OfficeApp>

https://www.facebook.com

ReadWriteDocument

実行した結果うまく外部のアカウント(Facebook)と認証できました!!

A4O_Autholization060

Filed Under: .NETOffice Add-insOffice365 App

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.