# uc-third-login

> uc-third-login

Latest version **1.2.4** (published 2019-10-15) · MIT license · 0 weekly downloads

## Install

```sh
npm install uc-third-login
pnpm add uc-third-login
yarn add uc-third-login
bun add uc-third-login
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.2.4 |
| Published | 2019-10-15 |
| First published | 2019-10-10 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Unpacked size | 1.6 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | jacky_ning |

## Links

- npm: https://www.npmjs.com/package/uc-third-login
- npm.io page: https://npm.io/package/uc-third-login

## Dependencies (3)

- [antd](https://npm.io/package/antd.md) ^3.23.6
- [@sdp.nd/one](https://npm.io/package/@sdp.nd/one.md) ^1.13.4
- [@gem-mine/request](https://npm.io/package/@gem-mine/request.md) ^1.2.2

## Recent versions

- 1.2.4 (latest) — 2019-10-15
- 1.2.3 — 2019-10-15
- 1.2.2 — 2019-10-14
- 1.2.1 — 2019-10-14
- 1.2.0 — 2019-10-12
- 1.1.9 — 2019-10-11
- 1.1.8 — 2019-10-11
- 1.1.7 — 2019-10-11
- 1.1.6 — 2019-10-11
- 1.1.5 — 2019-10-11
- 1.1.4 — 2019-10-10
- 1.1.3 — 2019-10-10
- 1.1.2 — 2019-10-10
- 1.1.1 — 2019-10-10

## README

## Chat-React

##### 基于 on sdk 和 101 第三方登录平台的第三方登录组件

#### 使用方法

- 安装

```bash
npm install uc-third-login
```

- 引入

```js
import Login from 'uc-third-login'
```

- 使用

```js
import React, { Component } from 'react'
import { ThirdLoginUI } from 'uc-third-login'

export default class Login extends Component {
  state = {}
  componentDidMount() {}

  render() {
    const thirdLogin = {
      edemodo: {
        develop: {
          channel_id: 47
        },
        product: {
          channel_id: 47
        },
        awsca: {
          channel_id: 47
        },
        test: {
          channel_id: 47
        },
        hk: {
          channel_id: 345
        }
      },
      wechat: {
        develop: {
          channel_id: 47
        },
        product: {
          channel_id: 47
        },
        awsca: {
          channel_id: 47
        },
        test: {
          channel_id: 47
        },
        hk: {
          channel_id: 9
        }
      }
    }
    return (
      <div>
        <ThirdLoginUI thirdLogin={thirdLogin} />
      </div>
    )
  }
}
```

#### API

| 属性 & 方法       | 类型     | 描述                                                                       |
| ----------------- | -------- | -------------------------------------------------------------------------- |
| thirdLogin        | object   | 第三方登录的环境和频道（支持的第三方登录有 edemodo、facebook、wechat、qq） |
| env               | string   | uc sdk 的环境                                                              |
| isLogin           | function |                                                                            |
| getResources      | function |                                                                            |
| authentication    | function |                                                                            |
| getCurrentAccount | function |                                                                            |
| getAccountInfo    | function |                                                                            |
| logout            | function |                                                                            |
| getLoginState     | function |                                                                            |
| getAvatarURL      | function |                                                                            |
| generateUCKeyURL  | function |                                                                            |
| loginByUCKey      | function |                                                                            |

##### 组件参数描述

- `thirdLogin`

```javascript
thirdLogin = {
  //你想要的第三方登录，默认有edemodo、facebook、wechat、qq，不传则不会显示
  edemodo: {
    //环境
    develop: {
      channel_id: 47 //频道
    },
    product: {
      channel_id: 47
    },
    awsca: {
      channel_id: 47
    },
    test: {
      channel_id: 47
    },
    hk: {
      channel_id: 345
    }
  }
}
```

## Chat-React

##### 基于 on sdk 和 101 第三方登录平台的第三方登录组件

#### 使用方法

- 安装

```bash
npm install uc-third-login
```

- 引入

```js
import Login from 'uc-third-login'
```

- 使用

```js
import React, { Component } from 'react'
import { ThirdLoginUI } from 'uc-third-login'

export default class Login extends Component {
  state = {}
  componentDidMount() {}

  render() {
    const thirdLogin = {
      edemodo: {
        develop: {
          channel_id: 47
        },
        product: {
          channel_id: 47
        },
        awsca: {
          channel_id: 47
        },
        test: {
          channel_id: 47
        },
        hk: {
          channel_id: 345
        }
      },
      wechat: {
        develop: {
          channel_id: 47
        },
        product: {
          channel_id: 47
        },
        awsca: {
          channel_id: 47
        },
        test: {
          channel_id: 47
        },
        hk: {
          channel_id: 9
        }
      }
    }
    return (
      <div>
        <ThirdLoginUI thirdLogin={thirdLogin} />
      </div>
    )
  }
}
```

#### API

| 属性 & 方法       | 类型     | 描述                                                                       |
| ----------------- | -------- | -------------------------------------------------------------------------- |
| thirdLogin        | object   | 第三方登录的环境和频道（支持的第三方登录有 edemodo、facebook、wechat、qq） |
| env               | string   | uc sdk 的环境                                                              |
| isLogin           | function |                                                                            |
| getResources      | function |                                                                            |
| authentication    | function |                                                                            |
| getCurrentAccount | function |                                                                            |
| getAccountInfo    | function |                                                                            |
| logout            | function |                                                                            |
| getLoginState     | function |                                                                            |
| getAvatarURL      | function |                                                                            |
| generateUCKeyURL  | function |                                                                            |
| loginByUCKey      | function |                                                                            |

##### 组件参数描述

- `thirdLogin`

```javascript
thirdLogin = {
  //你想要的第三方登录，默认有edemodo、facebook、wechat、qq，不传则不会显示
  edemodo: {
    //环境
    develop: {
      channel_id: 47 //频道
    },
    product: {
      channel_id: 47
    },
    awsca: {
      channel_id: 47
    },
    test: {
      channel_id: 47
    },
    hk: {
      channel_id: 345
    }
  }
}
```

## Chat-React

##### 基于 on sdk 和 101 第三方登录平台的第三方登录组件

#### 使用方法

- 安装

```bash
npm install uc-third-login
```

- 引入

```js
import Login from 'uc-third-login'
```

- 使用

```js
import React, { Component } from 'react'
import { ThirdLoginUI } from 'uc-third-login'

export default class Login extends Component {
  state = {}
  componentDidMount() {}

  render() {
    const thirdLogin = {
      edemodo: {
        develop: {
          channel_id: 47
        },
        product: {
          channel_id: 47
        },
        awsca: {
          channel_id: 47
        },
        test: {
          channel_id: 47
        },
        hk: {
          channel_id: 345
        }
      },
      wechat: {
        develop: {
          channel_id: 47
        },
        product: {
          channel_id: 47
        },
        awsca: {
          channel_id: 47
        },
        test: {
          channel_id: 47
        },
        hk: {
          channel_id: 9
        }
      }
    }
    return (
      <div>
        <ThirdLoginUI thirdLogin={thirdLogin} />
      </div>
    )
  }
}
```

#### API

| 属性 & 方法       | 类型     | 描述                                                                       |
| ----------------- | -------- | -------------------------------------------------------------------------- |
| thirdLogin        | object   | 第三方登录的环境和频道（支持的第三方登录有 edemodo、facebook、wechat、qq） |
| env               | string   | uc sdk 的环境                                                              |
| isLogin           | function |                                                                            |
| getResources      | function |                                                                            |
| authentication    | function |                                                                            |
| getCurrentAccount | function |                                                                            |
| getAccountInfo    | function |                                                                            |
| logout            | function |                                                                            |
| getLoginState     | function |                                                                            |
| getAvatarURL      | function |                                                                            |
| generateUCKeyURL  | function |                                                                            |
| loginByUCKey      | function |                                                                            |

##### 组件参数描述

- `thirdLogin`

```javascript
thirdLogin = {
  //你想要的第三方登录，默认有edemodo、facebook、wechat、qq，不传则不会显示
  edemodo: {
    //环境
    develop: {
      channel_id: 47 //频道
    },
    product: {
      channel_id: 47
    },
    awsca: {
      channel_id: 47
    },
    test: {
      channel_id: 47
    },
    hk: {
      channel_id: 345
    }
  }
}
```

---
_Source: https://npm.io/package/uc-third-login · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._