Chat-React

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

使用方法

• 安装

npm install uc-third-login

• 引入

import Login from 'uc-third-login'

• 使用

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

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 第三方登录平台的第三方登录组件

使用方法

• 安装

npm install uc-third-login

• 引入

import Login from 'uc-third-login'

• 使用

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

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 第三方登录平台的第三方登录组件

使用方法

• 安装

npm install uc-third-login

• 引入

import Login from 'uc-third-login'

• 使用

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

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
    }
  }
}