Pruk on Nostr: แจ่มแมวเลยย ...

แจ่มแมวเลยย

quoting
naddr1qq…hvqk

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

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

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

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

2. Nostr-Zap: ปุ่ม Zap ง่าย ๆ ให้เว็บไซต์ งั้นเรามาเริ่มกันเลยดีกว่า

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

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

https://image.nostr.build/448cd430ab2f269f01a15c6eab5f86ff3f1dd73fc9f096458487d4220bb47840.png

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

https://image.nostr.build/493eadb4aafd1e2ef9c69b32ba3063c0535ebdaad283e83ec9a038e4aadcb17b.png

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

• Color: เลือกสีที่ต้องการ
• Name: ใส่ชื่อที่ต้องการ
• Receiver: ใส่ Lightning Address ของคุณ (หาได้จาก Lightning Wallet)
• Image: ใส่ลิงก์รูปภาพ (ฝากรูปได้ที่ https://img.doerig.dev/) หลังใส่ข้อมูลเรียบร้อยแล้ว ให้คุณเลื่อนมาเพื่อเช็ก Preview

https://image.nostr.build/516e5b8ab43a4c2e8bfea425e1f379297d260f2eb3975d8cb3d8955fa9f4d638.png

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)

https://image.nostr.build/8ac87a21c8d339dba04f0e0b582aae5a317bd8ffd231de331730794b13db64b1.gif

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

• สร้าง button ภายในใส่ data-npub data-relays
• กำหนดข้อความที่คุณต้องการ
• จากนั้นให้วาง script: src=”https://cdn.jsdelivr.net/npm/[email protected]”

<button
    data-npub="your_npub"
    data-relays="URL_relays"
>
  Zap Me ⚡️
</button>
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></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/[email protected]"></script>

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

อ่านข้อมูลเพิ่มเติมได้ที่ Github https://github.com/SamSamskies/nostr-zap?tab=readme-ov-file

ไม่ยากเลยใช่ไหมทั้ง 2 วิธี ชอบแบบไหนเลือกใช้ตามต้องการเลย นำไปปรับใช้กันได้

หวังว่าจะเป็นประโยชน์นะครับ แล้วเจอกันใหม่ในบทความหน้า!

#Siamstr #Nostr #Zap #Lightning