diff --git a/web/app/components/develop/ApiServer.tsx b/web/app/components/develop/ApiServer.tsx
index 4de98c6cd4..9f2c9cf7f4 100644
--- a/web/app/components/develop/ApiServer.tsx
+++ b/web/app/components/develop/ApiServer.tsx
@@ -7,9 +7,11 @@ import SecretKeyButton from '@/app/components/develop/secret-key/secret-key-butt
 
 type ApiServerProps = {
   apiBaseUrl: string
+  appId?: string
 }
 const ApiServer: FC<ApiServerProps> = ({
   apiBaseUrl,
+  appId,
 }) => {
   const { t } = useTranslation()
 
@@ -25,7 +27,7 @@ const ApiServer: FC<ApiServerProps> = ({
         {t('appApi.ok')}
       </div>
       <SecretKeyButton
-        className='!h-8 shrink-0'
+        className='!h-8 shrink-0' appId={appId}
       />
     </div>
   )
diff --git a/web/app/components/develop/index.tsx b/web/app/components/develop/index.tsx
index 5b14b680c1..c3f88a15f8 100644
--- a/web/app/components/develop/index.tsx
+++ b/web/app/components/develop/index.tsx
@@ -23,7 +23,7 @@ const DevelopMain = ({ appId }: IDevelopMainProps) => {
     <div className='relative flex h-full flex-col overflow-hidden'>
       <div className='flex shrink-0 items-center justify-between border-b border-solid border-b-divider-regular px-6 py-2'>
         <div className='text-lg font-medium text-text-primary'></div>
-        <ApiServer apiBaseUrl={appDetail.api_base_url} />
+        <ApiServer apiBaseUrl={appDetail.api_base_url} appId={appId} />
       </div>
       <div className='grow overflow-auto px-4 py-4 sm:px-10'>
         <Doc appDetail={appDetail} />