“访问”是指获得或使用某物的能力。在信息技术的背景下,“访问”是指连接或使用计算机或计算机网络的能力。 “访问”还可以指在计算机系统或网络中输入、查看或编辑数据的能力。

访问控制分为三种类型:物理的、逻辑的和管理的。物理访问控制限制对物理空间的访问,例如建筑物、房间或服务器机房。逻辑访问控制限制对计算机系统或网络的访问。管理访问控制限制对计算机系统或网络管理的访问。

访问控制很重要,因为它可以保护数据和资源免受未经授权的访问。未经授权的访问可能导致数据泄露、数据丢失或被盗。它还可能导致服务中断、资源滥用或未经授权使用特权信息。

https://www.npmjs.com/package/@eartho/one-client-react

对于这个应用程序,我将使用 Eartho One 提供内置的高转换体验和 Firebase Auth 来管理用户登录和身份验证。在这种情况下,我的应用需要直接与 Firebase Auth 通信以获取身份验证令牌,然后,我会将此令牌添加到发送到后端的每个请求中。

原料

首先,您需要创建您的 React 应用程序。我假设您已经知道如何执行此操作,但如果有不清楚的地方,这里有一个指南

https://reactjs.org/docs/getting-started.html

您还需要设置 Firebase。您可以在 Firebase 官方文档中找到相关说明。

分步说明

1. 在 Eartho Creators 1A 中创建接入点。首先连接到 Eartho Creators

2B。通过单击创建者主屏幕上的“创建项目”来创建您的第一个实体。实体可以是网站、应用程序、事件或您想要管理访问的任何其他内容。

3C。创建实体后,您将在实体页面上看到“创建访问权限”。首先创建您希望我们管理的接入点;它可以是“登录”或“高级包”或任何让您的用户/客户访问某些东西的东西。

1. 将 Eartho 集成到您的应用中 将 Eartho 添加到您的应用中

npm i @eartho/one-client-react

进入全屏模式 退出全屏模式

配置

// src/index.js
import React from 'react';
import ReactDOM from 'react-dom';
import { EarthoOneProvider } from '@eartho/one-client-react';
import App from './App';ReactDOM.render(
  <EarthoOneProvider
    clientId="YOUR_EARTHO_CLIENT_ID"
  >
    <App />
  </EarthoOneProvider>,
  document.getElementById('app')
);

进入全屏模式 退出全屏模式

开始使用

// src/App.js
import React from 'react';
import { useEarthoOne } from '@eartho/one-client-react';function App() {
  const {
    isLoading,
    isConnected,
    error,
    user,
    connectWithPopup,
    logout,
  } = useEarthoOne();if (isLoading) {
    return <div>Loading...</div>;
  }
  if (error) {
    return <div>Oops... {error.message}</div>;
  }if (isConnected) {
    return (
      <div>
        Hello {user.displayName}{' '}
        <button onClick={() => logout({ returnTo: window.location.origin })}>
          Log out
        </button>
      </div>
    );
  } else {
    return <button onClick={connectWithPopup}>Log in</button>;
  }
}export default App;

进入全屏模式 退出全屏模式

1.(可选)将 Eartho 集成到服务器 / Firebase Auth / Awshttps://eartho.world/

https://eartho-g.gitbook.io/eartho-docs/quick-start/step-3-optional-integrating-eartho-into-your-server

而已 !

你完成了

https://www.npmjs.com/package/@eartho/one-client-react