如何在ionic 3中实现LinkedIn登录？为什么链接登录不起作用？

在Ionic 3中实现LinkedIn登录可以通过使用Cordova插件和LinkedIn开发者API来实现。下面是一个实现LinkedIn登录的步骤：

安装Cordova插件：首先，确保你已经安装了Cordova和Ionic。然后，在Ionic项目的根目录下运行以下命令来安装Cordova插件：

ionic cordova plugin add cordova-plugin-inappbrowser
npm install @ionic-native/in-app-browser

创建LinkedIn应用：在LinkedIn开发者网站上创建一个应用程序，并获取客户端ID和客户端密钥。确保在应用程序设置中配置正确的重定向URL。
在Ionic项目中配置LinkedIn登录：在app.module.ts文件中导入InAppBrowser模块，并将其添加到providers数组中：

import { InAppBrowser } from '@ionic-native/in-app-browser';

@NgModule({
  ...
  providers: [
    ...
    InAppBrowser
    ...
  ]
  ...
})
export class AppModule { }

创建一个服务来处理LinkedIn登录：在项目中创建一个名为LinkedInService的服务，并在其中实现登录方法。以下是一个示例：

import { Injectable } from '@angular/core';
import { InAppBrowser, InAppBrowserObject } from '@ionic-native/in-app-browser';

@Injectable()
export class LinkedInService {
  private linkedInAuthWindow: InAppBrowserObject;

  constructor(private inAppBrowser: InAppBrowser) { }

  login() {
    const clientId = 'YOUR_CLIENT_ID';
    const redirectUri = 'YOUR_REDIRECT_URI';
    const authUrl = `https://www.linkedin.com/oauth/v2/authorization?response_type=code&client_id=${clientId}&redirect_uri=${redirectUri}&state=STATE&scope=r_liteprofile`;

    this.linkedInAuthWindow = this.inAppBrowser.create(authUrl, '_blank', 'location=no,clearsessioncache=yes,clearcache=yes');

    this.linkedInAuthWindow.on('loadstart').subscribe(event => {
      if (event.url.startsWith(redirectUri)) {
        this.linkedInAuthWindow.close();
        const code = event.url.split('code=')[1].split('&')[0];
        // 使用code来获取访问令牌
        this.getAccessToken(code);
      }
    });
  }

  private getAccessToken(code: string) {
    // 发送POST请求以获取访问令牌
    // 在这里实现你的代码
  }
}

在页面中使用LinkedIn登录：在你想要使用LinkedIn登录的页面中导入LinkedInService，并在登录按钮的点击事件中调用login方法。以下是一个示例：

import { Component } from '@angular/core';
import { LinkedInService } from 'path/to/linkedin.service';

@Component({
  selector: 'page-login',
  templateUrl: 'login.html',
})
export class LoginPage {
  constructor(private linkedInService: LinkedInService) { }

  loginWithLinkedIn() {
    this.linkedInService.login();
  }
}

在模板中添加登录按钮：在登录页面的HTML模板中添加一个按钮，并将其绑定到loginWithLinkedIn方法。以下是一个示例：

<ion-content>
  <button ion-button (click)="loginWithLinkedIn()">Login with LinkedIn</button>
</ion-content>

为什么LinkedIn登录不起作用可能有以下几个原因：

未正确配置LinkedIn应用程序：请确保在LinkedIn开发者网站上正确配置了应用程序设置，包括正确的重定向URL和授权范围。
未正确实现登录逻辑：请确保在登录方法中正确处理LinkedIn登录窗口的加载事件，并获取访问令牌。
Cordova插件未正确安装或配置：请确保已正确安装cordova-plugin-inappbrowser插件，并在app.module.ts文件中正确导入和配置InAppBrowser模块。
网络连接问题：请确保设备具有可用的网络连接，并且可以访问LinkedIn的API。

请根据以上步骤和可能的原因检查和调试你的代码，以解决LinkedIn登录不起作用的问题。