将 Live SDK 添加到使用 Azure 移动服务的 Cordova/Ionic 项目答案

【问题标题】：Adding Live SDK to a Cordova/Ionic project that is using Azure mobile services将 Live SDK 添加到使用 Azure 移动服务的 Cordova/Ionic 项目
【发布时间】：2017-06-21 20:23:28
【问题描述】：

我有一个 Ionic/cordova 项目，我正在尝试使用 Azure 移动服务连接 Microsoft 帐户身份验证。

想要使用客户端流程。

如果您查看此文档，其中讨论了使用客户端流程和 Microsoft 帐户添加身份验证，您将看到示例代码： https://docs.microsoft.com/en-us/azure/app-service-mobile/app-service-mobile-cordova-how-to-use-client-library#a-nameauthahow-to-authenticate-users

如何在 TypeScript 中使用 Live SDK？是否有将 Live SDK 导入 Cordova/Ionic 项目的方法？

WL.login({ scope: "wl.basic"}).then(function (result) {
      client.login(
            "microsoftaccount",
            {"authenticationToken": result.session.authentication_token})
      .done(function(results){
            alert("You are now logged in as: " + results.userId);
      },
      function(error){
            alert("Error: " + err);
      });
});

【问题讨论】：

正如@adrianhall 在this link 中提到的，适用于 Cordova/Javascript 的 Azure 移动应用 SDK 可以与 Angular 2 一起使用，那么到目前为止您尝试过什么？
@AaronChen-MSFT 昨天想通了。你必须导入：然后只是做了'declare var WL: any;'然后在 TypeScript 中识别“WL”。在任何文件中都没有找到，看了很多。终于在微软发现有人在他的代码中使用了它，但不知道他是如何弄清楚如何做到这一点的！

标签： cordova ionic2 cordova-plugins azure-mobile-services live-sdk

【解决方案1】：

昨天想通了。

你必须在 index.html 中导入这个脚本标签：

src="//js.live.net/v5.0/wl.js

然后只是做了'declare var WL: any;'

然后“WL”在 TypeScript 中被识别。在任何文件中都没有找到，看了很多。

【讨论】：