Hyperledger

정영태

Front-End

Agenda

1. gRPC 
2. Front-End
3. Demo

gRPC

• A high performance,
      open-source universal RPC framework
• 구글에서 만듬
• 요청/응답에 대한 인터페이스 규약을 가짐
• Protocol Buffer + HTTP2
• Protocol Buffer
  • Data Serialize
• HTTP2
  • Streaming 지원

gRPC - Why?

• 양방향 통신 지원
• Hyperledger 성능 문제(0.6에서는 Rest)
• Flow
  • Invoke된 트랜잭션에 대한 합의
  • Commiting Peer 배포
  • 각 채널의 Anchor peer 동기화
  • 채널 안에서의 통신 등
• 양방향 통신으로 복잡도가 높음
• 기존 Rest로 처리하기엔 느림.

Hyperledger Fabric - Application

https://developer.ibm.com/patterns/deploy-an-asset-transfer-app-using-blockchain/

Hyperledger Fabric - gRPC & FrontEnd

• Hyperledger Fabric SDK 활용
• SDK - Node, Java 지원
• SDK Language 를 고려한 App 서버 선택
• FrontEnd
  • 언어 또는 프레임워크에 대한
     종속성이나 제한은 없음

Front-End - Javascript

• 1995년 Netscape - Brendan Eich 개발
• 정식명칭 - ECMAScript 
• 구현의 어려움, 모호성, 크로스브라우징 한계
• jQuery library 등장 - 2006.06.30 최초 릴리즈
• HTML5 - 2014.10.28 표준안 확정
• Node.js - 2013년, 서버 언어
  • 빠르게 변화하는 Javascript 선도적 역할

Front-End - Trend

• React - 
  • Facebook - 2013.06
  • Library
  • Features
    • Virtual Dom
    • Component
    • JSX

Front-End - Trend

• Angular
  • Google - 2014
  • Framework
  • Angular 6 - 2018.5.3 released
  • Features
    • Component
    • Typescript
    • Angular CLI

Front-End - Trend

• Vue
  • Evan You - 2014.02
  • Framework
  • Features
    • Component
    • Virtual DOM
    • Framework 지원
      • Nuxt.js
      • Vuetify

Front-End - Trend

https://www.npmtrends.com/@angular/core-vs-react-vs-vue

Demo

http://localhost:4200

참고 자료

• https://medium.com/@goinhacker/microservices-with-grpc-d504133d191d
• https://www.slideshare.net/WonchangSong1/rpc-restsimpleintro

Tha

nks.