添加RSA签名验签功能 #84

1. 签名验签库使用了jsrsasign作为算法库
2. 添加了签名验签页面路由和相关配置文件

package.json

@@ -30,6 +30,8 @@
         "js-yaml": "^3.14.1",
         "json-to-properties": "^1.1.3",
         "jsonlint": "^1.6.3",
+        "jsrsasign": "^10.4.1",
+        "jsrsasign-util": "^1.0.5",
         "jwt-decode": "^3.1.2",
         "lodash": "^4.17.21",
         "mime-types": "^2.1.33",

src/config.js

@@ -34,6 +34,7 @@ const tool = [
         'title': '加密/解密',
         'cat': ['encryption']
     },
+    {'name': 'sign', 'title': '签名/验签', 'cat': ['encryption']},
     {'name': 'base64', 'title': 'BASE64编码', 'cat': ['encryption']},
     {'name': 'json', 'title': 'JSON工具', 'cat': ['conversion', 'serialize']},
     {'name': 'url', 'title': 'URL编码', 'cat': ['conversion']},

src/tool.router.js

@@ -46,6 +46,10 @@ const routes = [
         path: '/tool/encrypt',
         component: r => require(['./views/tool/encrypt.vue'], r)
     },
+    {
+        path: '/tool/sign',
+        component: r => require(['./views/tool/sign.vue'], r)
+    },
     {
         path: '/tool/hash',
         component: r => require(['./views/tool/hash.vue'], r)

src/views/tool/sign.vue

+<template>
+  <div>
+    <Input v-model="current.signData" :rows="7" type="textarea" placeholder="待签名内容/验签数据"></Input>
+    <Input v-model="current.privateKey" :rows="7" type="textarea" placeholder="PEM格式私钥"></Input>
+    <option-block>
+      <FormItem>
+        <Select v-model="current.algorithm" style="width: 200px">
+          <Option v-for="v in algorithm" :value="v" :key="v">{{ v }}</Option>
+        </Select>
+      </FormItem>
+      <FormItem>
+        <ButtonGroup>
+          <Button type="primary" @click="sign()">签名</Button>
+          <Button type="primary" @click="verify()">验签</Button>
+        </ButtonGroup>
+
+      </FormItem>
+    </option-block>
+    <Input v-model="current.publicKey" :rows="7" type="textarea" placeholder="PEM格式公钥"></Input>
+    <Input v-model="current.verifyCode" :rows="7" type="textarea" placeholder="Base64编码后签名"></Input>
+  </div>
+</template>
+
+<script>
+import rs from "jsrsasign";
+
+export default {
+  created() {
+    this.current = Object.assign(this.current, this.$getToolData('input'))
+  },
+  methods: {
+    sign() {
+      let rs = require('jsrsasign')
+      if (this.current.signData && this.current.privateKey) {
+        let rsaPrivateKey
+        try {
+          rsaPrivateKey = rs.KEYUTIL.getKey(this.current.privateKey)
+        } catch (e) {
+          this.$Message.error("无效私钥"+e)
+        }
+        let sign
+        try {
+          sign = new rs.KJUR.crypto.Signature({alg: this.current.algorithm})
+        } catch (e) {
+          this.$Message.error("无效签名算法")
+        }
+        sign.init(rsaPrivateKey)
+        sign.updateString(this.current.signData)
+        let signResult
+        try {
+          signResult = sign.sign()
+        } catch (e) {
+          this.$Message.error("签名时出现异常" + e)
+        }
+        // 转为base64
+        this.current.verifyCode = rs.hex2b64(signResult)
+        // 自动复制签名结果到剪切板
+        this.$clipboardCopy(this.current.verifyCode);
+        // 保存历史记录
+        this.$saveToolData(this.current);
+      }
+    },
+    verify() {
+      if (this.current.verifyCode && this.current.publicKey) {
+        let rsaPublicKey
+        try {
+          rsaPublicKey = rs.KEYUTIL.getKey(this.current.publicKey)
+        } catch (e) {
+          this.$Message.error("无效公钥")
+        }
+        let sign
+        try {
+          sign = new rs.KJUR.crypto.Signature({alg: this.current.algorithm})
+        } catch (e) {
+          this.$Message.error("无效签名算法")
+        }
+        sign.init(rsaPublicKey)
+        sign.updateString(this.current.signData)
+        let hexData = rs.b64tohex(this.current.verifyCode)
+        let verifyResult = sign.verify(hexData)
+        if (verifyResult) {
+          this.$Message.info("验签成功")
+        } else {
+          this.$Message.error("验签失败")
+        }
+      }
+    }
+  },
+  data() {
+    return {
+      current: {
+        signData: '',
+        privateKey: '',
+        publicKey: '',
+        verifyCode: '',
+        algorithm: 'MD5withRSA'
+      },
+      algorithm: ["MD5withRSA", "SHA1withRSA", "SHA256withRSA", "SHA512withRSA"]
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file