รวม Socios.com Wallet เข้า dApp

รวม Socios.com Wallet เข้ากับขั้นตอน Connect Wallet ใน dApp บน Chiliz Chain ของคุณโดยใช้ Reown AppKit หรือ WalletConnect พร้อม chain ID 88888 (Mainnet) และ 88882 (Spicy Testnet)

โดยทั่วไป dApps จะมีปุ่ม "Connect Wallet" เพื่อเปิดหน้าต่าง pop-up ที่ให้ผู้ใช้เลือกผู้ให้บริการกระเป๋าเงินของตน จากนั้น pop-up จะส่งข้อความไปยังกระเป๋าเงินที่เลือกเพื่อยืนยันว่าผู้ใช้รายนั้นเป็นเจ้าของที่อยู่กระเป๋าเงินนั้นจริง

มีหลายวิธีในการรวม Socios Wallet เข้ากับ pop-up modal "Connect Wallet" ใน dApp ของคุณ การพึ่งพาเครื่องมือที่มีชื่อเสียงช่วยให้คุณมอบประสบการณ์ที่ปลอดภัยและราบรื่นที่รองรับผู้ให้บริการกระเป๋าเงินหลายราย (เช่น MetaMask และอื่น ๆ) และหลาย เครือข่าย รวมถึง Chiliz Chain (ทั้ง Spicy Testnet และ Chiliz Mainnet)

หน้านี้มีจุดประสงค์เพื่อนำเสนอตัวเลือกต่าง ๆ ให้คุณได้เลือก

เนื่องจากคุณกำลังใช้งานบน Chiliz Chain ให้ระบุ chainId ที่ถูกต้องในการกำหนดค่าของคุณ:

• 88882: Spicy Testnet

• 88888: Chiliz Mainnet

เริ่มต้นด้วยการทดสอบการรวมของคุณบน Spicy Testnet (88882) ให้แน่ใจว่าทุกอย่างทำงานได้อย่างราบรื่น แล้วจึงย้ายไปยัง Chiliz Mainnet (88888)

ดูพารามิเตอร์ทั้งหมดได้ที่นี่: https://github.com/chiliz-chain/docs/blob/master/th/phatthana/basics/connect-to-chiliz-chain/README.md

เลือก libraries และ frameworks ของคุณ

คุณสามารถใช้ประโยชน์จากเครื่องมือภายนอกต่าง ๆ เพื่อปรับปรุงการเชื่อมต่อกระเป๋าเงิน การรองรับหลาย เครือข่าย และฟีเจอร์ขั้นสูง เลือกเครื่องมือตาม tech stack ของโปรเจกต์ของคุณ

Reown (เดิมคือ WalletConnect)

Reown คือชื่อของ WalletConnect Inc. ตั้งแต่ปี 2024 ชุดเครื่องมือเชื่อมต่อกระเป๋าเงิน WalletConnect ที่เป็นที่รู้จักกันดีปัจจุบันเรียกว่า Reown SDK (หรือ AppKit) ซึ่งเดิมรู้จักกันในชื่อ Web3Modal

Reown มีคู่มือทีละขั้นตอนสำหรับการใช้ AppKit และคุณควรอ่านเอกสารฉบับเต็มของพวกเขาด้วย

จำเป็น

Socios.com Wallet ใช้มาตรฐาน ERC-1271 ซึ่งหมายความว่า smart contract ที่อยู่เบื้องหลังได้ใช้งานเมธอด isValidSignature() แทน erecover()

ดังนั้น dApp ของคุณ ต้องรองรับ ERC-1271 และใช้งานการเรียก isValidSignature()

ดูเอกสาร Reownสำหรับข้อมูลเพิ่มเติม

RainbowKit

RainbowKit คือ React library สำหรับเพิ่มฟีเจอร์การเชื่อมต่อกระเป๋าเงิน โดยอาศัย viem และ Wagmi และมีคอมโพเนนต์สำเร็จรูปสำหรับขั้นตอนการรวมที่ทันสมัยและใช้งานง่าย

ดูบทนำของพวกเขาเองเพื่อเรียนรู้เพิ่มเติม

Moralis

Moralis นำเสนอขั้นตอนการยืนยันตัวตนสำเร็จรูปสำหรับ chain ที่เข้ากันได้กับ EVM (รวมถึง Chiliz Chain หากกำหนดค่าอย่างถูกต้อง) รวมถึงเมธอดฝั่งเซิร์ฟเวอร์สำหรับตรวจสอบและจัดการเซสชันผู้ใช้

หากคุณใช้ Moralis อยู่แล้ว คุณสามารถใช้มันเพื่อสร้างปุ่ม "Connect Wallet" ใน dApps ของคุณด้วยเมธอด/เครื่องมือหลายอย่าง:

• วิธียืนยันตัวตนผู้ใช้ด้วย WalletConnect

• วิธียืนยันตัวตนผู้ใช้ด้วย RainbowKit

• วิธียืนยันตัวตนผู้ใช้ด้วย Magic.Link

• ฯลฯ

พวกเขายังมีบทความยาวเกี่ยวกับแต่ละรายการ:

• WalletConnect Integration – How to Integrate WalletConnect

• How to Add a Sign In with RainbowKit to Your Project in 5 Steps

thirdweb

thirdweb นำเสนอ Connect ซึ่งเป็นขั้นตอนการลงทะเบียนที่ยืดหยุ่นซึ่งรองรับความต้องการที่แตกต่างกัน ซึ่งเป็นสิ่งสำคัญในการเริ่มต้นใช้งานสำหรับผู้ใช้

คุณสามารถอ้างอิงเอกสาร Wallets ของพวกเขา และลองเล่นกับConnectButton playground ของพวกเขาได้เลย

แนะนำ Socios.com Wallet ใน pop-up modal

คุณสามารถปรับแต่งการแสดงผลของ pop-up modal เพื่อนำเสนอ Socios.com Wallet:

• ด้วย Reown/WalletConnect: ปรับแต่งส่วน "Recommended Wallet" ของ modal โดยใช้ตัวเลือก explorerRecommendedWalletIds

• ด้วย RainbowKit: คุณสามารถสร้างรายการกระเป๋าเงินของคุณเองโดยใช้ตัวเลือก connectorsForWallets

มอบประสบการณ์ที่ดีที่สุดให้กับผู้ใช้ของคุณ

เพื่อประสบการณ์ผู้ใช้ที่ดีขึ้น เราแนะนำให้คุณจัดเก็บที่อยู่กระเป๋าเงินของผู้ใช้ไว้ใน session storage บน dApp ของคุณ หรือในโปรไฟล์ผู้ใช้ วิธีนี้จะทำให้ผู้ใช้ไม่ต้องเชื่อมต่อกับที่อยู่กระเป๋าเงินของตนทุกครั้งที่เข้ามาใช้งานแพลตฟอร์มของคุณ

เมธอดที่รองรับ

Socios.com Wallet รองรับเมธอดต่อไปนี้:

• eth_sendTransaction

• eth_signTransaction

• personal_sign

เราวางแผนที่จะรองรับเมธอดต่อไปนี้ในเร็ว ๆ นี้:

• eth_signTypedData

• eth_signTypedData_v4

การยืนยัน SIWE

หากคุณต้องการใช้ Socios.com Wallet เพื่อยืนยันตัวตนโดยใช้ SWIE โปรดทราบว่า Socios.com Wallet เป็นกระเป๋าเงินแบบ SCA ไม่ใช่กระเป๋าเงิน EOA ทั่วไป ระบบนิเวศของ Ethereum มีบัญชีหลักสองประเภท: Smart Contract Accounts (SCAs) และ Externally Owned Accounts (EOAs)

แม้ว่าลายเซ็นสำหรับกระเป๋าเงิน EOA สามารถยืนยันได้ด้วย ecrecover (เช่น การใช้ ethers.utils.verifyMessage) แต่มาตรฐาน EIP-1271 (ซึ่ง Socios.com Wallet ใช้) จำเป็นต้องเรียกเมธอด isValidSignature ของ smart contract เพื่อยืนยัน

ดังนั้นเมื่อยืนยันตัวตนของบัญชี คุณต้องตรวจสอบก่อนว่าที่อยู่นั้นเป็น smart contract หรือไม่ และขึ้นอยู่กับผลลัพธ์นั้น ให้เลือกวิธีการยืนยันที่เหมาะสม