DNS服务商中的密钥数据以掩码方式显示

internal/web/actions/default/dns/providers/provider.go

@@ -24,7 +24,10 @@ func (this *ProviderAction) RunGet(params struct {
 	this.Data["pageNo"] = params.Page
 	this.Data["filter"] = params.Filter
 
-	providerResp, err := this.RPC().DNSProviderRPC().FindEnabledDNSProvider(this.AdminContext(), &pb.FindEnabledDNSProviderRequest{DnsProviderId: params.ProviderId})
+	providerResp, err := this.RPC().DNSProviderRPC().FindEnabledDNSProvider(this.AdminContext(), &pb.FindEnabledDNSProviderRequest{
+		DnsProviderId: params.ProviderId,
+		MaskParams:    true,
+	})
 	if err != nil {
 		this.ErrorPage(err)
 		return

internal/web/actions/default/dns/providers/updatePopup.go

@@ -22,7 +22,10 @@ func (this *UpdatePopupAction) Init() {
 func (this *UpdatePopupAction) RunGet(params struct {
 	ProviderId int64
 }) {
-	providerResp, err := this.RPC().DNSProviderRPC().FindEnabledDNSProvider(this.AdminContext(), &pb.FindEnabledDNSProviderRequest{DnsProviderId: params.ProviderId})
+	providerResp, err := this.RPC().DNSProviderRPC().FindEnabledDNSProvider(this.AdminContext(), &pb.FindEnabledDNSProviderRequest{
+		DnsProviderId: params.ProviderId,
+		MaskParams:    true,
+	})
 	if err != nil {
 		this.ErrorPage(err)
 		return

web/public/js/components/common/mask-warning.js

@@ -0,0 +1,3 @@
+Vue.component("mask-warning", {
+	template: `<span class="red">为了安全起见，此项数据保存后将不允许在界面查看完整明文，为避免忘记，请自行记录原始数据。</span>`
+})

web/views/@default/dns/providers/createPopup.html

@@ -47,7 +47,7 @@
                 <td>SecretKey *</td>
                 <td>
                     <input type="text" name="paramDNSPodAccessKeySecret" maxlength="100"/>
-                    <p class="comment">在DNSPod控制台“账号中心--API密钥”中获取。</p>
+                    <p class="comment">在DNSPod控制台“账号中心--API密钥”中获取。<mask-warning></mask-warning></p>
                 </td>
             </tr>
 			<tr v-show="paramDNSPodAPIType == 'dnsPodToken'">
@@ -61,7 +61,7 @@
 				<td>密钥Token *</td>
 				<td>
 					<input type="text" name="paramDNSPodToken" maxlength="100" spellcheck="false"/>
-                    <p class="comment">在DNSPod控制台“账号中心--API密钥--DNSPod Token”中获取。</p>
+                    <p class="comment">在DNSPod控制台“账号中心--API密钥--DNSPod Token”中获取。<mask-warning></mask-warning></p>
 				</td>
 			</tr>
             <tr v-if="paramDNSPodAPIType == 'dnsPodToken'">
@@ -88,7 +88,7 @@
 				<td>AccessKeySecret *</td>
 				<td>
 					<input type="text" name="paramAliDNSAccessKeySecret" maxlength="100" spellcheck="false"/>
-					<p class="comment">登录阿里云控制台 -- 在"访问控制"中创建和获取。</p>
+					<p class="comment">登录阿里云控制台 -- 在"访问控制"中创建和获取。<mask-warning></mask-warning></p>
 				</td>
 			</tr>
             <tr>
@@ -113,7 +113,7 @@
                 <td>AccessKeySecret *</td>
                 <td>
                     <input type="text" name="paramHuaweiAccessKeySecret" maxlength="100" spellcheck="false"/>
-                    <p class="comment">登录华为云控制台 -- 在"我的凭证 -- 访问密钥"中创建和获取。</p>
+                    <p class="comment">登录华为云控制台 -- 在"我的凭证 -- 访问密钥"中创建和获取。<mask-warning></mask-warning></p>
                 </td>
             </tr>
             <tr>
@@ -131,7 +131,7 @@
                 <td>API密钥 *</td>
                 <td>
                     <input type="text" name="paramCloudFlareAPIKey" maxlength="100" spellcheck="false"/>
-                    <p class="comment">在个人资料中的"API令牌"--"API密钥"--"Global API Key"中获取。</p>
+                    <p class="comment">在个人资料中的"API令牌"--"API密钥"--"Global API Key"中获取。<mask-warning></mask-warning></p>
                 </td>
             </tr>
             <tr>
@@ -156,6 +156,7 @@
                 <td>Secret *</td>
                 <td>
                     <input type="text" name="paramGoDaddySecret" maxlength="100" spellcheck="false"/>
+                    <p class="comment"><mask-warning></mask-warning></p>
                 </td>
             </tr>
         </tbody>
@@ -180,7 +181,7 @@
                 <td>认证密码 *<em>（auth-password）</em></td>
                 <td>
                     <input type="password" name="paramClouDNSAuthPassword" maxlength="100" spellcheck="false"/>
-                    <p class="comment">用户或者子用户的认证密码。</p>
+                    <p class="comment">用户或者子用户的认证密码。<mask-warning></mask-warning></p>
                 </td>
             </tr>
         </tbody>
@@ -198,7 +199,7 @@
                 <td>API Secret *</td>
                 <td>
                     <input type="text" name="paramDNSComSecret" maxlength="100" spellcheck="false"/>
-                    <p class="comment">在DNS.COM控制台账号中心--API设置中创建和查看。</p>
+                    <p class="comment">在DNS.COM控制台账号中心--API设置中创建和查看。<mask-warning></mask-warning></p>
                 </td>
             </tr>
         </tbody>
@@ -216,7 +217,7 @@
                 <td>API密钥 *</td>
                 <td>
                     <input type="text" name="paramDNSLaSecret" maxlength="100" spellcheck="false"/>
-                    <p class="comment">在DNS.LA控制台--账户信息中查看。</p>
+                    <p class="comment">在DNS.LA控制台--账户信息中查看。<mask-warning></mask-warning></p>
                 </td>
             </tr>
         </tbody>
@@ -234,6 +235,7 @@
                 <td>Secret Access Key *</td>
                 <td>
                     <input type="text" name="paramVolcEngineAccessKeySecret" maxlength="100" spellcheck="false"/>
+                    <p class="comment"><mask-warning></mask-warning></p>
                 </td>
             </tr>
         </tbody>
@@ -250,6 +252,7 @@
                 <td>Secret Access Key *</td>
                 <td>
                     <input type="text" name="paramAmazonRoute53AccessKeySecret" maxlength="100" spellcheck="false"/>
+                    <p class="comment"><mask-warning></mask-warning></p>
                 </td>
             </tr>
             <tr>
@@ -286,7 +289,7 @@
             <tr>
                 <td>客户端密码值 <br/><em>(Client Secret Value)</em> *</td>
                 <td><input type="text" name="paramAzureDNSClientSecret" maxlength="100" spellcheck="false"/>
-                    <p class="comment">可以在应用注册（App registrations）中对应应用的“证书和密码（Certificates &amp; secrets）”--“客户端密码（Client secrets）”中创建和查看。</p>
+                    <p class="comment">可以在应用注册（App registrations）中对应应用的“证书和密码（Certificates &amp; secrets）”--“客户端密码（Client secrets）”中创建和查看。<mask-warning></mask-warning></p>
                 </td>
             </tr>
             <tr>
@@ -338,6 +341,7 @@
                 <td>AccessKey密钥 *</td>
                 <td>
                     <input type="text" name="paramEdgeDNSAPIAccessKeySecret" maxlength="64"/>
+                    <p class="comment"><mask-warning></mask-warning></p>
                 </td>
             </tr>
         </tbody>

web/views/@default/dns/providers/updatePopup.html

@@ -46,7 +46,7 @@
                 <td>SecretKey *</td>
                 <td>
                     <input type="text" name="paramDNSPodAccessKeySecret" maxlength="100" v-model="provider.params.accessKeySecret"/>
-                    <p class="comment">在DNSPod控制台“账号中心--API密钥”中获取。</p>
+                    <p class="comment">在DNSPod控制台“账号中心--API密钥”中获取。<mask-warning></mask-warning></p>
                 </td>
             </tr>
 			<tr v-show="provider.params.apiType == null || provider.params.apiType.length == 0 || provider.params.apiType == 'dnsPodToken'">
@@ -60,7 +60,7 @@
 				<td>密钥Token *</td>
 				<td>
 					<input type="text" name="paramDNSPodToken" maxlength="100" v-model="provider.params.token" spellcheck="false"/>
-                    <p class="comment">在DNSPod控制台“账号中心--API密钥--DNSPod Token”中获取。</p>
+                    <p class="comment">在DNSPod控制台“账号中心--API密钥--DNSPod Token”中获取。<mask-warning></mask-warning></p>
 				</td>
 			</tr>
             <tr v-if="provider.params.apiType == null || provider.params.apiType.length == 0 || provider.params.apiType == 'dnsPodToken'">
@@ -87,7 +87,7 @@
 				<td>AccessKeySecret *</td>
 				<td>
 					<input type="text" name="paramAliDNSAccessKeySecret" maxlength="100" v-model="provider.params.accessKeySecret" spellcheck="false"/>
-					<p class="comment">登录阿里云控制台 -- 在"访问控制"中创建和获取。</p>
+					<p class="comment">登录阿里云控制台 -- 在"访问控制"中创建和获取。<mask-warning></mask-warning></p>
 				</td>
 			</tr>
             <tr>
@@ -112,7 +112,7 @@
                 <td>AccessKeySecret *</td>
                 <td>
                     <input type="text" name="paramHuaweiAccessKeySecret" maxlength="100" v-model="provider.params.accessKeySecret" spellcheck="false"/>
-                    <p class="comment">登录华为云控制台 -- 在"我的凭证 -- 访问密钥"中创建和获取。</p>
+                    <p class="comment">登录华为云控制台 -- 在"我的凭证 -- 访问密钥"中创建和获取。<mask-warning></mask-warning></p>
                 </td>
             </tr>
             <tr>
@@ -131,7 +131,7 @@
                 <td>API密钥 *</td>
                 <td>
                     <input type="text" name="paramCloudFlareAPIKey" maxlength="100" v-model="provider.params.apiKey" spellcheck="false"/>
-                    <p class="comment">在个人资料中的"API令牌"--"API密钥"--"Global API Key"中获取。</p>
+                    <p class="comment">在个人资料中的"API令牌"--"API密钥"--"Global API Key"中获取。<mask-warning></mask-warning></p>
                 </td>
             </tr>
             <tr>
@@ -156,6 +156,7 @@
                 <td>Secret *</td>
                 <td>
                     <input type="text" name="paramGoDaddySecret" maxlength="100" v-model="provider.params.secret" spellcheck="false"/>
+                    <p class="comment"><mask-warning></mask-warning></p>
                 </td>
             </tr>
         </tbody>
@@ -180,7 +181,7 @@
                 <td>认证密码 *<em>（auth-password）</em></td>
                 <td>
                     <input type="password" name="paramClouDNSAuthPassword" maxlength="100" v-model="provider.params.authPassword" spellcheck="false"/>
-                    <p class="comment">用户或者子用户的认证密码。</p>
+                    <p class="comment">用户或者子用户的认证密码。<mask-warning></mask-warning></p>
                 </td>
             </tr>
         </tbody>
@@ -198,7 +199,7 @@
                 <td>API Secret *</td>
                 <td>
                     <input type="text" name="paramDNSComSecret" maxlength="100" v-model="provider.params.secret" spellcheck="false"/>
-                    <p class="comment">在DNS.COM控制台账号中心--API设置中创建和查看。</p>
+                    <p class="comment">在DNS.COM控制台账号中心--API设置中创建和查看。<mask-warning></mask-warning></p>
                 </td>
             </tr>
         </tbody>
@@ -216,7 +217,7 @@
                 <td>API密钥 *</td>
                 <td>
                     <input type="text" name="paramDNSLaSecret" maxlength="100" v-model="provider.params.secret" spellcheck="false"/>
-                    <p class="comment">在DNS.LA控制台--账户信息中查看。</p>
+                    <p class="comment">在DNS.LA控制台--账户信息中查看。<mask-warning></mask-warning></p>
                 </td>
             </tr>
         </tbody>
@@ -234,6 +235,7 @@
                 <td>Secret Access Key *</td>
                 <td>
                     <input type="text" name="paramVolcEngineAccessKeySecret" maxlength="100" v-model="provider.params.accessKeySecret" spellcheck="false"/>
+                    <p class="comment"><mask-warning></mask-warning></p>
                 </td>
             </tr>
         </tbody>
@@ -250,6 +252,7 @@
                 <td>Secret Access Key *</td>
                 <td>
                     <input type="text" name="paramAmazonRoute53AccessKeySecret" maxlength="100" v-model="provider.params.accessKeySecret" spellcheck="false"/>
+                    <p class="comment"><mask-warning></mask-warning></p>
                 </td>
             </tr>
             <tr>
@@ -287,7 +290,7 @@
                 <td>客户端密码值 <br/><em>(Client Secret Value)</em> *</td>
                 <td>
                     <input type="text" name="paramAzureDNSClientSecret" maxlength="100" v-model="provider.params.clientSecret" spellcheck="false"/>
-                    <p class="comment">可以在应用注册（App registrations）中对应应用的“证书和密码（Certificates &amp; secrets）”--“客户端密码（Client secrets）”中创建和查看。</p>
+                    <p class="comment">可以在应用注册（App registrations）中对应应用的“证书和密码（Certificates &amp; secrets）”--“客户端密码（Client secrets）”中创建和查看。<mask-warning></mask-warning></p>
                 </td>
             </tr>
             <tr>
@@ -340,6 +343,7 @@
                 <td>AccessKey密钥 *</td>
                 <td>
                     <input type="text" name="paramEdgeDNSAPIAccessKeySecret" maxlength="64" v-model="provider.params.accessKeySecret"/>
+                    <p class="comment"><mask-warning></mask-warning></p>
                 </td>
             </tr>
         </tbody>