ปัจจุบัน Bitcoin มีการพัฒนาอย่างต่อเนื่อง การมาถึงของ Lightning Network ช่วยให้การใช้งานหลากหลายมากขึ้น ส่งเงินได้รวดเร็ว ค่าธรรมเนียมต่ำ และยังเป็นส่วนหนึ่งของ Nostr เครือข่ายโซเชียลแบบกระจายศูนย์ที่เปิดโอกาสใหม่ ๆ มากมาย
จะนำ Bitcoin Lightning มาใช้กับเว็บไซต์ได้อย่างไร?
มีหลายวิธี ในการรับโดเนทผ่าน Lightning แต่ผมมีวิธีเจ๋ง ๆ 2 วิธีมาแนะนำ :
- Lightning-Widget: บริการสร้าง Widget ใส่เว็บไซต์
- Nostr-Zap: ปุ่ม Zap ง่าย ๆ ให้เว็บไซต์ งั้นเรามาเริ่มกันเลยดีกว่า
การใช้ Lightning-widget กับเว็บไซต์
เป็นบริการที่ให้สร้าง widget ที่นำเอาไปใส่ในเว็บไซต์คุณได้ มาดูวิธีทำกันดีกว่า ให้คุณกดเข้าเว็บไซต์นี้ได้เลย widgets.twentyuno.net
เมื่อเข้าสู่เว็บไซต์ดังกล่าวแล้วให้กดปุ่ม “Get started”
คุณจะพบกับหน้าให้กรอกข้อมูลต่าง ๆ โดยมีอยู่ 4 รายการที่จำเป็นต้องใส่ข้อมูล
- Color: เลือกสีที่ต้องการ
- Name: ใส่ชื่อที่ต้องการ
- Receiver: ใส่ Lightning Address ของคุณ (หาได้จาก Lightning Wallet)
- Image: ใส่ลิงก์รูปภาพ (ฝากรูปได้ที่ img.doerig.dev) หลังใส่ข้อมูลเรียบร้อยแล้ว ให้คุณเลื่อนมาเพื่อเช็ก Preview
Embed code
<lightning-widget
name="your_name"
accent="color_code"
to="lightning_address"
image="URL_image"
/>
<script src="https://embed.twentyuno.net/js/app.js"></script>
จากนั้นเอา Embed code ไปใส่เว็บไซต์ตัวเองได้เลย
หมายเหตุ : Embed code นี้สามารถนำมาใช้ได้เรื่อย ๆ หรือแก้ไขได้โดยไม่ต้องสร้างใหม่ทุกครั้ง
การใช้ Nostr-zap กับเว็บไซต์
สิ่งนี้เป็นเครื่องมือที่ช่วยให้คุณสามารถ "Zap" Nostr npub หรือ note จากที่ใดก็ได้ (การ zap คือการรับหรือส่ง Bitcoin Lightning ให้แก่กันได้ทันทีโดยตรงผ่านโปรโตคอล Nostr)
มาดูวิธีทำกันดีกว่า
- สร้าง button ภายในใส่ data-npub data-relays
- กำหนดข้อความที่คุณต้องการ
- จากนั้นให้วาง script: src="cdn.jsdelivr.net/npm/nostr-zap@0.22.0"
<button
data-npub="your_npub"
data-relays="URL_relays"
>
Zap Me ⚡️
</button>
<script src="https://cdn.jsdelivr.net/npm/nostr-zap@0.22.0"></script>
ตัวอย่าง :
<button
data-npub="npub1qd6zcgzukmydscp3eyauf2dn6xzgfsevsetrls8zrzgs5t0e4fws7re0mj"
data-relays="wss://relay.damus.io,wss://relay.snort.social,wss://nostr.wine,wss://relay.nostr.band"
>
Zap Me ⚡️
</button>
<script src="https://cdn.jsdelivr.net/npm/nostr-zap@0.22.0"></script>
จากนั้นเอา Embed code ไปใส่เว็บไซต์ตัวเองได้เลย
อ่านข้อมูลเพิ่มเติมได้ที่ Github github.com/SamSamskies/nostr-zap?tab=readme-ov-file
ไม่ยากเลยใช่ไหมทั้ง 2 วิธี ชอบแบบไหนเลือกใช้ตามต้องการเลย นำไปปรับใช้กันได้
หวังว่าจะเป็นประโยชน์นะครับ แล้วเจอกันใหม่ในบทความหน้า!
#Siamstr #Nostr #Zap #Lightning