Support for multiple domains/subdomains in OneDrive File Picker for Web Apps

问题

We have a CMS that powers over 2000 school websites. The admin sites for each of those websites are all under the same root domain, e.g. *.myadmin.com. We are working on integrating OneDrive File Picker on multiple pages in all of those admin sites.

We have an issue with the Redirect URLs in the API Settings. We tried to set the Root domain field to myadmin.com by setting Redirect URLs: to https://myadmin.com. In JavaScript, we initialize the File Picker like this:

WL.init({
    client_id: window.OneDrive.clientId,
    redirect_uri: ''
});
WL.fileDialog({
    mode: "open",
    select: "single"
});

That results in a popup window saying:

We're unable to complete your request. Microsoft account is experiencing technical problems. Please try again later.

In the address bar of the popup window, there's a further error description(url decoded):

error_description=The provided value for the input parameter 'redirect_uri' is not valid. The expected value is 'https://login.live.com/oauth20_desktop.srf' or a URL which matches the redirect URI registered for this client application.

Putting a specific url, like https://subdomain.myadmin.com/homepage, in the API Setting would make the Picker work on that specific page, but not on other pages. Looks like it's looking for an exact match. Obviously it's not practical for us to create a separate app for each page that uses OneDrive.

The problem can be solved by disabling Enhanced redirection security on the API Settings page. That option existed a few weeks ago when we created an app for development, but was marked as deprecated. Today when we created a new app for production, it wasn't there anymore, which I think is now enabled for all new apps.

We had a similar issue with Dropbox Drop-ins Chooser, but we were able to solve the problem by setting myadmin.com as the domain of the app.

Is there any work around for this problem?

Thanks for your help and suggestions.

回答1:

You can add multiple Redirect URLs as long as all of them are in the same subdomain. Each redirection URL needs to be specified explicitly:

回答2:

The only way I could get this to work was

1. Make sure the exact single web page on a single domain is configured and working for one drive (the url running OneDrive needs to be correctly configured in Microsoft account Developer Center
2. Then use this page inside an iframe (even if it is a completely different domain)
3. then use postMessage to pass the data back to the parent iframe to utilise

a working copy (link may be removed at any time ) Testing OneDrive in an iframe

Other pertinent urls

1. browser support for postMessage
2. Browser support for postMessage on stackoverflow
3. postMessage documentation

Some example usage of postMessage

1. example usage of postMessage
2. another example of use of postMessage

回答3:

The bug with the Microsoft developer console mention is resolved if you put the root domain you want first, then the 2 sub domains.

Add 3 entires: 1. domain.com 2. sub1.domain.com 3. sub2.domain.com

来源：https://stackoverflow.com/questions/24400180/support-for-multiple-domains-subdomains-in-onedrive-file-picker-for-web-apps