Blockstack Javascript Software D

FROM ：https://blockstack.github.io/blockstack.js/

此引用描述了Blockstack Javascript软件开发人员工具包(SDK)引用。有关完整的blockstack文档，请参见docs.blockstack.org。iOS SDK和Android SDK也有参考资料。

安装库

$ npm install blockstack

快速入门:构建应用程序

1.使用npm安装blockstack.js

npm install blockstack --save

2.将blockstack导入到项目中。

import * as blockstack from 'blockstack'

3.绑定一个登录按钮。

document.getElementById('signin-button').addEventListener('click', function() {
blockstack.redirectToSignIn()
})

4.绑定一个退出按钮。

document.getElementById('signout-button').addEventListener('click', function() {
blockstack.signUserOut(window.location.origin)
})

5.包含加载用户数据和处理身份验证响应的逻辑。

function showProfile(profile) {
var person = new blockstack.Person(profile)
document.getElementById('heading-name').innerHTML = person.name()
document.getElementById('avatar-image').setAttribute('src', person.avatarUrl())
document.getElementById('section-1').style.display = 'none'
document.getElementById('section-2').style.display = 'block'
}

if (blockstack.isUserSignedIn()) {
const userData = blockstack.loadUserData()
showProfile(userData.profile)
} else if (blockstack.isSignInPending()) {
blockstack.handlePendingSignIn()
.then(userData => {
showProfile(userData.profile)
})
}

6.创建一个manifest.json文件

{
"name": "Hello, Blockstack",
"start_url": "localhost:5000",
"description": "A simple demo of Blockstack Auth",
"icons": [{
"src": "https://helloblockstack.com/icon-192x192.png",
"sizes": "192x192",
"type": "image/png"

}]
}

确保你的manifest.json文件具有适当的CORS头文件，因此可以通过http GET从任何源获取它。

7.启动应用程序

添加没有包管理器的库

您可以将blockstack.js作为脚本导入，而不需要使用包管理器。要安全地使用来自CDN的最新发行版blockstack.js，请在应用程序中添加以下脚本声明。

<script src="https://unpkg.com/blockstack@19.2.1/dist/blockstack.js" integrity="sha384-+qYCYoUGzsMLAzHm80c4DyhbWgHBBb2N0RFqsg7Lws5ljtBtj/IwpgxZkiR7j7lp" crossorigin="anonymous"></script>

https://github.com/blockstack/blockstack.js#documentation