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 = {
//你想要的第三方登录，默认有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 = {
//你想要的第三方登录，默认有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 = {
//你想要的第三方登录，默认有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
}
}
}