new demo

Rap-ID · Jun 20, 2015 · 60ac9ce · 60ac9ce
1 parent 02ff400
commit 60ac9ce
Show file tree

Hide file tree

Showing 6 changed files with 40 additions and 12 deletions.
diff --git a/config/default.yml b/config/default.yml
@@ -3,6 +3,8 @@ server:
   salt: rapid
   // environment of server: [ debug, production ]
   env: debug
+  base: http://rapid.cotr.me/
+  api: http://rapid.cotr.me/api/
 database:
   host: 127.0.0.1
   port: 3306
@@ -11,11 +13,11 @@ database:
   db: rapid
 site:
   front: Rap-ID
-  demo: Rap支付
+  demo: Rap身份
 log:
   level: error
 content:
   front:
     banner: 快速安全实名认证算法
   demo:
-    banner: Rap-ID支付演示
+    banner: 基于Rap-ID的电子身份证系统
diff --git a/routes/demo/index.js b/routes/demo/index.js
@@ -7,17 +7,21 @@ router.get('/', function(req, res, next) {
   res.render('demo/index', {
     title: config.get('site.demo'),
     banner: config.get('content.demo.banner'),
-    home_title: config.get('site.demo')
+    home_title: config.get('site.demo'),
+    uri: 'rapid://authorize/?callback=' + encodeURIComponent(config.get('server.base') + 'demo/callback?token=') +
+      '&app=916FA0569B0135402A84FF2506C3CEC553241D568A0796F9F08A603AFB6BCB036FDC4A61DE218540CFAD0A7A7D52AC1345EDAFDCC02CC5330311DC40CDB6B3F3E36540ED759398F89F8A913E469805C497FB6DEE0E7B95A4'
   });
 });
 // GET /callback
-router.get('/callback', function(req,res,next){
-  res.render('demo/index',{
+router.get('/callback', function(req, res, next) {
+  res.render('demo/callback', {
     title: config.get('site.demo'),
     banner: config.get('content.demo.banner'),
     home_title: config.get('site.demo'),
-    token: req.query.token
-  })
+    token: req.query.token,
+    demo_callback: true,
+    api: config.get('server.api')
+  });
 });
 
 module.exports = router;
diff --git a/views/demo/callback.hbs b/views/demo/callback.hbs
@@ -0,0 +1,9 @@
+<h1>{{banner}} - 用户信息</h1>
+<div class="progress" id="loading">
+  <div class="indeterminate"></div>
+</div>
+<div id="data">
+  <p id="name">姓名：</p>
+  <p id="idnum">身份证号码：</p>
+  <p id="uname">Rap-ID用户名：</p>
+</div>
diff --git a/views/demo/index.hbs b/views/demo/index.hbs
@@ -1 +1,2 @@
-hi
+<h1>{{banner}}</h1>
+<a class="waves-effect waves-light btn" id="login" href="{{uri}}"><i class="mdi-file-cloud left" href=""></i>用Rap-ID登陆</a>
diff --git a/views/demo/layout.hbs b/views/demo/layout.hbs
diff --git a/views/layout.hbs b/views/layout.hbs
@@ -2,7 +2,7 @@
 <html>
 
 <head>
-  <link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection" />
+  <link type="text/css" rel="stylesheet" href="/css/materialize.min.css" media="screen,projection" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
   <title>{{title}}</title>
   <meta charset="utf-8">
@@ -14,8 +14,21 @@
     {{{body}}}
   </div>
   {{>footer}}
-  <script type="text/javascript" src="js/jquery.min.js"></script>
-  <script type="text/javascript" src="js/materialize.min.js"></script>
+  <script type="text/javascript" src="/js/jquery.min.js"></script>
+  <script type="text/javascript" src="/js/materialize.min.js"></script>
+  {{#if demo_callback}}
+  <script type="text/javascript">
+    var token = '{{token}}';
+    $('#data').hide();
+    $.get('{{api}}user?token=' + token, {}, function(data) {
+      $('#name').html($('#name').html() + data.data.identity.name);
+      $('#uname').html($('#uname').html() + data.data.username);
+      $('#idnum').html($('#idnum').html() + data.data.identity.identity);
+      $('#data').fadeIn();
+      $('#loading').fadeOut();
+    }, 'json');
+  </script>
+  {{/if}}
 </body>
 
 </html>