2016-03-23 70 views
1

我遇到問題,我的問題在哪裏。我使用PubNub進行實時消息傳遞,示例項目使用ECC(橢圓曲線加密)加密消息。如何檢查ECC密鑰和公鑰是否通過Js文件傳遞?

除了發送消息之外,文件中的每件東西都可以工作(動畫,頻道存在等)。每次我點擊發送我得到這個消息:

這裏是我的聊天app.js文件:

(function() { 

    if (typeof(user) === 'undefined') { 
    return; 
    } 

    var output = document.getElementById('output'), 
     input = document.getElementById('input'), 
     picture = document.getElementById('picture'), 
     presence = document.getElementById('presence'), 
     action = document.getElementById('action'), 
     send = document.getElementById('send'); 

    var channel = 'fun'; 

    var keysCache = {}; 

    var pubnub = PUBNUB.init({ 
     subscribe_key: 'sub-c-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx', 
     publish_key: 'pub-c-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx', 
     uuid: user.name, 
     auth_key: user.gtoken, 
     ssl: true 
    }); 


    function displayOutput(message) { 
    if(!message) return; 
    if(typeof(message.text) === 'undefined') return; 

    var html = ''; 

    if ('userid' in message && message.userid in keysCache) { 

     var signature = message.signature; 

     delete message.signature; 

     var result = ecc.verify(keysCache[message.userid].publicKey, signature, JSON.stringify(message)); 

     if(result) { 
     html = '<p><img src="'+ keysCache[message.userid].picture +'" class="avatar"><strong>' + keysCache[message.userid].name + '</strong><br><span>' + message.text + '</span></p>'; 
     } else { 
     html = '<p><img src="images/troll.png" class="avatar"><strong></strong><br><em>A troll tried to spoof '+ keysCache[message.userid].name +' (but failed).</em></p>'; 
     } 

     output.innerHTML = html + output.innerHTML; 

    } else { 
     var xhr = new XMLHttpRequest(); 
     xhr.open('GET', '/user/' + message.userid, true); 
     xhr.onreadystatechange = function() { 
     if (xhr.readyState === 4) { 
      var res = JSON.parse(xhr.responseText); 

      keysCache[message.userid] = { 
      'publicKey': res.publicKey, 
      'name': res.name, 
      'artist': res.artist, 
      'picture': res.picture, 
      'id': res.id 
      } 
      displayOutput(message); 
     } 
     }; 
     xhr.send(null); 
    } 
    } 

    function getHistory() { 
    pubnub.history({ 
     channel: channel, 
     count: 30, 
     callback: function(messages) { 
     messages[0].forEach(function(m){ 
      displayOutput(m); 
     }); 
     } 
    }); 
    } 

    pubnub.subscribe({ 
    channel: channel, 
    restore: true, 
    connect: getHistory, 
    disconnect: function(res){ 
     console.log('disconnect called'); 
    }, 
    reconnect: function(res){ 
     console.log('reconnecting to pubnub'); 
    }, 
    callback: function(m) { 
     displayOutput(m); 
    }, 
    presence: function(m){ 
     if(m.occupancy === 1) { 
     presence.textContent = m.occupancy + ' person online'; 
     } else { 
     presence.textContent = m.occupancy + ' people online'; 
     } 
     if((m.action === 'join') || (m.action === 'timeout') || (m.action === 'leave')){ 
     var status = (m.action === 'join') ? 'joined' : 'left'; 
     action.textContent = m.uuid + ' ' + status +' room'; 
     action.classList.add(m.action); 
     action.classList.add('poof'); 
     action.addEventListener('animationend', function(){action.className='';}, false); 
     } 
    } 
    }); 

    function post() { 
    var safeText = input.value.replace(/\&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;'); 
    var message = { text: safeText, userid: user.id }; 

    var signature = ecc.sign(user.eccKey, JSON.stringify(message)); 
    message['signature'] = signature; 

    pubnub.publish({ 
     channel: channel, 
     message: message 
    }); 

    input.value = ''; 
    } 

    input.addEventListener('keyup', function(e) { 
    if(input.value === '') return; 
    (e.keyCode || e.charCode) === 13 && post(); 
    }, false); 

    send.addEventListener('click', function(e) { 
    if(input.value === '') return; 
    post(); 
    }, false); 


})(); 

這個錯誤就要從我ecc.js文件

Uncaught TypeError: Cannot read property 'r' of undefined 

然而,我假設這個錯誤是在chat-app.js文件中,因爲我沒有碰到ecc.js文件。我是從項目 - 上ECC https://github.com/pubnub/auth-chat-demo

更多信息可以在這裏找到:https://github.com/jpillora/eccjs

+0

那麼你的實際問題是什麼? – zerkms

+0

@zerkms我想弄清楚爲什麼我得到一個錯誤(Uncaught TypeError:不能讀取屬性'r'的undefined) –

+0

如果錯誤來自ecc.js,那麼你應該能夠識別出什麼功能在錯誤發生時被調用,以及代碼中該函數被調用的地方。提供這些信息以便於調試。 – TheGreatContini

回答

0

根據你的描述,它看起來像此行是給你的錯誤:

var signature = ecc.sign(user.eccKey, JSON.stringify(message)); 

所以我猜你沒有正確傳遞user.eccKey?

您是否擁有來自oAuth(或任何登錄身份驗證)的所有用戶數據?或者在用戶註冊時eccKey是否正確生成?

此外,請嘗試包括ecc.js的非縮小版本,以便您可以更輕鬆地跟蹤錯誤的來源。 https://raw.githubusercontent.com/jpillora/eccjs/gh-pages/dist/0.3/ecc.js

+0

我正在使用google-oauth,並且在註冊時可以看到我節點中存儲的所有數據庫數據,但我認爲這些密鑰存儲在PubNub歷史記錄中。我同意eccKey沒有被正確處理,因爲我只是試圖在控制檯中輸出它,並且在護照序列化後它是「未定義的」。我會繼續挖掘。我非常感謝! –

+0

是的,你應該將密鑰存儲在數據庫中,所以使用節點持久化應該沒問題! (將PubNub歷史記錄用作數據庫對於真實場景來說不是好主意!回購上的原始代碼只是一個演示。)。 –

+0

謝謝問題解決!我只是拿出了數據庫的僞通道,而是使用了我的Mongo數據庫。 –