[移动开发]微信小程序（一）DES加密

? ? ? ?最近准备写一个小程序系列的学习文章，为了更好的融汇贯通各个知识点，就以一个项目为基础去实现。项目名称为卓园科技任务系统。

? ? ? ?首先，介绍一下这个项目大概思路，发布任务、接受任务、完成任务、结束任务。我会根据这个流程完成整个项目。同时也会有增加一个权限管理。前端用微信小程序，后端用基于JAVA的spring boot微服务。今天发布最近完成的功能，登录功能、验证码、处于安全考虑数据传输用前端用DES加密，后端用Java 解密。第一次用小程序做项目，也是边学边做，很多资料都来源于网上，然后自己加工整理。学好小程序就要熟悉小程序定义的标签。如果有Html和Css、JavaScript基础其实是不太难的。

? ? ? ? 在做登录功能时，涉及到事件绑定，特别需要注意验证码变换时单击事件不能绑定到image标签上，而是绑定view标签上。还有关于Des加密问题，前端Des加密和后端JAVA解密要注意编码的一致性。

本文源码获取，关注公众号 卓园科技，?

发送“卓园科技小程序DES”。

?

以下是部分关键前端代码：

//生成8位加密随机的key
function generateMixedRSAKey() {
? var chars = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'];
? var res = "";
? for (var i = 0; i < 8; i++) {
? ? var id = Math.ceil(Math.random() * 35);
? ? res += chars[id];
? }
? return res;
}
// des解密 g=密文 ，f=key
function encrypt(f, e) {
? var h = CryptoJS.enc.Utf8.parse(e);
? var g = CryptoJS.DES.encrypt(f, h, {
? ? mode: CryptoJS.mode.ECB,
? ? padding: CryptoJS.pad.Pkcs7
? });
? return g.toString()
}
// des加密 g=明文 ，f=key
function decrypt(g, f) {
? var h = CryptoJS.enc.Utf8.parse(f);
? var e = CryptoJS.DES.decrypt({
? ? ciphertext: CryptoJS.enc.Base64.parse(g)
? }, h, {
? ? mode: CryptoJS.mode.ECB,
? ? padding: CryptoJS.pad.Pkcs7
? });
? return e.toString(CryptoJS.enc.Utf8)
? }

后端关键代码：

/**
? ? ?* 加密明文输入,密文输出
? ? ?*/
? ? public String encrypt(String strMing) {
? ? ? ? byte[] byteMi = null;
? ? ? ? byte[] byteMing = null;
? ? ? ? String strMi = "";
? ? ? ? BASE64Encoder base64en = new BASE64Encoder();
? ? ? ? try {
? ? ? ? ? ? byteMing = strMing.getBytes("UTF8");
? ? ? ? ? ? byteMi = this.getEncCode(byteMing);
? ? ? ? ? ? strMi = base64en.encode(byteMi);
? ? ? ? } catch (Exception e) {
? ? ? ? ? ? throw new RuntimeException(
? ? ? ? ? ? ? ? ? ? "Error initializing SqlMap class. Cause: " + e);
? ? ? ? } finally {
? ? ? ? ? ? base64en = null;
? ? ? ? ? ? byteMing = null;
? ? ? ? ? ? byteMi = null;
? ? ? ? }
? ? ? ? return strMi;
? ? }
? ? /**
? ? ?* 解密 以密文输入,明文输出
? ? ?*
? ? ?* @param strMi
? ? ?* @return
? ? ?*/
? ? public String decrypt(String strMi) {
? ? ? ? BASE64Decoder base64De = new BASE64Decoder();
? ? ? ? byte[] byteMing = null;
? ? ? ? byte[] byteMi = null;
? ? ? ? String strMing = "";
? ? ? ? try {
? ? ? ? ? ? byteMi = base64De.decodeBuffer(strMi);
? ? ? ? ? ? byteMing = this.getDesCode(byteMi);
? ? ? ? ? ? strMing = new String(byteMing, "UTF8");
? ? ? ? } catch (Exception e) {
? ? ? ? ? ? /*throw new RuntimeException(
? ? ? ? ? ? ? ? ? ? "Error initializing SqlMap class. Cause: " + e);*/
? ? ? ? } finally {
? ? ? ? ? ? base64De = null;
? ? ? ? ? ? byteMing = null;
? ? ? ? ? ? byteMi = null;
? ? ? ? }
? ? ? ? return strMing;
? ? }

?