使用HTMLform表单操作腾讯云DNS控制台
在使用中经常需要修改DNS记录，或者查询、删除操作。每次都得登录腾讯云控制台，腾讯云比较鸡肋的一点就是需要进行微信扫码登录，每次操作太不方便。
可以使用api接口进行操作腾讯云上的产品。所以使用HTML写了一个前端页面，暂时没有美化，目前只有基础功能。
前端代码如下，同时可以访问：http://dns.oiox.cn/ 使用
<!--
* @Author: 陈步云
* @Date: 2022-01-07 16:52:23
* @LastEditTime: 2022-03-29 15:09:56
* @LastEditors: Please set LastEditors
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @FilePath: /html/index.nginx-debian.html
-->
<!DOCTYPE html>
<html>
<head>
<title>Welcome to chenby!</title>
<meta charset="UTF-8">
<!-- <script src="http://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="http://oss.maxcdn.com/jquery.form/3.50/jquery.form.min.js"></script> -->
<style>
body {
width: 50em;
margin: auto;
font-family: Tahoma, Verdana, Arial, sans-serif;
}
h1{
text-align:center
}
button{
display:block;
margin:0 auto
}
</style>
</head>
<body>
<h1>腾讯云DNS记录控制台</h1>
<h2>查询记录</h2>
<form action="https://dnsapi.cn/Record.List" method="POST" >
<div>
* 腾讯云token <input name="login_token" type="text"> <br> <br>「去控制台创建 https://console.dnspod.cn/account/token/token <br> 比如 ID 为：13490,ToKen为：6b5976c68aba5b14a0558b77c17c3932。<br> 即完整的 Token 为：13490,6b5976c68aba5b14a0558b77c17c3932 。」 <br> <br>
</div>
<div>
返回类型 <input name="format" type="text" value="json">「默认json」<br><br>
</div>
<div>
* 操作域名 <input name="domain" type="text">「如 oiox.cn」<br><br>
</div>
<div>
子域名 <input name="sub_domain" type="text">「www」<br><br>
</div>
<div>
<button type="submit" value="提交">提交</button>
</div>
</form>
<h2>新增记录</h2>
<form action="https://dnsapi.cn/Record.Create" method="POST">
<div>
* 腾讯云token <input name="login_token" type="text"> <br> <br>「去控制台创建 https://console.dnspod.cn/account/token/token <br> 比如 ID 为：13490,ToKen为：6b5976c68aba5b14a0558b77c17c3932。<br> 即完整的 Token 为：13490,6b5976c68aba5b14a0558b77c17c3932 。」 <br> <br>
</div>
<div>
返回类型 <input name="format" type="text" value="json"> 「默认json」<br><br>
</div>
<div>
* 操作域名 <input name="domain" type="text"> 「如 oiox.cn」<br><br>
</div>
<div>
* 记录类型：
<select name="record_type" type="text">
<option value="A">A</option>
<option value="AAAA">AAAA</option>
<option value="SPF">SPF</option>
<option value="CAA">CAA</option>
<option value="CNAME">CNAME</option>
<option value="MX">MX</option>
<option value="TXT">TXT</option>
</select>
<br>
<br>
</div>
<div>
* 主机记录 <input name="sub_domain" type="text"> 「如 www 」<br><br>
</div>
<div>
解析线路：
<select name="record_line" type="text">
<option value="默认">默认</option>
<option value="联通">联通</option>
<option value="移动">移动</option>
<option value="电信">电信</option>
<option value="铁通">铁通</option>
<option value="境内">境内</option>
<option value="境外">境外</option>
</select>
<br>
<br>
</div>
<div>
* 记录值 <input name="value" type="text"> <br>「如 IPv6:2620:119:35::35 IPv4:8.8.8.8, CNAME: cname.dnspod.com., MX: mail.dnspod.com. 等等」<br><br>
</div>
</div>
<div>
<button type="submit" value="提交">提交</button>
</div>
</form>
<h2>修改记录</h2>
<form action="https://dnsapi.cn/Record.Modify" method="POST">
<div>
* 腾讯云token <input name="login_token" type="text"> <br> <br>「去控制台创建 https://console.dnspod.cn/account/token/token <br> 比如 ID 为：13490,ToKen为：6b5976c68aba5b14a0558b77c17c3932。<br> 即完整的 Token 为：13490,6b5976c68aba5b14a0558b77c17c3932 。」 <br> <br>
</div>
<div>
返回类型 <input name="format" type="text" value="json"> 「默认json」<br><br>
</div>
<div>
* 操作域名 <input name="domain" type="text"> 「如 oiox.cn」<br><br>
</div>
<div>
* 记录ID <input name="record_id" type="text"> 「先使用查询功能查询到record_id」<br><br>
</div>
<div>
* 记录类型：
<select name="record_type" type="text">
<option value="A">A</option>
<option value="AAAA">AAAA</option>
<option value="SPF">SPF</option>
<option value="CAA">CAA</option>
<option value="CNAME">CNAME</option>
<option value="MX">MX</option>
<option value="TXT">TXT</option>
</select>
<br>
<br>
</div>
<div>
* 主机记录 <input name="sub_domain" type="text"> 「如 www 」<br><br>
</div>
<div>
解析线路：
<select name="record_line" type="text">
<option value="默认">默认</option>
<option value="联通">联通</option>
<option value="移动">移动</option>
<option value="电信">电信</option>
<option value="铁通">铁通</option>
<option value="境内">境内</option>
<option value="境外">境外</option>
</select>
<br>
<br>
</div>
<div>
* 修改记录值 <input name="value" type="text"> <br>「如 IPv6:2620:119:35::35 IPv4:8.8.8.8, CNAME: cname.dnspod.com., MX: mail.dnspod.com. 等等」<br><br>
</div>
</div>
<div>
<button type="submit" value="提交">提交</button>
</div>
</form>
<h2>删除记录</h2>
<form action="https://dnsapi.cn/Record.Remove" method="POST">
<div>
* 腾讯云token <input name="login_token" type="text"> <br> <br>「去控制台创建 https://console.dnspod.cn/account/token/token <br> 比如 ID 为：13490,ToKen为：6b5976c68aba5b14a0558b77c17c3932。<br> 即完整的 Token 为：13490,6b5976c68aba5b14a0558b77c17c3932 。」 <br> <br>
</div>
<div>
返回类型 <input name="format" type="text" value="json"> 「默认json」<br><br>
</div>
<div>
* 操作域名 <input name="domain" type="text"> 「如 oiox.cn」<br><br>
</div>
<div>
* 记录ID <input name="record_id" type="text"> 「先使用查询功能查询到record_id」<br><br>
</div>
<div>
<button type="submit" value="提交">提交</button>
</div>
</form>
</body>
</html>
会返回一个json解析，建议安装FeHelper工具，可以美化json，方便阅读。
https://www.oiox.cn/
https://www.chenby.cn/
https://cby-chen.github.io/
https://weibo.com/u/5982474121
https://blog.csdn.net/qq_33921750
https://my.oschina.net/u/3981543
https://www.zhihu.com/people/chen-bu-yun-2
https://segmentfault.com/u/hppyvyv6/articles
https://juejin.cn/user/3315782802482007
https://space.bilibili.com/352476552/article
https://cloud.tencent.com/developer/column/93230
https://www.jianshu.com/u/0f894314ae2c
https://www.toutiao.com/c/user/token/MS4wLjABAAAAeqOrhjsoRZSj7iBJbjLJyMwYT5D0mLOgCoo4pEmpr4A/
CSDN、GitHub、知乎、开源中国、思否、掘金、简书、腾讯云、哔哩哔哩、今日头条、新浪微博、个人博客、全网可搜《小陈运维》
使用HTMLform表单操作腾讯云DNS控制台的更多相关文章
- js控制表单操作的常用代码小结
收集了一些在WEB前台开发中常用的一些控制表单操作函数. 1.鼠标经过时自动选择文本鼠标划过自动选中:<input type="text" value="默认值&q ...
- 不可错过的10个超棒jQuery表单操作代码片段
jQuery 绝对是一个伟大的开源javascript类库,是帮助我们快速和高效开发前端应用的利器.可能大家在日常的开发过程中常常会处理表单相关的 javascript,在今天这篇代码片段分享文章中, ...
- 10 个实用的 jQuery 表单操作代码片段
jQuery 绝对是一个伟大的开源JavaScript类库,是帮助我们快速和高效开发前端应用的利器.可能大家在日常的开发过程中常常会处理表单相关的 JavaScript,在今天这篇代码片段分享文章中, ...
- 10个超棒jQuery表单操作代码片段
jQuery绝对是一个伟大的开源javascript类库,是帮助我们快速和高效开发前端应用的利器.可能大家在日常的开发过程中常常会处理表单相关的javascript,在今天这篇代码片段分享文章中,这里 ...
- JS 08表单操作_表单域
一.表单的获取方式 document.getElementById() document.forms[index]; document.forms[form_name] document.form_n ...
- selenium多表单操作与多窗口，以及警告框处理
知识是需要经常温习的,不然是很容易遗忘的. 以前自己操作IFRAME,多窗口的时候,觉得很简单.半年没有操作自动化了,知识又还了回去. 写博客有一个好处,可以把自己记住的知识点记录下来,这样,以后自己 ...
- Jquery操作radio,checkbox,select表单操作实现代码
一 .Select jQuery获取Select选择的Text和Value: 1. $("#select_id").change(function(){//code...}); / ...
- HTML表单操作的记录
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- 用easy-ui中的表单操作实现一行操作和多行操作
http://blog.sina.com.cn/s/blog_8e50ede90101fff9.html
- fastadmin后台：在表单操作项添加操作按钮并控制弹出页面的大小
1.进入对应目录:eg(public/assets/js/backend/conmpany.js) 2.在field:'operate' 中添加buttons 源码: {field: 'operate ...
随机推荐
- 6-8次PTA题目集总结
一,前言 1,第六次作业(针对电信计费) 本次作业主要是对类的操作,题目已经给出类图,类图里面已经给了各种方法以及属性.此次作业涉及了座机的计费方式,市内省内省外怎么计费.难度偏难,主要是各类之间怎么 ...
- Flink状态后端的对比及机制
1. Flink状态后端的类型: MemoryStateBackend FsStateBackend RocksDBStateBackend 2. 各状态后端对比: 2.1 MemoryStateBa ...
- ES6知识点总结
声明变量 let 不能重复声明 块级作用域 可修改let变量的值 , const 不能重复声明 块级作用域 不能修改const 变量的值 2. 箭头函数 而箭头函数的this指向函数定义时所 ...
- 使用React脚手架初始化项目
1.npx create-react-app my-app------>是项目名 2.cd my-app 3.npm start
- 怎样修改linux内核
1.先查看linux内核 uname -a 2.打开内核配置文件 sudo vi /etc/default/grub 3.跟新grub文件 sudo update-grub 4.最后重启电脑 sudo ...
- Linux系列---【U盘插入后，linux系统如何查看U盘中的内容？】
U盘插入后,linux系统如何查看U盘中的内容? 1.插入U盘 2.输入命令查看U盘是否插入成功 sudo fdisk -l 输入上面命令后,在最下面Device Boot一栏查看自己的U盘所在的分区 ...
- Python+unittest+requests 接口自动化测试框架搭建 完整的框架搭建过程 实战
一.Python+unittest+requests+HTMLTestRunner 完整的接口自动化测试框架搭建_00--框架结构简解 首先配置好开发环境,下载安装Python并下载安装pycharm ...
- 设计模式 （Design Pattern）C# -- 简介
简介 设计模式(Design Pattern)是对面向对象设计中反复出现的问题的解决方案. 设计模式代表了最佳的实践,通常被有经验的面向对象的软件开发人员所采用. 设计模式是软件开发人员在软件开发过程 ...
- Oracle联机备份与恢复
联机备份又称为热备份,在数据库运行的情况下对数据库进行物理备份.进行联机备份,数据库必须运行在归档日志(ARCHIVELOG)模式下. 联机完全备份步骤: 1.设置归档日志模式,创建恢复目录用的表空间 ...
- 初学，Markdown的使用
Markdown学习 一级标题:"#"+空格+"标题" 二级标题 二级标题:"##"+空格+"标题" 三级标题 三级标题 ...