feat: 可以修改 clientId 请求 authCode

package.json

@@ -24,7 +24,8 @@
     "rxjs": "^7.8.1",
     "uuid": "^9.0.1",
     "vite-plugin-pwa": "^0.19.6",
-    "zustand": "^4.5.0"
+    "zustand": "^4.5.0",
+    "dingtalk-jsapi": "^3.0.38"
   },
   "devDependencies": {
     "@types/react": "^18.2.15",

src/views/dingding/AuthCode.jsx

@@ -1,44 +1,46 @@
-import { Flex, Result, Spin } from 'antd'
+import { Flex, Result, Input, Button } from 'antd'
 import { useState, useEffect } from 'react'
 import { useNavigate } from 'react-router-dom'
 import { isNotEmpty } from '@/utils/commons'
 import * as dd from 'dingtalk-jsapi'
+import { handleNotification } from '@/channel/whatsappUtils'
 
 // 获取微应用免登授权码
 // https://open.dingtalk.com/document/orgapp/jsapi-request-auth-code
 function AuthCode() {
 
   const [result, setResult] = useState('')
+  const [clientValue, setClientValue] = useState('dingwgdx6emlxr3fcrg8')
 
+  const handleRequest = () => {
+    dd.requestAuthCode({
+      clientId: clientValue,
+      corpId: 'ding48bce8fd3957c96b',
+      success: (res) => {
+        const { code } = res
+        setResult(code)
+      },
+      fail: (error) => {
+        setResult(JSON.stringify(error))
+      },
+      complete: () => {},
+    })
+  }
 
   useEffect(() => {
     const dingTalkPlatForm = dd.env.platform
-
-    if (dingTalkPlatForm === 'notInDingTalk') {
-      setResult(dingTalkPlatForm)
-    } else {
-      dd.requestAuthCode({
-        clientId: 'dingwgdx6emlxr3fcrg8',
-        corpId: 'ding48bce8fd3957c96b',
-        success: (res) => {
-          const { code } = res
-          setResult(code)
-        },
-        fail: (error) => {
-          setResult(JSON.stringify(error))
-        },
-        complete: () => {},
-      })
-    }
+    setResult(dingTalkPlatForm)
   }, [])
 
   return (
     <Flex justify='center' align='center' gap='middle' vertical>
       <Result
         status='success'
-        title='authCode'
+        title={clientValue}
         subTitle={result}
       />
+      <Input value={clientValue} onChange={e => setClientValue(e.currentTarget.value)} />
+      <Button type='primary' onClick={() => handleRequest()}>请求</Button>
     </Flex>
   )
 }