1.0.0 • Published 12 months ago
@authing/mfa-component-react18 v1.0.0
Authing MFA core features
- Authoring ensures business security through various authentication methods (SMS authentication/email authentication/OTP authentication/face recognition authentication).
- Support multi-source behavioral environment data reporting and multi-dimensional analysis of security levels.
- Support visual orchestration of security policies to achieve environmental risk adaptation.
- Advanced continuous adaptive mode is provided to achieve multifactor authentication protection in more scenarios (such as resource access scenarios).
- Provide SDK and open interfaces to help developers quickly invoke relevant capabilities.
Install
npm install --save @authing/mfa-component-react18
Initialize
Key | Type | Default | Requires |
---|---|---|---|
appId | String | - | Y |
host | String | - | N |
style | CSSProperties | - | N |
// From CDN
const guard = new AuthingMFAFactory.AuthingMFA({
appId: 'AUTHING_APP_ID'
})
// From npm
import { AuthingMFAProvider } from '@authing/mfa-component-react18'
import '@authing/mfa-component-react18/dist/index.min.css'
function App() {
return (
<AuthingMFAProvider
appId="AUTHING_APP_ID"
>
<RouterComponent></RouterComponent>
</AuthingMFAProvider>
)
}
// use Authing MFA APIs in Components
import { useEffect } from 'react'
import { useAuthingMFA } from '@authing/mfa-component-react18'
export default function MFA() {
const authingMFA = useAuthingMFA()
useEffect(() => {
authingMFA.start({
el: document.querySelector('#authing-mfa-container'),
mfaTriggerData: {}
})
authingMFA.on('load', function () {
console.log('Authing MFA load')
})
authingMFA.on('mount', function () {
console.log('Authing MFA mount: ', document.querySelector('.authing-mfa-content'))
})
authingMFA.on('unmount', function () {
console.log('Authing MFA unmount')
})
authingMFA.on('success', function (code, data) {
console.log('Authing MFA success: ', code, data)
})
authingMFA.on('fail', function (message) {
console.log('Authing MFA fail: ', message)
})
authingMFA.on('saveRecoveryCode', function () {
console.log('Authing MFA saveRecoveryCode')
})
}, [])
return <div id="authing-mfa-container"></div>
}
1.0.0
12 months ago
1.0.0-alpha.16
1 year ago
1.0.0-alpha.15
1 year ago
1.0.0-alpha.14
1 year ago
1.0.0-alpha.13
1 year ago
1.0.0-alpha.12
1 year ago
1.0.0-alpha.11
1 year ago
1.0.0-alpha.10
1 year ago
1.0.0-alpha.9
1 year ago
1.0.0-alpha.8
1 year ago
1.0.0-alpha.7
1 year ago
1.0.0-alpha.6
1 year ago
1.0.0-alpha.5
1 year ago
1.0.0-alpha.4
1 year ago
1.0.0-alpha.3
1 year ago