4.0 - Blockstack-SimpleID使用Demo

本篇文章主要讲解SimpleID的注册，配置，和使用以及Demo演示；SimpleID创建过程中同时创建了Blockstack ID,并且测试程序用到了Gaia存储;

1.SimpleID注册
2.SimpleID配置
— 2.1 Authentication Modules:授权配置
— 2.2 Storage Modules：存储配置
3.Create New Project 创建新项目

hello-simpleid
1.代码获取
2.配置修改
3.启动

Demo - simpleid
1.simpleid注册
2.simpleid测试
— 创建文件输入存储内容
— 获取文件内容

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.png

2. SimpleID配置

1.Authentication Modules:授权配置
2.Storage Modules：存储配置
我们都选择Blockstack

3.Create New Project-创建新项目
1.project name 项目名称：hello-simpleid

2. 创建完成之后；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: “*****" } }

3. 启动项目:访问地址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；但是建立了区块链和互联网结合的一种方式。