二次认证添加 &&安全模块整理

show-server/src/main/java/com/ai/ipu/show/bean/SceneBean.java

@@ -1,20 +1,22 @@
package com.ai.ipu.show.bean;
import java.awt.image.BufferedImage;
import java.util.Random;
import org.apache.log4j.Logger;
import com.ai.ipu.server.util.MobileUtility;
import com.ai.ipu.show.core.bean.IpuAppBean;
import com.ai.ipu.show.core.context.IpuContextData;
import com.ai.ipu.show.core.session.IpuSessionManager;
import com.ai.ipu.show.util.ImageVerify;
import com.ai.ipu.show.util.safe.AuthGenerator;
import com.ailk.common.data.IData;
import com.ailk.common.data.impl.DataMap;
import org.apache.log4j.Logger;
import java.awt.image.BufferedImage;
import java.util.Random;
public class SceneBean extends IpuAppBean {
	private static final String key = "nkqbtjevrmnxofcwrgwq3xuwoj3tmwcj";//二次认证约定秘钥
	private static final Logger LOGGER = Logger.getLogger(SceneBean.class);
	
	/**
@@ -236,4 +238,12 @@ public class SceneBean extends IpuAppBean {
		}
		return result;
	}
	public IData verifyCode(IData param){
		String code = param.getString("code");
		IData result = new DataMap();
		boolean isVerify = AuthGenerator.verify(key,code);
		result.put("result",isVerify);
		return result;
	}
}

show-server/src/main/resources/server-data.xml

@@ -11,4 +11,6 @@
	<!--测试请求-->
	<action name="SceneBean.dataRequestScene" class="com.ai.ipu.show.bean.SceneBean" method="dataRequestScene" verify="false"></action>
	<!-- 二次认证-->
	<action name="SceneBean.verifyCode" class="com.ai.ipu.show.bean.SceneBean" method="verifyCode" verify="false"></action>
</datas>

show-server/src/main/resources/server-page.xml

@@ -35,9 +35,13 @@
    <action name="LocalStorage" template="template/webapp/plugins/localStorage.html"></action>
    <action name="WDFImageCache" template="template/webapp/plugins/WDFImageCache.html"></action>
    <action name="ImageSave" template="template/webapp/plugins/image.html"></action>
    <action name="FingerprintUnlock" template="template/webapp/plugins/fingerprintUnlock.html"></action>
    <action name="DownloadFile" template="template/webapp/plugins/downloadFile.html"></action>
    
    <!-- 安全 -->
    <action name="Safe" template="template/webapp/plugins/safe/safe.html"></action>
    <action name="FingerprintUnlock" template="template/webapp/plugins/safe/fingerprintUnlock.html"></action>
    <action name="SecondVerify" template="template/webapp/plugins/safe/secondVerify.html"></action>
    <!-- JS组件 -->
    <action name="Carousel" template="template/webapp/jsComponent/carousel.html"></action>
    <action name="Refresh" 	template="template/webapp/jsComponent/refresh.html"></action>

show-server/src/main/webapp/biz/js/plugins/safe/safe.js

@@ -0,0 +1,13 @@
require(["wadeMobile","jcl","ipuUI",'mobile'],function(WadeMobile,$,ipuUI,Mobile){
    $('#toFinger').click(function(){
        Mobile.openPage('FingerprintUnlock');
    });
    $('#toSecondeVry').click(function () {
        Mobile.openPage('SecondVerify');
    });
    $('#toGesture').click(function () {
        alert("原生插件开发中...");
    });
});

show-server/src/main/webapp/biz/js/plugins/safe/secondVerify.js

@@ -0,0 +1,23 @@
require(["wadeMobile","jcl","common",'util'], function(WadeMobile,$,Common) {
    $('#createCode').click(function () {
        WadeMobile.createSecondVerify(function (result) {
            $('#verifyCodeDisplay').html(result);
        });
    });
    
    $('#sendVerifyCode').click(function () {
        var param = new Wade.DataMap();
        param.put("code",$.trim($("#verifyCodeInput").val()));
        Common.callSvc("SceneBean.verifyCode",param,function (resultData) {
            alert(resultData);
            if(typeof (resultData) == "string"){
                resultData = new Wade.DataMap(resultData);
            }
            var result = resultData.get("result");
            alert("认证结果为：" + result);
        },null,function (errData) {
            alert("插件调用异常信息:" + errData);
        });
    });
});

show-server/src/main/webapp/ipu/frame/mobile/expand-mobile.js

@@ -476,8 +476,12 @@ define(["require","jcl"],function(require,Wade) {
			},downloadFile:function(type,url,relPath,callback){
				storageCallback("downloadFile",callback);
				execute("downloadFile",[type,url,relPath]);
			}
			
			},createSecondVerify:function(callback) {
                storageCallback("createSecondVerify",callback);
                execute("createSecondVerify",[]);
            },authSecondVerify:function () {
            }
		};
	})();
	

show-server/src/main/webapp/template/webapp/about/index-list.html

@@ -1,6 +1,6 @@
<div class="ipu-flex-content">
	<div class="app-about-logo">
		<img src="biz/img/IPU logo_Display.png">
		<img src="biz/img/IPU_logo_Display.png">
		<p class="app-about-name">IPU秀</p>
		<p class="app-about-version">版本号:3.0.0</p>
	</div>

show-server/src/main/webapp/template/webapp/plugins/index-list.html

@@ -125,9 +125,9 @@
	        <p>保存图片</p>
	    </li>
	    <li data-action="FingerprintUnlock">
	    <li data-action="Safe">
	        <div class="ipu-icon mdi mdi-image-area-close"></div>
	        <p>指纹解锁</p>
	        <p>安全</p>
	    </li>
		<li data-action="DownloadFile">

show-server/src/main/webapp/template/webapp/plugins/fingerprintUnlock.html

@@ -3,7 +3,7 @@
<head>
	<title>指纹解锁</title>
	{%>template/common/Head.html%}
	<script type="text/javascript" src="biz/js/plugins/fingerprintUnlock.js"></script>
	<script type="text/javascript" src="biz/js/plugins/safe/fingerprintUnlock.js"></script>
</head>
<body>

show-server/src/main/webapp/template/webapp/plugins/safe/safe.html

@@ -0,0 +1,76 @@
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>安全</title>
    {%>template/common/Head.html%}
    <script src="biz/js/plugins/safe/safe.js"></script>
</head>
<body>
    <div class="ipu-flex-row ipu-flex-vertical">
        <div class="ipu-flex-col">
            <header class="ipu-toolbar">
                <a class="ipu-fn-left page-back" href="javascript:;">
                    <i class="ipu-icon mdi mdi-chevron-left"></i>
                </a>
                <h1 class="ipu-toolbar-title">界面跳转</h1>
            </header>
        </div>
        <div class="ipu-flex-col ipu-flex-col-auto">
            <div class="page-content">
                <div class="demo-item">
                    <div class="demo-title">指纹解锁</div>
                        <div class="ipu-list">
                            <ul>
                                <li class="ipu-list-item">
                                    <div class="ipu-list-item-inner">
                                        <div class="ipu-list-item-title">打开指纹解锁样例</div>
                                        <div class="ipu-list-item-after">
                                            <button class="ipu-btn ipu-btn-s" id="toFinger">点击</button>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    <div class="demo-title">二次验证</div>
                    <div class="ipu-list">
                        <ul>
                            <li class="ipu-list-item">
                                <div class="ipu-list-item-inner">
                                    <div class="ipu-list-item-title">打开二次验证样例</div>
                                    <div class="ipu-list-item-after">
                                        <button class="ipu-btn ipu-btn-s" id="toSecondeVry">点击</button>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="demo-title">手势锁</div>
                    <div class="ipu-list">
                        <ul>
                            <li class="ipu-list-item">
                                <div class="ipu-list-item-inner">
                                    <div class="ipu-list-item-title">打开原生手势锁界面</div>
                                    <div class="ipu-list-item-after">
                                        <button class="ipu-btn ipu-btn-s" id="toGesture">点击</button>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>

show-server/src/main/webapp/template/webapp/plugins/safe/secondVerify.html

@@ -0,0 +1,62 @@
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>二次验证</title>
    {%>template/common/Head.html%}
    <script src="biz/js/plugins/safe/secondVerify.js"></script>
</head>
<body>
    <div class="ipu-flex-row ipu-flex-vertical">
        <div class="ipu-flex-col">
            <header class="ipu-toolbar">
                <a class="ipu-fn-left page-back" href="javascript:;">
                    <i class="ipu-icon mdi mdi-chevron-left"></i>
                </a>
                <h1 class="ipu-toolbar-title">二次认证</h1>
            </header>
        </div>
        <div class="ipu-flex-col ipu-flex-col-auto">
            <div class="page-content">
                <div class="demo-item">
                    <div class="demo-title">获取</div>
                    <div class="demo-body">
                    <div class="demo-content">
                        <div class="ipu-flex ipu-flex-middle">
                            <div class="ipu-flex-grow-0" id="verifyCodeDisplay">请生成</div>
                        </div>
                        <div class=" ipu-fn-m-t">
                            <button class="ipu-btn" id="createCode">点击生成</button>
                        </div>
                    </div>
                    </div>
                </div>
                <div class="demo-item">
                    <div class="demo-title">认证</div>
                    <div class="demo-body">
                        <div class=demo-content>
                            <div class="ipu-flex ipu-flex-middle">
                                <div class="ipu-flex-grow-0">输入认证码:</div>
                                <div class="ipu-flex-grow-1">
                                    <input type="text" class="search-input" id="verifyCodeInput"
                                            />
                                </div>
                            </div>
                            <div class=" ipu-fn-m-t">
                                <button class="ipu-btn" id="sendVerifyCode">进行认证</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>>
</body>
</html>