[SSL证书]免费证书申请增加HTTP认证方式

This commit is contained in:
刘祥超
2020-12-03 18:19:09 +08:00
parent 94ca1f1fe1
commit 5c8b7c6cf6
9 changed files with 107 additions and 53 deletions

View File

@@ -9,13 +9,13 @@
<form class="ui form">
<div class="ui steps fluid small">
<div class="ui step" :class="{active:step == 'prepare'}">
准备工作
选择申请方式
</div>
<div class="ui step" :class="{active:step == 'user'}">
选择用户
</div>
<div class="ui step" :class="{active:step == 'dns'}">
设置域名解析
填写域名信息
</div>
<div class="ui step" :class="{active:step == 'finish'}">
完成
@@ -24,9 +24,14 @@
<!-- 准备工作 -->
<div v-show="step == 'prepare'">
<div>此流程用于免费申请一个新的证书。</div>
<div class="margin"></div>
<div>
<div style="margin-bottom: 1em">
<radio name="authType" :v-value="'http'" v-model="authType">使用HTTP认证</radio> &nbsp;
<radio name="authType" :v-value="'dns'" v-model="authType">使用DNS认证</radio>
</div>
<div v-if="authType == 'http'">
使用HTTP的方式请求网址<code-label>/.well-known/acme-challenge/令牌</code-label>校验,该方式要求需要实现将域名解析到集群上,之后系统会自动生成网址信息。
</div>
<div v-if="authType == 'dns'">
我们在申请免费证书的过程中需要自动增加或修改相关域名的TXT记录请先确保你已经在"域名解析" -- <a href="/dns/providers" target="_blank">"DNS服务商"</a> 中已经添加了对应的DNS服务商账号。
</div>
@@ -69,7 +74,7 @@
<!-- 设置域名解析 -->
<div v-show="step == 'dns'">
<table class="ui table definition selectable">
<tr>
<tr v-show="authType == 'dns'">
<td class="title">选择DNS服务商 *</td>
<td>
<div v-if="providers.length > 0">
@@ -81,7 +86,7 @@
<p class="comment">用于自动创建域名解析记录。</p>
</td>
</tr>
<tr>
<tr v-show="authType == 'dns'">
<td>顶级域名 *</td>
<td>
<input type="text" maxlength="100" v-model="dnsDomain"/>
@@ -92,7 +97,7 @@
<td>证书域名列表 *</td>
<td>
<values-box name="" placeholder="域名" size="30" @change="changeDomains"></values-box>
<p class="comment">需要申请的证书中包含的域名列表,所有域名必须是同一个顶级域名</p>
<p class="comment">需要申请的证书中包含的域名列表<span v-if="authType == 'dns'">,所有域名必须是同一个顶级域名</span><span v-if="authType == 'http'">使用HTTP认证方式时域名中不能含有通配符</span></p>
</td>
</tr>
<tr>

View File

@@ -4,6 +4,8 @@ Tea.context(function () {
/**
* 准备工作
*/
this.authType = "http"
this.doPrepare = function () {
this.step = "user"
}
@@ -70,6 +72,7 @@ Tea.context(function () {
this.$post("$")
.params({
authType: this.authType,
acmeUserId: this.userId,
dnsProviderId: this.dnsProviderId,
dnsDomain: this.dnsDomain,

View File

@@ -21,7 +21,12 @@
</tr>
</thead>
<tr v-for="(task, index) in tasks" :class="{warning: runningIndex == index}">
<td>{{task.acmeUser.email}}</td>
<td>{{task.acmeUser.email}}
<div style="margin-top: 1em">
<tiny-basic-label class="olive" v-if="task.authType == 'dns'">DNS</tiny-basic-label>
<tiny-basic-label class="olive" v-if="task.authType == 'http'">HTTP</tiny-basic-label>
</div>
</td>
<td nowrap="">
<div v-for="domain in task.domains">
<span class="ui label small basic">{{domain}}</span>

View File

@@ -5,9 +5,10 @@
<csrf-token></csrf-token>
<input type="hidden" name="taskId" :value="task.id"/>
<input type="hidden" name="acmeUserId" :value="task.acmeUser.id"/>
<input type="hidden" name="authType" :value="task.authType"/>
<table class="ui table definition selectable">
<tr>
<tr v-if="task.authType == 'dns'">
<td class="title">选择DNS服务商 *</td>
<td>
<div v-if="providers.length > 0">
@@ -19,7 +20,7 @@
<p class="comment">用于自动创建域名解析记录。</p>
</td>
</tr>
<tr>
<tr v-if="task.authType == 'dns'">
<td>顶级域名 *</td>
<td>
<input type="text" maxlength="100" name="dnsDomain" v-model="task.dnsDomain"/>
@@ -30,7 +31,7 @@
<td>证书域名列表 *</td>
<td>
<values-box name="domains" :values="task.domains" placeholder="域名" size="30"></values-box>
<p class="comment">需要申请的证书中包含的域名列表,所有域名必须是同一个顶级域名</p>
<p class="comment">需要申请的证书中包含的域名列表<span v-if="task.authType == 'dns'">,所有域名必须是同一个顶级域名</span><span v-if="task.authType == 'http'">使用HTTP认证方式时域名中不能含有通配符</span></p>
</td>
</tr>
<tr>