ปัจจุบัน Bitcoin มีการพัฒนาอย่างต่อเนื่อง การมาถึงของ Lightning Network ช่วยให้การใช้งานหลากหลายมากขึ้น ส่งเงินได้รวดเร็ว ค่าธรรมเนียมต่ำ และยังเป็นส่วนหนึ่งของ Nostr เครือข่ายโซเชียลแบบกระจายศูนย์ที่เปิดโอกาสใหม่ ๆ มากมาย
จะนำ Bitcoin Lightning มาใช้กับเว็บไซต์ได้อย่างไร?
มีหลายวิธี ในการรับโดเนทผ่าน Lightning แต่ผมมีวิธีเจ๋ง ๆ 2 วิธีมาแนะนำ :
- Lightning-Widget: บริการสร้าง Widget ใส่เว็บไซต์
- 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
<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 ไปใส่เว็บไซต์ตัวเองได้เลย
ตัวอย่าง:
<lightning-widget
name="Notoshi"
accent="#344c64"
to="notoshi@walletofsatoshi.com"
image="https://image.nostr.build/7f2d8c482bb3a0165771338788dd6021d660c4fcb72fed0c36c6a38990e550d4.jpg"
/>
<script src="https://embed.twentyuno.net/js/app.js"></script>
👇👇👇
*หมายเหตุ : Embed code นี้สามารถนำมาใช้ได้เรื่อย ๆ หรือแก้ไขได้โดยไม่ต้องสร้างใหม่ทุกครั้ง
การใช้ Nostr-zap กับเว็บไซต์
สิ่งนี้เป็นเครื่องมือที่ช่วยให้คุณสามารถ “Zap” Nostr npub หรือ note จากที่ใดก็ได้ (การ zap คือการรับหรือส่ง Bitcoin Lightning ให้แก่กันได้ทันทีโดยตรงผ่านโปรโตคอล Nostr)
มาดูวิธีทำกันดีกว่า
- สร้าง button ภายในใส่ data-npub data-relays กำหนดข้อความที่คุณต้องการ
- จากนั้นให้วาง script: <script src=”https://cdn.jsdelivr.net/npm/nostr-zap@0.22.0“></script>
<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>
จากนั้นเอา Embed code ไปใส่เว็บไซต์ตัวเองได้เลย
ตัวอย่าง :
<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>
👇👇👇
อ่านข้อมูลเพิ่มเติมได้ที่ Github
ไม่ยากเลยใช่ไหมทั้ง 2 วิธี
ชอบแบบไหนเลือกใช้ตามต้องการเลย
นำไปปรับใช้กันได้
หวังว่าจะเป็นประโยชน์นะครับ
แล้วเจอกันใหม่ในบทความหน้า!
