Blockstack-SimpleID用戶名密碼和區塊鏈帳戶結合

本篇文章主要講解SimpleID的註冊,配置,和使用以及Demo演示;SimpleID建立過程當中同時建立了Blockstack ID,而且測試程序用到了Gaia存儲;git

1.SimpleID註冊
2.SimpleID配置
— 2.1 Authentication Modules:受權配置
— 2.2 Storage Modules:存儲配置
3.Create New Project 建立新項目github

hello-simpleid
1.代碼獲取
2.配置修改
3.啓動npm

Demo - simpleid
1.simpleid註冊
2.simpleid測試
— 建立文件輸入存儲內容
— 獲取文件內容api

1.SimpleID註冊

Screen Shot 2019-08-24 at 11.17.12 AM.png

點擊Free Trial 跳轉到註冊頁面Screen Shot 2019-08-24 at 11.18.46 AM.png工具

輸入Username-用戶名;Email-郵箱;Password-密碼,點擊Sign Up With SimpleID - 用SimpleID進行註冊;區塊鏈

註冊成功會收到2封郵件Mnemonic和Verfication;恢復字符串和驗證連接;測試

Screen Shot 2019-08-24 at 11.22.24 AM.png

Screen Shot 2019-08-24 at 11.23.23 AM.png

點擊驗證連接;進入我的SimpleID帳號頁面Screen Shot 2019-08-24 at 11.25.08 AM.pngui

2. SimpleID配置

1.Authentication Modules:受權配置2.Storage Modules:存儲配置咱們都選擇Blockstack3d

3.Create New Project-建立新項目1.project name 項目名稱:hello-simpleidcdn

  1. 建立完成以後;View Project- 查看項目內容
  • Developer ID
  • API Key
    以上兩個配置信息,是須要在代碼中配置的;
3. hello-simpleid
  1. 獲取
    git clone https://github.com/simplesecure/hello-simpleid.git
    cd hello-simpleid
    npm install
    npm run start
    以上內容不作解釋了;
  2. 配置修改
  • 打開代碼,修改配置信息(用你本身喜歡的工具)
    在src/App.js中有以下代碼:
    // const {simpleIDKeys} = require('./keys’);
  • 你能夠添加配置文件keys
  • 或者直接修改App.js中的信息
    具體格式以下:
    export function simpleIDKeys() { return { apiKey: 「", devId: 「*" } }
  1. 啓動項目:訪問地址http://localhost:3000/

Screen Shot 2019-08-24 at 11.36.55 AM.png

4.輸入Username-用戶名;Password-密碼;Email-郵箱進行註冊;Screen Shot 2019-08-24 at 11.38.47 AM.png

5.註冊成功收到郵件Screen Shot 2019-08-24 at 11.39.07 AM.png

6.直接跳轉到測試頁面Screen Shot 2019-08-24 at 11.39.52 AM.png

7.輸入File name - 文件名;Content to save - 文件內容;點擊Store Content-保存內容Screen Shot 2019-08-24 at 11.41.55 AM.png

查看Console信息;確認是否上傳成功;Screen Shot 2019-08-24 at 11.43.11 AM.png

8.點解Fetch Content - 獲取文件內容;

Screen Shot 2019-08-24 at 11.44.54 AM.png

最後顯示123456789;表示獲取內容成功;

以上只是個簡單的Demo;可是創建了區塊鏈和互聯網結合的一種方式。

相關文章
相關標籤/搜索