アドダルではなくOfficeDev/office-js-helpersを使用して認証する

Question

現在、adalを使用して認証トークンを取得するOfficeアドインで作業しています。

私はFabricフロントエンドを使用したいので、私はそれをReactに変更しています。officer-js-helpersがadalライブラリと同じ仕事をする認証ツールを実装していることがわかりました。 この前提で正しいですか？私はadal.jsライブラリを持っている ：

var adalConfig = { 
    instance: 'https://login.microsoftonline.com/', 
    tenant: 'myprivatesite.onmicrosoft.com', 
    clientId: 'xxx-xxx-xxx-xxx-xxx', 
    endpoints: { 
     'https://my.private.url.endpoint/path': 'https://myprivatesite.onmicrosoft.com/path.to.something', 
    } 

そして、このトークン要求：

var authContext = new AuthenticationContext(adalConfig); 
authContext.acquireToken('https://myprivatesite.onmicrosoft.com/path.to.something', function (error, token) { 
     console.log(token) 
     }); 

UPDATEもしそうなら、どのように私はオフィス-JS-ヘルパー認証機能を使用して、このアダル設定を複製します私の反応アプリで働いています。私は、角度プロバイダのinit関数のコードの一部を使用して、認証トークンを取得しました。

質問が残っています。 office-js-helpersを使って同じことをすることはできますか？

Answer 1

OKこれは非常に簡単です。 adal設定から必要とされるのは、クライアントIDとテナントだけです。

if (OfficeHelpers.Authenticator.isAuthDialog()) { 
    return; 
} 

var authenticator = new OfficeHelpers.Authenticator(); 

authenticator.endpoints.registerAzureADAuth('xxx-xxx-xxx-xxx-xxx', //clientId 
'myprivatesite.onmicrosoft.com' // tenant 
); 

authenticator.authenticate(OfficeHelpers.DefaultEndpoints.AzureAD) 
    .then(function (token) { 
    console.log(token); 
    .catch(function(error) { 
    console.log(error); 
    }); 

Answer 2

Webアドイン認証のためにAdal.jsをそのまま使用することはできません。なぜならWebアドインのサンドボックス化されたiFrameコンテキストでは、ドメイン外でホストされている認証ログインページにナビゲートできないからです。

Office-js-helpersは利用可能な場合はdialogAPIを使用し、利用できない場合は代替手段としてポップアップを使用します。

正しく覚えていれば、Office-js-helpersはAzure AD v2.0（Azure ADと比較して多くの素晴らしい新機能が付いています）のみを対象としています。私はそれが良い選択だと思う。

私はOpen source sampleを作成しました。ドキュメントはあなたにとって興味深いものです。ただし、暗黙のフローを検索しているときに、AuthorizationCodeフローに基づいています。