博客园登录 php,博客园加密登录--jsencrypt

约定不等于承诺〃 2023-01-16 09:41 720阅读 0赞

问题由来

前几天在做项目的时候，发现一般做登录的时候只是一个非常简单的form表单，但是这样肯定是不安全的！所以想去看看其他比较流行的网站是怎么实现的。说到安全，我第一个想到的就是去看支付宝，毕竟人家那么大的系统并且管理的是money啊! 结果，支付宝的登录确实复杂，chrome的F12竟然找不到。算了，看看我大博客园吧！

下面就是从博客园登录页面copy下来的js登录代码片段

博客园登录时采用的ajax发信http登录请求，就是采用jsencypt加密，以保护用户登录账号安全，一下是js片段代码

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118var return\_url = 'http://home.cnblogs.com/u/wxb0328/';

var ajax\_url = '/user' + '/signin';

var enable\_captcha = false;

var is\_in\_progress = false;

function setFocus()\{

document.getElementById('input1').focus();

function check\_enter(event)\{

if (event.keyCode == 13) \{

var target = event.target || event.srcElement;

if (target.id == "input1") \{

if (document.getElementById('input1').value == '') \{

$('\#tip\_input1').html("请输入登录用户名");

return;

else if (document.getElementById('input2').value == '') \{

document.getElementById("input2").focus();

return;

if (target.id == "input2") \{

if (document.getElementById('input2').value == '') \{

$('\#tip\_input2').html("请输入密码");

return;

signin\_go();

function signin\_go()\{

if(is\_in\_progress)\{

return;

$('\#tip\_input1').html('');

$('\#tip\_input2').html('');

var input1 = $.trim($('\#input1').val());

if (!input1) \{

$('\#tip\_input1').html("请输入登录用户名");

$('\#input1').focus();

return;

var input2 = $.trim($('\#input2').val());

if (!input2) \{

$('\#tip\_input2').html("请输入密码");

$('\#input2').focus();

return;

if(enable\_captcha)

var captchaCode = $.trim($('\#captcha\_code\_input').val());

if (!captchaCode)

$('\#tip\_captcha\_code\_input').html("请输入验证码");

$('\#captcha\_code\_input').focus();

return;

$('\#tip\_btn').html('提交中...');

var encrypt = new JSEncrypt();

encrypt.setPublicKey('MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCp0wHYbg/NOPO3nzMD3dndwS0MccuMeXCHgVlGOoYyFwLdS24Im2e7YyhB0wrUsyYf0/nhzCzBK8ZC9eCWqd0aHbdgOQT6CuFQBMjbyGYvlVYU2ZP7kG9Ft6YV6oc9ambuO7nPZh+bvXH0zDKfi02prknrScAKC0XhadTHT3Al0QIDAQAB');

var encrypted\_input1 = encrypt.encrypt($('\#input1').val());

var encrypted\_input2 = encrypt.encrypt($('\#input2').val());

var ajax\_data = \{

input1: encrypted\_input1,

input2: encrypted\_input2,

remember: $('\#remember\_me').prop('checked')

\};

if(enable\_captcha)\{

var captchaObj = $("\#captcha\_code\_input").get(0).Captcha;

ajax\_data.captchaId = captchaObj.Id;

ajax\_data.captchaInstanceId = captchaObj.InstanceId;

ajax\_data.captchaUserInput = $("\#captcha\_code\_input").val();

is\_in\_progress = true;

$.ajax(\{

url: ajax\_url,

type: 'post',

data: JSON.stringify(ajax\_data),

contentType: 'application/json; charset=utf-8',

dataType: 'json',

headers: \{

'VerificationToken': 'v8o6Zbt1bkghAprMyn-NuKazyejPBAjz21CtWG81iKijaJ5u4u37q22GSdkbB9aqIc9deUoBETwjJxGFh0jLPZTSnXc1:EnF2TIFu9G2Kd0NgQuSFsXzcWtXcEj7AdxylV6Rlt7k5rcmZOu3j9bcoPO1kiBKGjg1V0WFB9dj8rWXIW34di1ONV6c1'

\},

success: function (data)\{

if (data.success) \{

$('\#tip\_btn').html('登录成功，正在重定向...');

location.href = return\_url;

\} else \{

$('\#tip\_btn').html(data.message + "  
联系 contact@cnblogs.com");

is\_in\_progress = false;

if(enable\_captcha)

captchaObj.ReloadImage();

\},

error: function (xhr)\{

is\_in\_progress = false;

$('\#tip\_btn').html('抱歉！出错！联系 contact@cnblogs.com');

\});

$(function ()\{

$('\#signin').bind('click', function ()\{

signin\_go();

\}).val('登 录');

\});

可以看到博客园使用了一个js加密类库：jsencrypt，下面就来了解一下这个类库！

js的一个使用OpenSSL加密，解密，秘钥生成类库

A Javascript library to perform OpenSSL RSA Encryption, Decryption, and Key Generation

这里不对jsencrypt这个js类库做详细的介绍了，大家有兴趣可以去它的github主页学习，其实这个类库还是相对比较简单的，只要稍微看看就应该可以掌握。

PHP关于OpenSSL相关资料

关于后台PHP解密

下面贴出我自己写的测试demo

test.html

JavaScript RSA Encryption

// 使用jsencrypt类库加密js方法，

function encryptRequest(reqUrl, data, publicKey)\{

var encrypt = new JSEncrypt();

encrypt.setPublicKey(publicKey);

// ajax请求发送的数据对象

var sendData = new Object();

// 将data数组赋给ajax对象

for(var key in data)\{

sendData\[key\] = encrypt.encrypt(data\[key\]);

$.ajax(\{

url: reqUrl,

type: 'post',

data: sendData,

dataType: 'json',

success: function (data)\{

console.info(data);

\},

error: function (xhr)\{

console.error('出错了');

\});

// Call this code when the page is done loading.

$(function()\{

$('\#testme').click(function()\{

var data = \[\];

data\['username'\]= $('\#username').val();

data\['passwd'\]= $('\#passwd').val();

var pkey = $('\#pubkey').val();

encryptRequest('./test.php', data, pkey);

\});

Public Key

\-----BEGIN PUBLIC KEY-----

MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCBWNoG5LJ3u44Gs8PWs1MaNUQQ

\+mOmh+9zWdzSt3ORbmfCDvU+ssW/6QTTgXvWWx7+Wzq/a4fCCQp72zSqXeVhWkTV

ct9Hyp/iMo5K6qOEK76z9z+tP/u99X6qazeXGVMWKkPiyZT4mKAGd/U8Mph9Z1Z5

kOluA7g7heq8PPlE9wIDAQAB

\-----END PUBLIC KEY-----

Text to encrypt:

name:

password:

test.php

40<?php

// 接收客户端发送过来的经过加密的登录信息

$input = $\_POST;

// 私钥是放在服务器端的，用以验证和解密客户端经过公钥加密后的信息

$private\_key = '-----BEGIN RSA PRIVATE KEY-----

MIICXAIBAAKBgQCBWNoG5LJ3u44Gs8PWs1MaNUQQ+mOmh+9zWdzSt3ORbmfCDvU+

ssW/6QTTgXvWWx7+Wzq/a4fCCQp72zSqXeVhWkTVct9Hyp/iMo5K6qOEK76z9z+t

P/u99X6qazeXGVMWKkPiyZT4mKAGd/U8Mph9Z1Z5kOluA7g7heq8PPlE9wIDAQAB

AoGABPQwNX9gznEieWM9JuXrUt+jYbsVQfWG2DYi3Pclt/YwhyAniGU0aas1Ahy9

b3JB95/q2hX2Nxo9iozUsYmzFT99dm2HBsHDnpnUgpyDtGo9sXlhLktyey53UKRx

QJkW5dWWUQfssNrCe08N3vtLiDIy04lRQ8F0eJ/iklzk1HECQQC22pOz7V2K5/50

w9LA9UBSl7wWhTTY5G1gsBEm5tNmbM/ZqCJ1FXB4uuDgz0o0N0x8T8JkkPrRWH5q

GIHFRswVAkEAtRbV8PoLnyT73hxtCw0F17aaI8W5AGhvsbjdA6nMo6byBR5xKN+7

lalfXYEfXPnStHVNSnQVFjN3T06iJV6z2wJBAKj51rLYcLBT8XbQG+vK+FUa+WrK

UGr6tQU7z63mc4dcmLtoP+d5F4XKFNRLWyRj0d+zCU5MGCzrnW7IFOxMn30CQEtv

4N3K/C5mtLmZM9+npChxfBKs2l2OJAFwFjnhcUs3T5jMTq2NTlKRRRXppUwREjJ0

ryb15pbiB7C0/Bz/L4MCQC1AOKKjnqQEpINatjZLkyay0bXBih9GXovz3T1eAxaS

QOEzIC+hGjX+2x1z5jUwwKCgjVUaZdrx470SMJM2Js8=

\-----END RSA PRIVATE KEY-----';

// 公钥一般存放在登录页面中的一个隐藏域中，但是请注意：公钥和私钥一定要配对，且必须保证私钥的安全

$public\_key = '-----BEGIN PUBLIC KEY-----

MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCBWNoG5LJ3u44Gs8PWs1MaNUQQ

\+mOmh+9zWdzSt3ORbmfCDvU+ssW/6QTTgXvWWx7+Wzq/a4fCCQp72zSqXeVhWkTV

ct9Hyp/iMo5K6qOEK76z9z+tP/u99X6qazeXGVMWKkPiyZT4mKAGd/U8Mph9Z1Z5

kOluA7g7heq8PPlE9wIDAQAB

\-----END PUBLIC KEY-----';

/\*\*

\* 使用PHP OpenSSL时，最好先看看手册，了解如何开启OpenSSL 和 其中的一些方法的使用

\* 具体如何使用这里不做赘述，大家去看看PHP手册，什么都就解决了

\*/

$pi\_key = openssl\_pkey\_get\_private($private\_key);//这个函数可用来判断私钥是否是可用的，可用返回资源id Resource id

$pu\_key = openssl\_pkey\_get\_public($public\_key);//这个函数可用来判断公钥是否是可用的

$decrypted = "";

openssl\_private\_decrypt(base64\_decode($input\['username'\]),$decrypted,$pi\_key);//私钥解密

// 这里的这个 $decrypted就是解密客户端发送过来的用户名，至于后续连接数据库验证登录信息的代码，这里也就省略了

echo json\_encode($decrypted);

效果

![88d44c1d7de7fa46dc12e055f002c654.png][]

总结

使用OpenSSL的方式加密可以达到比较安全的级别，在平时项目中非常有用！在以后工作中可以多多学习、使用、积累经验

[88d44c1d7de7fa46dc12e055f002c654.png]: /images/20221022/a1de38bee1b84da19a24bbafd2dfe721.png

博客园登录 php,博客园加密登录--jsencrypt

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关博客园文章共享

相关博客园设置

相关博客园美化笔记

相关博客园美化

相关博客园登录 php,博客园加密登录--jsencrypt

相关博客园如何转载

相关博客园背景美化

相关为什么选择博客园

相关博客园阅读说明

相关加入博客园