fix: 使用短期证书配置

web/src/router/guard/app-install-guard.ts

@@ -29,12 +29,14 @@ export function createAppInstallGuard(router: Router) {
 
     // 网站
     if (to.path.startsWith('/website')) {
-      await useRequest(app.isInstalled('nginx')).onSuccess(({ data }) => {
-        if (!data) {
-          showErrorMessage(`Web 服务器未安装`)
-          return router.push({ name: 'app-index' })
+      await useRequest(app.isInstalled('nginx,openresty,apache,openlitespeed,caddy')).onSuccess(
+        ({ data }) => {
+          if (!data) {
+            showErrorMessage(`Web 服务器未安装`)
+            return router.push({ name: 'app-index' })
+          }
         }
-      })
+      )
     }
 
     // 容器

web/src/views/setting/IndexView.vue

@@ -35,6 +35,7 @@ const { data: model } = useRequest(setting.list, {
     website_path: '',
     backup_path: '',
     https: false,
+    acme: false,
     cert: '',
     key: ''
   }

web/src/views/setting/SettingSafe.vue

@@ -189,14 +189,32 @@ const model = defineModel<any>('model', { type: Object, required: true })
         </template>
         <n-switch v-model:value="model.https" />
       </n-form-item>
-      <n-form-item v-if="model.https" :label="$gettext('Certificate')">
+      <n-form-item>
+        <template #label>
+          <n-tooltip>
+            <template #trigger>
+              <div class="flex items-center">
+                {{ $gettext('ACME') }}
+                <the-icon :size="16" icon="mdi:help-circle-outline" class="ml-1" />
+              </div>
+            </template>
+            {{
+              $gettext(
+                'Use ACME protocol to automatically obtain and renew SSL certificates for the panel. Make sure your panel is accessible via the ip you provide'
+              )
+            }}
+          </n-tooltip>
+        </template>
+        <n-switch v-model:value="model.acme" />
+      </n-form-item>
+      <n-form-item v-if="model.https && !model.acme" :label="$gettext('Certificate')">
         <n-input
           v-model:value="model.cert"
           type="textarea"
           :autosize="{ minRows: 10, maxRows: 15 }"
         />
       </n-form-item>
-      <n-form-item v-if="model.https" :label="$gettext('Private Key')">
+      <n-form-item v-if="model.https && !model.acme" :label="$gettext('Private Key')">
         <n-input
           v-model:value="model.key"
           type="textarea"