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;可是创建了区块链和互联网结合的一种方式。

相关文章
相关标签/搜索