关于开发证书配置(Certificates & Identifiers & Provisioning Profiles),相信做开发的同学没少被折腾。只有拥有开发者账号,才可以申请开发/发布证书及相关配置授权文件。
我们在开发EasyNVR的时候也加入了证书配置功能,在配置界面可上传域名证书文件。但是有开发偶尔会碰到点击SSL_CERT的上传按钮,选择文件上传后,系统会将地址自动填入SSL_KEY的文本框。
于是我们开始排查是否是后端的问题,当我们点击上传后,证书配置的界面会弹出“上传配置成功”的字样 说明调用上传文件接口没有错,那就排除了不是后端的问题。
随后来到前端查看代码,发现是我们将两个上传路径调用了同一个上传文件接口,所以需要将SSL_KEY接口修改为verifyfullchain。
<div class="option">
<h2>其他信息</h2>
<el-form-item label="SSL_CERT上传:" prop="CrtFile">
<el-input v-model="formData.CrtFile" :placeholder="sslsertPlaceholder">
<el-upload slot="append" class="avatar-uploader" :action="verifyfullchain()" name="file" accept=".crt, .pem, .key, .cer" :on-success="checkCode" :show-file-list="false" :on-exceed="handleExceed" :on-error="onError">
<i class="Icon iconshangchuan upload"></i>
</el-upload>
</el-input>
</el-form-item>
<el-form-item label="SSL_KEY上传:" prop="KeyFile">
<el-input v-model="formData.KeyFile" :placeholder="sslkeyPlaceholder">
<el-upload slot="append" class="avatar-uploader" :action="verifyprivkey()" name="file" accept=".crt, .pem, .key, .cer" :on-success="checkCode" :show-file-list="false" :on-exceed="handleExceed" :on-error="onError">
<i class="Icon iconshangchuan upload"></i>
</el-upload>
</el-input>
</el-form-item>
</div>
修改完毕后,我们可以看到上传文件显示了成功,同时地址也自动填入了对应的文本框中。
如果大家想详细了解视频监控可视化服务,可以联系我们咨询,除EasyNVR外,还有EasyGBS、EasyDSS等解决方案,欢迎大家的咨询。