|
|
|
@ -1,11 +1,14 @@
|
|
|
|
import { Flex, Result, Input, Button } from 'antd'
|
|
|
|
import { Flex, Result, Input, Button, Typography } from 'antd'
|
|
|
|
import { useState, useEffect } from 'react'
|
|
|
|
import { useState, useEffect } from 'react'
|
|
|
|
import * as dd from 'dingtalk-jsapi'
|
|
|
|
import * as dd from 'dingtalk-jsapi'
|
|
|
|
|
|
|
|
import useAuthStore from '@/stores/AuthStore'
|
|
|
|
|
|
|
|
|
|
|
|
// 获取微应用免登授权码
|
|
|
|
// 获取微应用免登授权码
|
|
|
|
// https://open.dingtalk.com/document/orgapp/jsapi-request-auth-code
|
|
|
|
// https://open.dingtalk.com/document/orgapp/jsapi-request-auth-code
|
|
|
|
function AuthCode() {
|
|
|
|
function AuthCode() {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const loginByJSAuth = useAuthStore((state) => state.loginByJSAuth)
|
|
|
|
|
|
|
|
const loginStatus = useAuthStore((state) => state.loginStatus)
|
|
|
|
const [result, setResult] = useState('')
|
|
|
|
const [result, setResult] = useState('')
|
|
|
|
const [clientValue, setClientValue] = useState('dingl3jyntkazyg4coxf')
|
|
|
|
const [clientValue, setClientValue] = useState('dingl3jyntkazyg4coxf')
|
|
|
|
const handleRequest = () => {
|
|
|
|
const handleRequest = () => {
|
|
|
|
@ -23,6 +26,10 @@ function AuthCode() {
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const handleLogin = () => {
|
|
|
|
|
|
|
|
loginByJSAuth(result)
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
useEffect(() => {
|
|
|
|
useEffect(() => {
|
|
|
|
const dingTalkPlatForm = dd.env.platform
|
|
|
|
const dingTalkPlatForm = dd.env.platform
|
|
|
|
setResult(dingTalkPlatForm)
|
|
|
|
setResult(dingTalkPlatForm)
|
|
|
|
@ -35,8 +42,10 @@ function AuthCode() {
|
|
|
|
title={clientValue}
|
|
|
|
title={clientValue}
|
|
|
|
subTitle={result}
|
|
|
|
subTitle={result}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
|
|
|
|
<Typography.Text>Login: {loginStatus}</Typography.Text>
|
|
|
|
<Input value={clientValue} onChange={e => setClientValue(e.currentTarget.value)} />
|
|
|
|
<Input value={clientValue} onChange={e => setClientValue(e.currentTarget.value)} />
|
|
|
|
<Button type='primary' onClick={() => handleRequest()}>请求</Button>
|
|
|
|
<Button type='primary' onClick={() => handleRequest()}>请求</Button>
|
|
|
|
|
|
|
|
<Button onClick={() => handleLogin()}>登录</Button>
|
|
|
|
</Flex>
|
|
|
|
</Flex>
|
|
|
|
)
|
|
|
|
)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|