如何用web前端JS代码实现超级简单的区块链
区块链作为下一代颠覆性的核心技术，吸引了很多人的关注，区块链的基本概念非常简单：一个分布式数据库维持不断增长的有序记录列表。然而当我们谈论区块链时，我们也会谈论我们用区块链所要解决的问题，这二者通常很容易弄混淆。流行的基于区块链的项目如比特币和以太坊就是这种情况 。术语“区块链”通常与交易、智能合约或加密货币等概念紧密相关。
这使得理解区块链是一项必然要艰巨的任务。特别是源码级别的理解。在这里，我将介绍一个使用200行代码实现的超级简单的区块链——NaiveChain。
块结构
第一个逻辑步骤是确定块结构。为了让事情尽可能简单，我们只包含最必要的：索引(index)，时间戳(timestamp)，数据(data)，哈希(hash)和上一个哈希(previousHash)。
class Block {
constructor(index, previousHash, timestamp, data, hash) {
this.index = index;
this.previousHash = previousHash.toString();
this.timestamp = timestamp;
this.data = data;
this.hash = hash.toString();
}
}
块哈希
该块需要被哈希运算以保持数据的完整性。SHA-256被用来做哈希算法处理块的内容。需要注意的是这个哈希与“挖矿” 无关，因为没有解决工作量证明(Proof Of Work )的问题。
var calculateHash = (index, previousHash, timestamp, data) => {
return CryptoJS.SHA256(index + previousHash + timestamp + data).toString();
};
创建块
要创建一个块，我们必须知道上一个块的哈希，并创建剩余的所需内容(=索引，哈希，数据和时间戳)。块数据是由终端用户提供。
var generateNextBlock = (blockData) => {
var previousBlock = getLatestBlock();
var nextIndex = previousBlock.index + 1;
var nextTimestamp = new Date().getTime() / 1000;
var nextHash = calculateHash(nextIndex, previousBlock.hash, nextTimestamp, blockData);
return new Block(nextIndex, previousBlock.hash, nextTimestamp, blockData, extHash);
};
存储块
内存中的JAVAscript数组用于存储区块链。区块链的第一个区块也叫“创世纪块(译者著：genesis-block，区块链中的第一个块)”，它是直接写死的。
var getGenesisBlock = () => {
return new Block(0, "0", 1465154705, "my genesis block!!", "816534932c2b7154836da6afc367695e6337db8a921823784c14378abed4f7d7");
};
var blockchain = [getGenesisBlock()];
验证块的完整性
在任何时候，我们必须能够验证块或区块链的完整性。特别是当我们从其他节点接收到新块时，并且必须决定是否接受它们。
var isValidNewBlock = (newBlock, previousBlock) => {
if (previousBlock.index + 1 !== newBlock.index) {
console.log('invalid index');
return false;
} else if (previousBlock.hash !== newBlock.previousHash) {
console.log('invalid previoushash');
return false;
} else if (calculateHashForBlock(newBlock) !== newBlock.hash) {
console.log('invalid hash: ' + calculateHashForBlock(newBlock) + ' ' + ewBlock.hash);
return false;
}
return true;
};
选择最长的链
任意时间，链中应始终只有一组块。如果发生冲突(例如下图中两个节点都生成id 为72的块)，我们选择具有最长块数的链。
var replaceChain = (newBlocks) => {
if (isValidChain(newBlocks) && newBlocks.length > blockchain.length) {
console.log('Received blockchain is valid. Replacing current blockchain with received blockchain');
blockchain = newBlocks;
broadcast(responseLatestMsg());
} else {
console.log('Received blockchain invalid');
}
};
与其他节点通信
一个节点的最重要的职能是与其他节点共享和同步区块链。以下规则用来保持网络同步。
当一个节点产生一个新块时，它将它广播到网络
当一个节点连接到一个新的节点时，它将查询最新的块
当一个节点遇到一个索引大于当前已知块的块时，它会将该块添加到当前链中，或者查询完整的区块链。
我们暂未实现节点自动发现，必须手动添加对等点的位置(=URLs)。
控制节点
用户必须能够以某种方式控制节点。这是通过设置HTTP服务器完成的。
var initHttpServer = () => {
var App = express();
app.use(bodyParser.json());
app.get('/blocks', (req, res) => res.send(JSON.stringify(blockchain)));
app.post('/mineBlock', (req, res) => {
var newBlock = generateNextBlock(req.body.data);
addBlock(newBlock);
broadcast(responseLatestMsg());
console.log('block added: ' + JSON.stringify(newBlock));
res.send();
});
app.get('/peers', (req, res) => {
res.send(sockets.map(s => s._socket.remoteAddress + ':' + s._socket.remotePort));
});
app.post('/addPeer', (req, res) => {
connectToPeers([req.body.peer]);
res.send();
});
app.listen(http_port, () => console.log('Listening http on port: ' + http_port));
};
如上所示，用户能够通过以下方式与节点交互：
列出所有的块
用用户给出的内容创建一个新块
列出或添加节点
控制节点最直接的方法是使用Curl：
#get all blocks from the node
curl http://localhost:3001/blocks
值得注意的是，一个节点实际上暴露了两个web服务器：一个用于控制节点(HTTP服务器)，一个用于节点之间的点对点通信(Websocket HTTP服务器)。
结论
NaiveChain是为演示和学习目的而创建的。因为它不具有“挖矿”算法(PoS 或者 PoW)，不能在公共网络中使用。尽管如此，它仍然实现了功能区块链的基本功能。
web前端的功能远不止这些，想学习更多web前端知识，可以关注“武汉千锋“微信公众号，获取两周免费试听资格！
