Blockchain code Metaverse VR

SmartContract×VR×Crypto(597)

スポンサーリンク

//tips

初心忘れるべからず

//smart contract

Authによる初期登録を見直す。

Signupのフォームにusernameの登録も追加。

const [uname,setUname]=useState('')

Name
<TextField
onChange={(e)=>setName(e.target.value)}
variant="outlined"
color="secondary"
fullWidth
required
/>

その上でフォーム送信の際のhandleOnAuth(e)関数を確認。

const name=unameを追加。

createUserWithEmailAndPassword(auth,email,password)ではauthの方のデータベースに対応するので、

const docRef = await addDoc(colRef,{
userid:Maxid+1,
username:name,
date:Date.now(),
mail:email
})

こちらに追加するだけで良さそう。

Loginページに対しても同様の処理を行う。

きちんとサインアップができるようになったか確認。

const colRef= collection(firebaseApp, "mydata")

colRefが足りないとエラーが出たので追加。

keiyaku@gmail.com
keiyaku666

Uncaught (in promise) FirebaseError: Firebase: Error (auth/invalid-email).とエラーができたが、先の登録の際にauthへの登録は完了し、firestoreのデータベース登録はエラーで完了していなかったのが問題となったよう。

データベースを確認するとなぜかmail部分が取得できていない。

const docRef = await addDoc(colRef,{
userid:Maxid+1,
username:name,
date:Date.now(),
mail:email
})

Auth、storeデータベースの登録情報を削除し、再度登録し直す。

双方の問題をなくすと無事に登録が完了できた。

続いてloginページの登録を確認する。

きちんと対応できた。

サインアップ後にはHOMEページに遷移させるようにする。

router.push(‘/‘)を追加。

indexページにはlogin nameをHi,~で表示させる。
useeffectに下記を追加。

if(localStorage.getItem('username')){
setShowname(localStorage.getItem('username'))
}

下記の形で表示できた。

<Typography variant="h4" component="h1" style={{color: '#99ccff'}} gutterBottom>
{showname&&
<div>Hi,{showname}</div>
}
<br />
Welocome to ItsmE
<br />
Recreate yourselves and Connect the world
<br /> <br />
</Typography>

Board内の[id]に戻り、const [showname,setShowname]=useState(‘’)とuseeffectでの読み込み設定を行う。

handleOnAddcomments(e)の名前の追加部分をこちらで保管。

await updateDoc(Ref, {
text: arrayUnion({chat:details,username:showname})
})

 

人気の記事

1

皆さん、ついに、エアラインでも、サブスクリプションが始まったのはご存じですか? まだ実験段階ですが、ANAが、定額全国住み放題サービスを提供する「ADDress」と組んで、国内線を4回まで定額利用可能 ...

2

無料でネットショップを開けるアプリとして多くの人に驚きを与えたBASE株式会社が、2019年10月25日東証マザーズに上場しました。2020年2月時点で90万店を超えるショップを抱えるまでに成長してい ...

3

2011年にサービスを開始してから圧倒的な成長率を誇るインテリア通販サイト 【FLYMEe/フライミー】を皆さんご存じでしょうか。 「自分のイメージするインテリア、本当に欲しいインテリアがどこにあるの ...

4

ついに、noteの月間アクティブユーザー数が4400万人(2020年3月時点)に到達しました。 そもそも、「note」とは、クリエイターが、文章やマンガ、写真、音声を投稿することができ、ユーザーはその ...

5

ボードゲームカフェが1日2回転で儲かるという記事をみつけたので興味を持ち、調べてみました。 まずは、需要がどれくらいあるのか、市場のようすからみていきましょう。 世界最大のボードゲーム市場はドイツで、 ...

-Blockchain, code, Metaverse, VR
-, ,

Copyright© BUSINESS HUNTER , 2023 All Rights Reserved Powered by AFFINGER5.