ปัจจุบัน Bitcoin มีการพัฒนาอย่างต่อเนื่อง การมาถึงของ Lightning Network ช่วยให้การใช้งานหลากหลายมากขึ้น ส่งเงินได้รวดเร็ว ค่าธรรมเนียมต่ำ และยังเป็นส่วนหนึ่งของ Nostr เครือข่ายโซเชียลแบบกระจายศูนย์ที่เปิดโอกาสใหม่ ๆ มากมาย

## จะนำ Bitcoin Lightning มาใช้กับเว็บไซต์ได้อย่างไร?

มีหลายวิธี ในการรับโดเนทผ่าน Lightning แต่ผมมีวิธีเจ๋ง ๆ 2 วิธีมาแนะนำ :

1. **Lightning-Widget**: บริการสร้าง Widget ใส่เว็บไซต์

2. **Nostr-Zap**: ปุ่ม Zap ง่าย ๆ ให้เว็บไซต์

งั้นเรามาเริ่มกันเลยดีกว่า

## การใช้ Lightning-widget กับเว็บไซต์

เป็นบริการที่ให้สร้าง widget ที่นำเอาไปใส่ในเว็บไซต์คุณได้ มาดูวิธีทำกันดีกว่า ให้คุณกดเข้าเว็บไซต์นี้ได้เลย https://widgets.twentyuno.net/

เมื่อเข้าสู่เว็บไซต์ดังกล่าวแล้วให้กดปุ่ม “Get started”

คุณจะพบกับหน้าให้กรอกข้อมูลต่าง ๆ โดยมีอยู่ 4 รายการที่จำเป็นต้องใส่ข้อมูล

- **Color**: เลือกสีที่ต้องการ

- **Name**: ใส่ชื่อที่ต้องการ

- **Receiver**: ใส่ Lightning Address ของคุณ (หาได้จาก Lightning Wallet)

- **Image**: ใส่ลิงก์รูปภาพ (ฝากรูปได้ที่ https://img.doerig.dev/)

หลังใส่ข้อมูลเรียบร้อยแล้ว ให้คุณเลื่อนมาเพื่อเช็ก Preview

**Embed code**

```

name="your_name"

accent="color_code"

to="lightning_address"

image="URL_image"

/>

```

จากนั้นเอา Embed code ไปใส่เว็บไซต์ตัวเองได้เลย

> หมายเหตุ : Embed code นี้สามารถนำมาใช้ได้เรื่อย ๆ หรือแก้ไขได้โดยไม่ต้องสร้างใหม่ทุกครั้ง

## การใช้ Nostr-zap กับเว็บไซต์

สิ่งนี้เป็นเครื่องมือที่ช่วยให้คุณสามารถ "Zap" Nostr npub หรือ note จากที่ใดก็ได้ (การ zap คือการรับหรือส่ง Bitcoin Lightning ให้แก่กันได้ทันทีโดยตรงผ่านโปรโตคอล Nostr)

**มาดูวิธีทำกันดีกว่า**

- สร้าง button ภายในใส่ data-npub data-relays

- กำหนดข้อความที่คุณต้องการ

- จากนั้นให้วาง script: src="https://cdn.jsdelivr.net/npm/nostr-zap@0.22.0"

```

data-npub="your_npub"

data-relays="URL_relays"

>

Zap Me ⚡️

```

ตัวอย่าง :

```

data-npub="npub1qd6zcgzukmydscp3eyauf2dn6xzgfsevsetrls8zrzgs5t0e4fws7re0mj"

data-relays="wss://relay.damus.io,wss://relay.snort.social,wss://nostr.wine,wss://relay.nostr.band"

>

Zap Me ⚡️

```

จากนั้นเอา Embed code ไปใส่เว็บไซต์ตัวเองได้เลย

> อ่านข้อมูลเพิ่มเติมได้ที่ Github

https://github.com/SamSamskies/nostr-zap?tab=readme-ov-file

ไม่ยากเลยใช่ไหมทั้ง 2 วิธี

ชอบแบบไหนเลือกใช้ตามต้องการเลย

นำไปปรับใช้กันได้

หวังว่าจะเป็นประโยชน์นะครับ

แล้วเจอกันใหม่ในบทความหน้า!

#Siamstr #Nostr #Zap #Lightning

Reply to this note

Please Login to reply.

Discussion

อยากลองเอาไปแปะใน gitbook ดูหลายๆครับ 😁🙏

ขอบคุณมากๆครับพี่อาร์ม 💜

มีของน่าสนใจอีกอัน

สำหรับคนที่ทำ web แล้วอยากให้มี login ด้วย nostr

https://github.com/nostrband/nostr-login

ดูตัวอย่าง UI ได้ที่ Login ของ https://nostr.band