base.network — пиринговый веб на JavaScript / Денис Глазков (Lazada Rus)
Download as PPTX, PDF0 likes571 views
Документ описывает проект base.network, который представляет собой опенсорсную пиринговую сеть на JavaScript, обеспечивающую децентрализованное взаимодействие без центральных серверов. Он подробно рассматривает архитектуру сети и возможности клиентских приложений, а также проблемы существующих пиринговых технологий. Включен обзор криптографии, используемой в проекте, и ссылки на репозитории GitHub для серверной и клиентской части.
base.network — пиринговый веб на JavaScript / Денис Глазков (Lazada Rus)
- 1. Пиринговый веб на JavaScript Денис Глазков 1
- 2. - обзор пиринговых сетей - устройство сети base.network - серверные ноды - криптография на JS - устройство клиента - разработка клиентских приложений Содержание 2
- 3. Закрыли любимую группу в соц. сетях? 3
- 5. 5
- 6. 6
- 7. 7
- 11. Мир во всех Мирах! 11
- 12. Прекрасное жестоко, не будь ко мне далёко 12
- 13. 13
- 14. Социальная сеть Земля-Марс ? 14
- 15. 15 I2P
- 16. Freenet 16
- 17. 17
- 18. Минусы существующих пиринговых сетей - не умеют работать с динамикой - медленные - установка “мутного” клиентского ПО - страдают “централизацией” 18
- 19. base.network О проекте • опенсоурс проект на JavaScript • децентрализованная сеть • без DNS, без центральных серверов • поверх HTTP 19
- 20. base.network Возможности • собственные сайты, доменные имена • загрузка и чтение файлов, json-данных • блоги, комменты, фотоальбомы, плейлисты • чаты в реальном времени 20
- 22. Серверная нода Веб-сервер + БД (NodeJS, SQLite3) Простой и быстрый KeyValue Storage Функции: - сообщает о себе другим нодам - пишет данные в распределенную базу - проверяет валидность данных (подпись автора) - реплицирует данные между нодами - уведомляет о добавлении данных 22
- 23. Карта сети - список всех нод 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" } 23
- 24. Информация о ноде 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}, … } } 24
- 26. • sign(data, privateKey) • verify(data, sign, publicKey) • encrypt(data, publicKey) • decrypt(data, privateKey) Криптография на JavaScript - Эллиптические кривые secp256k1 - Длина ключа 256 бит (32 байта) - Минимальный набор функций: 26
- 27. Криптография на 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 27
- 28. Клиент 28
- 29. 29
- 30. 30
- 31. Под капотом 31
- 32. 32
- 33. 33
- 34. 34
- 35. Разработка клиентского приложения //============ MySiteEngine.js ================= var baseAPI = basenetwork.getAPI(0); // request current site information var siteInfo = baseAPI.getCurrentSiteInfo(); // -> {host,owner,title,ring…} 35
- 36. Файлы. Пользователи // upload file to cloud baseAPI.uploadFile(fileReader, function(err){ }); // request file from cloud var fileID = "F2/d8f08dd1564510b0f...e2aaf1e22ec2a1.jpeg"; baseAPI.requestFile(fileID, function(err, content, info){ }); // get user info by public certificate baseAPI.getUserInfo(certificate, function(err, userInfo){ }); 36
- 37. 37
- 38. Добавление данных в канал var channel = siteInfo.host + "/super-chat/"; var data = { message: "Bla-bla-bla" }; // post data to cloud baseAPI.postData({ uid: channel, data: data, ver: 0, pos: "2016-02-25 19:00:00” }, function(err, resp) { // process results console.log(err? "Error" : "OK"); }); 38
- 39. Получение списка данных из канала 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) }); }); 39
- 42. 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> ); } }); 42
- 43. 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> ); } }); 43
- 44. React.JS Chat //====== Register Chat Component ========== $component('chat', Page, { tplChildForm: MessageNew, tplChildItem: Message }); 44
- 45. 45
- 46. • http://base.network/ • https://github.com/basenetwork Ссылки 46
- 47. Перспективы развития WebRTC Client IndexedDB Client IndexedDB Proxy server - Нативная криптография через window.crypto - WebRTC, IndexedDB - Расширение функционала сайтового движка - Приватные чаты 47
- 48. base.network Пиринговый веб на JavaScript Денис Глазков 2016 Вопросы? 48