我有一个很奇怪的问题。我在React中有一个登录页面,用户可以在其中注册或登录。
当用户注册时,我在GUNjs中创建一个用户。当我登录时,它登录成功了。但是,当我以隐身模式打开网站并尝试使用相同的信用登录时,它说该用户不存在。我还运行了一个对等服务器。对等服务器保存用户的数据,但这仍然发生。
我代码:
decentralized_db.ts
import GUN from "gun";
import "gun/sea";
import "gun/axe";
export const db = GUN({
peers: ["http://localhost:8765/gun"],
});
export const user = db.user().recall({ sessionStorage: true });
peerServer.js
gun = (Gun = require("gun"))({
web: require("http").createServer(Gun.serve(__dirname)).listen(8765),
});
我的React组件loginPage.tsx
:
import { useState } from "react";
import { user } from "../decentralized_db";
export default function LoginPage() {
const [userCred, setUserCred] = useState({
username: "",
password: "",
});
function login(event: any) {
event.preventDefault();
user.auth(
userCred.username,
userCred.password,
({ err }: any) => err && alert(err)
);
console.log(user);
}
function signup(event: any) {
event.preventDefault();
user.create(userCred.username, userCred.password, ({ err }: any) => {
if (err) {
alert(err);
} else {
login(event);
}
});
}
function handleChange(event: any) {
let name = event.target.name;
let value = event.target.value;
let clonedState: any = { ...userCred };
clonedState[name] = value;
setUserCred(clonedState);
}
return (
<form>
<label htmlFor="username">Username</label>
<input
onChange={handleChange}
name="username"
value={userCred.username}
minLength={3}
maxLength={16}
/>
<label htmlFor="password">Password</label>
<input
onChange={handleChange}
name="password"
value={userCred.password}
type="password"
/>
<button className="login" onClick={login}>
Login
</button>
<button className="login" onClick={signup}>
Sign Up
</button>
</form>
);
}
@pranava-mohan嘿,这是一个错误,在配置文件同步中有一个竞争条件-登录将在配置文件完成加载之前检查凭据。
要确认这是相同的错误,你正在经历:尝试点击登录多次在另一个页面。它是否会在以后的尝试中登录,即使您没有更改任何内容?这就是问题所在
正在努力在未来的版本中修复这个问题。在此之前,获得bug帮助的最佳地点是http://chat.gun.eco,我们在那里回复更快。
对不起!如果结果是别的什么,请评论。