Пиринговый вебна JavaScriptДенис Глазков

- обзор пиринговых сетей- устройство сети base.network- серверные ноды- криптография на JS- устройство клиента- разработка клиентских приложений

Содержание

Закрыли любимую группу в соц. сетях?

Великий Китайский Фаервол

Цензура в Интернете

Пиринговые технологии

ethereum

Одноранговые сети

Мир во всех Мирах!

Прекрасное жестоко, не будь ко мне далёко

Социальная сеть Земля-Марс ?

I2P

Freenet

Минусы существующих пиринговых сетей

- не умеют работать с динамикой - медленные- установка “мутного” клиентского ПО- страдают “централизацией”

base.networkО проекте

• опенсоурс проект на JavaScript• децентрализованная сеть • без DNS, без центральных

серверов • поверх HTTP

base.network

Возможности

• собственные сайты, доменные имена

• загрузка и чтение файлов, json-данных

• блоги, комменты, фотоальбомы, плейлисты

• чаты в реальном времени

Устройство сети

NodeJSIP:port

NodeJSIP:port

NodeJSIP:port

NodeJSIP:port

NodeJSIP:port

NodeJSIP:port

clientJavaScript

clientJavaScript

clientJavaScript

clientJavaScript

clientJavaScript

NodeJSIP:port

data: A B C

Серверная нодаВеб-сервер + БД (NodeJS, SQLite3)Простой и быстрый KeyValue Storage

Функции:- сообщает о себе другим нодам- пишет данные в распределенную базу - проверяет валидность данных (подпись

автора)- реплицирует данные между нодами- уведомляет о добавлении данных

Карта сети - список всех нод

curl http://5.9.123.140:8080/-/nodes

{ "nid":"5.9.123.140/8080", "ver"1, "seg":"D,N,F,P,D0,D1,……"}{ "nid":"46.4.76.98/8081", "ver"1, "seg":"……F41,F54,P04"}

Информация о нодеcurl http://5.9.123.140:8080/-/about

{ "ver":1, "nid":"5.9.123.140/8080", "updated":1441639911027, "segments":{ "D":{"usage":0.2}, "N":{"usage":0.5}, "F":{"usage":0.3}, … }}

https://github.com/basenetwork/base.server-node/

GitСерверная нода

NodeJS

• sign(data, privateKey) • verify(data, sign, publicKey)

• encrypt(data, publicKey)• decrypt(data, privateKey)

Криптография на JavaScript

- Эллиптические кривые secp256k1

- Длина ключа 256 бит (32 байта) - Минимальный набор функций:

Криптография на JavaScriptбиблиотеки

CryptoJS v3.1.2 code.google.com/p/crypto-js

(c) Tom Wu http://www-cs-students.stanford.edu/~tjw/jsbn/

jsrsasign 4.8.3 (c) 2010-2015 Kenji Urushima kjur.github.com/jsrsasign/license

Клиент

Под капотом

Разработка клиентского приложения

//============ MySiteEngine.js =================

var baseAPI = basenetwork.getAPI(0);

// request current site informationvar siteInfo = baseAPI.getCurrentSiteInfo();

// -> {host,owner,title,ring…}

Файлы. Пользователи

// upload file to cloudbaseAPI.uploadFile(fileReader, function(err){

});

// request file from cloudvar fileID = "F2/d8f08dd1564510b0f...e2aaf1e22ec2a1.jpeg";baseAPI.requestFile(fileID, function(err, content, info){

});

// get user info by public certificatebaseAPI.getUserInfo(certificate, function(err, userInfo){

});

Добавление данных в каналvar channel = siteInfo.host + "/super-chat/";

var data = { message: "Bla-bla-bla"};

// post data to cloudbaseAPI.postData({

uid: channel, data: data, ver: 0, pos: "2016-02-25 19:00:00”

}, function(err, resp) { // process results console.log(err? "Error" : "OK");

});

Получение списка данных из канала

var request = { cmd: "top", // "top|nxt|prv|doc|old" uid: channel, // address of channel sse: true // listen server side events};

baseAPI.requestData(request, function(err, packs) {

// process data packs.forEach(function(pack) { // render messages console.log(pack.data.message) });

});

https://github.com/basenetwork/client-js/

GitКлиентское ядро

https://github.com/basenetwork/site-engiene-js/

GitСайтовый движок

React.JS Chat// Components/Chat.jsx

//======= New Message Form =============

var MessageNew = $class(Form, {

render: function() { return ( <form onSubmit={this.submit} className="chat-message-new">

{this.$input("message", {placeholder: "New message”})}

<button type="submit">Add message</button>

</form> ); }

});

React.JS Chat

//============ Components/Chat.jsx Message =================

var Message = $component("chat-message", {

render: function() { return( <div className="chat-message">

<UserIcon user={this.props.element.author} />

<UserName user={this.props.element.author} />

<p>{this.props.element.get("message")}</p>

</div> ); }

});

React.JS Chat

//====== Register Chat Component ==========

$component('chat', Page, {

tplChildForm: MessageNew,

tplChildItem: Message

});

• http://base.network/• https://github.com/basenetwork

Ссылки

Перспективы развития

WebRTC

Client

IndexedDB

Client

IndexedDB

Proxy server

- Нативная криптография через window.crypto- WebRTC, IndexedDB- Расширение функционала сайтового движка- Приватные чаты

base.networkПиринговый веб на JavaScript

Денис Глазков2016

Вопросы?