โค้ดไหมล่ะ

โค้ดไหมล่ะ กลุ่มคนที่ชอบ "การออกแบบ" และ "การเขียนโค้ด"
มารวมกันโดยมิได้นัดหมาย
(นานๆ ทีจะมีคอนเทนต์ลงเพจ) สตูดิโอไหมล่ะ / Studio Maila / maila.in.th

Webhook ยังไม่พอใช่ไหม? ทรูมันนี่ ซุ่มเปิด API Portal สามารถตรวจสอบรายการรับเงิน และรายการถอนเงินไปยังธนาคารได้!อย่างที่...
28/07/2024

Webhook ยังไม่พอใช่ไหม? ทรูมันนี่ ซุ่มเปิด API Portal สามารถตรวจสอบรายการรับเงิน และรายการถอนเงินไปยังธนาคารได้!

อย่างที่ทุกท่านทราบกันดีผู้ใช้งานแอพ TrueMoney Wallet ที่มีรายการรับเงินเกิน 100 รายการต่อเดือน จะต้องถูกเก็บค่าธรรมเนียม (อัตราค่าธรรมเนียมปัจจุบันอยู่ที่ 2.9% สูงสุด 10 บาท) แต่ก็มีข้อดีที่สามารถเปิดใช้งานบริการรับแจ้งเตือนผ่าน Webhook ได้

แต่ตอนนี้ไม่ได้มีแต่ Webhook แล้ว!! เพราะหน้าเมนู Webhook ได้ถูกอัพเดตใหม่เป็น API Portal ซึ่งได้เพิ่ม API Services เข้ามา อาทิเช่น
- รับการแจ้งเตือน รับเงิน/เติมเงิน
- เช็คยอดเงินทรูมันนี่ (ยังไม่เปิดให้ใช้งาน)
- ตรวจสอบรายการ โอนเงินทรูมันนี่
- ตรวจสอบรายการ ถอนเงินไปบัญชีธนาคาร
- เช็คการรับเงิน/เติมเงิน (ยังไม่เปิดให้ใช้งาน)

ทั้งนี้สามารถดูรายละเอียด, วิธีใช้งาน และ API Key (Authorization) ได้ที่แอพพลิเคชั่น TrueMoney Wallet

#โค้ดไหมล่ะ #ทรูมันนี่

ซ่ะอย่างงั้น
15/04/2024

ซ่ะอย่างงั้น

**โปรดช่วยกันแชร์ต่อเพื่อความปลอดภัยของผู้ใช้งานดิสคอร์ดและชาวสตรีมเมอร์ เคสนี้ผู้ใช้งาน EasyDonate เจอกับตัวเอง

⚠️ เตือนภัย การโดนดูดเงินผ่าน "การส่งลิงก์อังเปาลงเซิร์ฟเวอร์ดิสคอร์ด"

ที่อาจจะส่งเป็นของขวัญให้เพื่อน หรือฝากไว้จากแอพในมือถือ เพื่อจะเอาไปใช้ซื้อของ หรือโดเนทให้สตรีมเมอร์ในคอมต่อ แต่ยังไม่ทันจะได้ใช้เลย ก็ดันมีคนรับไปซะแล้ว ทั้งๆ ที่ในเซิร์ฟเวอร์ดิสคอร์ดนั้นอาจจะไม่มีใครเลย มีเพียงเรา กับบอทดิสคอร์ด 2-3 ตัว

แล้วอย่างงี้ ใครเป็นคนขโมยเงินของเราไปล่ะ?

ผู้ต้องสงสัยคงไม่เว้น "บอทดิสคอร์ด 2-3 ตัว" ที่อยู่ในเซิร์ฟเวอร์ดิสคอร์ดของคุณนั่นแหละ

หลังจากมีผู้ใช้งาน EasyDonate มาแจ้งเรื่องให้เราทราบ ว่ายังไม่ได้ส่งลิงก์ที่ไหนเลย แค่แปะลงดิสคอร์ด เพื่อจะเอามาโดเนทให้สตรีมเมอร์ แต่ตอนจะเอามากดโดเนทนั้น ก็มีคนดันรับไปแล้วซะแล้ว (ได้อย่างไรกัน??)

ทางเราได้เคยทำข่าวเรื่องนี้ไปในเพจ AONA เมื่อตรุษจีน 2 ปีที่แล้ว เพราะงั้นเรื่องนี้ไม่ใช่เรื่องใหม่ แต่ทางเราก็ไม่คิดจริงๆ ว่าผ่านมา 2 ปีแล้ว จะยังมีคนไทยที่ทำเรื่องแบบนี้อยู่

ทางทีมงานของเราได้ลองทดสอบเรื่องนี้อีกครั้ง โดยการสร้างลิงก์อังเปาใหม่ และเอาไปโยนลงเซิร์ฟเวอร์ที่มีบอทดิสคอร์ดอยู่ พบว่ามีคนรับจริงๆ และชื่อคนรับยังตรงกับที่ผู้ใช้งาน EasyDonate โดนอีกด้วย

นอกจากนั้น ทางเรายังได้ลองกรองบอทดิสคอร์ดออกทีละตัว และสืบได้คร่าวๆ แล้ว ว่าบอทตัวไหนเป็นตัวดัก แต่เราอาจจะยังออกมาเปิดเผยไม่ได้ เนื่องจากหลักฐานยังไม่มากพอ อาจจะเข้าข่ายหมิ่นประมาท แต่การันตีว่าเป็นบอทคนไทยแน่ๆ

📌 วิธีการป้องกันเบื้องต้น
- งดส่งลิงก์อังเปาลงเซิร์ฟเวอร์ดิสคอร์ด ยกเว้นช่องข้อความ DM
- ตรวจสอบบทบาทของบอทดิสคอร์ดในเซิร์ฟเวอร์ของคุณดีๆ หากมีการเปิด Permission ที่สามารถเข้าถึงการอ่านข้อความไว้ เช่น "Read Message" หรือ "Administrator" แนะนำให้ปิด และเปิดตามการใช้งานของบอทตัวนั้นก็พอ

#จงต่อสู้เพื่อความถูกต้องและความเป็นธรรม

 #คาบข่าวโค้ด หลังจากที่มีการกล่าวถึงฟีเจอร์ใหม่ที่กำลังจะเพิ่มใน   5 นั่นก็คือ   ซึ่งจะเป็นเหมือน Syntax ใหม่ โดยเปลี่ย...
21/09/2023

#คาบข่าวโค้ด หลังจากที่มีการกล่าวถึงฟีเจอร์ใหม่ที่กำลังจะเพิ่มใน 5 นั่นก็คือ ซึ่งจะเป็นเหมือน Syntax ใหม่ โดยเปลี่ยนไปจากเดิมเป็นอย่างมาก

ยกตัวอย่างเช่น จากเดิมเราสามารถทำตัวแปรที่มี reactivity ได้ง่ายๆ โดยการประกาศ let ได้เลย ก็เปลี่ยนเป็น $state (คล้ายกับ useState() ใน React หรือ ref() ใน Vue) และ onMount เป็น $effect (คล้ายกับ useEffect() ใน React) เป็นต้น

ทั้งนี้ก็มีการแซวกันเล็กน้อยในหมู่ Dev ต่างชาติ (ทั้งใน Twitter หลักของ Svelte และในคลิปที่ Rich Harris ได้มีการเปิดตัวฟีเจอร์ใหม่นี้) ว่าหลังจากนี้ทุกเฟรมเวิร์คคงจะเหมือนกันหมด บ้างก็ว่าเป็นการเดินตามรอย , หรือบางส่วนก็มีการกล่าวถึง Breaking Change ที่คล้ายๆ กันอย่างเช่น 3

อย่างไรก็ตามดูเหมือนว่าฟีเจอร์นี้จะไม่เป็นการบังคับแบบหักดิบ จะมีให้ opt-in ก่อน แต่ก็ต้องรอดู Svelte 5 ตัวจริงออกมา ว่าจะ Impact ขนาดไหน ทั้งนี้ทีมงานก็ได้เปิดหน้าเว็บ Preview สำหรับทดสอบ Runes ด้วย สามารถเข้าไปดูได้ที่ https://svelte-5-preview.vercel.app/

ส่วนรายละเอียดเพิ่มเติมเกี่ยวกับ Runes
สามารถอ่านได้จากประกาศ และ Preview Docs
https://svelte.dev/blog/runes
https://svelte-5-preview.vercel.app/docs/introduction

Dev ชาวไทยมีความเห็นอย่างไรบ้าง ใครที่ใช้ Svelte อยู่ หรือสนใจจะใช้ Svelte เชิญมาอภิปรายเรื่องนี้กันได้ครับ

#โค้ดไหมล่ะ #สตูดิโอไหมล่ะ

อัพเดต: สามารถใช้งานได้ตามปกติแล้ว (04/05/2023 00:51 น.)  อย่าได้ตกใจไปเว็บคุณไม่ได้แตก แต่   ต่างหากที่แตก!!วันนี้ (ตั้...
03/05/2023

อัพเดต: สามารถใช้งานได้ตามปกติแล้ว (04/05/2023 00:51 น.)

อย่าได้ตกใจไปเว็บคุณไม่ได้แตก แต่ ต่างหากที่แตก!!

วันนี้ (ตั้งแต่ช่วง 22:30 น. โดยประมาณ) Google reCAPTCHA ล่มทั่วโลก ผู้ใช้งานเว็บไซต์หลายๆ เว็บไม่สามารถ Login ได้ หรือ Submit Form ที่มี reCAPTCHA ได้ แม้แต่เว็บไซต์ที่ใช้งาน reCAPTCHA Enterprise ก็ไม่รอด ล่มกันระนาวเช่นกัน

ซึ่งจากที่ทางทีมงานเราตรวจสอบ API Site Verify ของ reCAPTCHA และตัวโดเมนเนมสำรอง recaptcha.net ก็ไม่สามารถเข้าถึงได้ โดยตอบกลับมาเป็น Error Code 502

ทั้งนี้ทาง ยังไม่มีการชี้แจงใดๆ หากมีข้อมูลเพิ่มเติมทางเราจะรายงานให้ทราบต่อไป

เรียบเรียง/กราฟิค: Wazt
ที่มา: ประสบพบเจอด้วยตนเอง

#สตูดิโอไหมล่ะ ่ม ่ม

16/03/2023

BREAKING: ทรูมันนี่ขึ้นค่าธรรมเนียม P2P/รับซอง เป็น 2.3% (สูงสุด 10 บ.) มีผล 15 เม.ย.
กระทบผู้ใช้ Webhook API

  พี่อีลอนเล่นอะไรเนี่ย? อย่าเพิ่งชาร์จแพลน API หนู แค่จะเข้าดูทวิตเฉยๆด่วน! ผู้ใช้บางส่วนไม่สามารถเข้าเว็บไซต์ Twitter ...
06/03/2023

พี่อีลอนเล่นอะไรเนี่ย? อย่าเพิ่งชาร์จแพลน API หนู แค่จะเข้าดูทวิตเฉยๆ

ด่วน! ผู้ใช้บางส่วนไม่สามารถเข้าเว็บไซต์ Twitter ได้ ตั้งแต่ช่วงเที่ยงคืนของวันนี้ (7 มี.ค.) หรือบางส่วนเข้าได้ กดลิงค์ภายในเว็บได้ แต่แสดงข้อความ JSON ระบุว่า

{"errors":[{"message":"Your current API plan does not include access to this endpoint, please see https://developer.twitter.com/en/docs/twitter-api for more information","code":467}]}

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

เรียบเรียง/กราฟิค: Wazt

#สตูดิโอไหมล่ะ ่ม #ทวิตล่ม #ทวิตเตอร์

UPDATE: ตอนนี้สามารถใช้งานได้ตามปกติแล้ว  ACME Certbot พังแหละดูออก -- SSL Certificate classic.yarnpkg.com หมดอายุวันนี้...
12/02/2023

UPDATE: ตอนนี้สามารถใช้งานได้ตามปกติแล้ว

ACME Certbot พังแหละดูออก -- SSL Certificate classic.yarnpkg.com หมดอายุวันนี้ กระทบ CI/CD ที่ใช้ yarn 1.x ถ้า Cloudflare Pages Build ไม่ผ่านก็ไม่ต้องตกใจ

เหตุนี้คนรู้จักแอดได้ประสบปัญหา Build เว็บใน Cloudflare Pages ไม่ผ่าน ตอนแรกก็คิดว่าโค้ดตัวเองพัง แต่ที่ไหนได้!! เช็คใน Logs ดู เท่านั้นแหละ yarn SSL บินจ้า!

ทั้งนี้ทางแอดได้ไปดูใน Discord ของ yarnpkg ก็มีผู้ประสบปัญหาเดียวกัน และได้ตั้ง Thread แจ้งปัญหาไปแล้ว ยังไงก็รอดูกันอีกทีว่าทาง Maintainer จะมาแก้ตอนไหน

เรียบเรียง/กราฟิค: Wazt

#สตูดิโอไหมล่ะ

ช่วง...  ่าใช้ ในยุคนี้ ที่อะไรๆ ก็เป็น QR Payment ไปซ่ะหมด สิ่งที่เราจะมองข้ามไปไม่ได้เลยนั่นก็คือมาตรฐาน Thai QR Payme...
18/12/2022

ช่วง... ่าใช้
ในยุคนี้ ที่อะไรๆ ก็เป็น QR Payment ไปซ่ะหมด สิ่งที่เราจะมองข้ามไปไม่ได้เลยนั่นก็คือมาตรฐาน Thai QR Payment หรือ "พร้อมเพย์" ซึ่งสามารถทำให้บุคคลทั่วไปหรือนิติบุคคลต่างๆ สามารถรับชำระเงินได้อย่างง่ายดายผ่าน QR Code

สำหรับ Library ที่เราจะมาแนะนำกันในวันนี้ นั่นก็คือ "PromptParse"
เป็น Library สำหรับ Parse และ Build ข้อมูลสำหรับไปทำ QR Code อีกทีนั่นเอง

ยกตัวอย่างสิ่งที่คุณสามารถทำด้วย Library นี้ได้ อาทิเช่น
- สร้าง QR Data สำหรับ PromptPay (Tag 29, Tag 30, ฯลฯ)
- Parse ข้อมูล QR Code บนสลิปโอนเงิน เพื่อนำ Ref ID ไปเช็คกับ Slip Verification API
- และที่เด็ดสุดๆ คือ มี Generators แบบสำเร็จรูปพร้อมใช้งาน และสามารถนำไปสร้าง QR Code สำหรับแอพ TrueMoney Wallet ได้ด้วย!!

โค้ดตัวอย่างการสร้าง QR Code สำหรับ TrueMoney Wallet
```
import { generate } from 'promptparse/dist/generators/TrueMoney'

let data = generate('08######xx', 100.00, 'สวัสดีแมว')

console.log(data) // นำข้อมูลตรงนี้ไปสร้างรูป QR Code
```
ขอกระซิบว่า ถ้าใช้คู่กับ TrueMoney Wallet Webhook (สำหรับคนที่มีมากกว่า 100 Transaction ต่อเดือน) จะเหมาะมากๆ เพราะตัว Webhook จะแนบข้อความตอนโอนกลับมาให้เว็บไซต์เราด้วย!
อ่านเพิ่มเติม: https://www.facebook.com/studiomaila/posts/3216308225319450

จะเห็นได้ว่า Library ตัวนี้สามารถทำได้หลากหลาย และใช้งานง่ายมากๆ

หากใครสนใจ สามารถติดตั้งนำไปใช้กับโปรเจคของท่านได้เลย
npm install promptparse
yarn add promptparse
pnpm install promptparse

อ่านรายละเอียดเพิ่มเติม + ดู Source Code ได้ที่ GitHub
https://github.com/maythiwat/promptparse
(มาช่วย Contribute กันได้, หากเห็นตรงไหนที่ตะหงิดๆ ใจ อย่าเกรงกลัวที่จะ Pull Request เข้ามา!)

บริจาคสนับสนุนผู้พัฒนาได้ที่
https://ko-fi.com/maythiwat
https://paypal.me/maythiwat

ติดตามสตูดิโอไหมล่ะ
Website: https://maila.in.th
Facebook: Studio Maila

#สคูดิโอไหมล่ะ #พร้อมเพย์ #ทรูมันนี่ #ทรูมันนี่วอลเล็ท

JetBrains Fleet ปล่อยเวอร์ชั่น Public Preview แล้ว!เมื่อวานนี้ (12 ตุลาคม 2022) ทาง JetBrains ได้ประกาศปล่อย Public Prev...
13/10/2022

JetBrains Fleet ปล่อยเวอร์ชั่น Public Preview แล้ว!

เมื่อวานนี้ (12 ตุลาคม 2022) ทาง JetBrains ได้ประกาศปล่อย Public Preview ของ JetBrains Fleet ซึ่งถือว่าเป็น IDE/Code Editor ตัวใหม่ล่าสุดจากค่าย ที่เปิดตัวเมื่อปลายปี 2021 ที่ผ่านมา

หลายๆ คนอาจจะยังไม่เข้าใจ ว่าเจ้า Fleet เนี้ย มันเป็น IDE หรือ Editor กันแน่?
ถ้าเอาให้ชัดๆ เลยคือ "เป็นได้ทั้งสองอย่าง" เพราะมี 2 Mode หลักๆ คือ Editor Mode ที่จะเป็น Text Editor เบาๆ สามารถแก้ไขโค้ดทั่วไปได้อย่างชิลๆ และ Smart Mode ที่จะเป็น IDE แบบเต็มตัว โดยขับเคลื่อนด้วย IntelliJ Code Engine (ใครใช้ IDE ของ JetBrains น่าจะคุ้นชื่อ IntelliJ เป็นอย่างดี)

เอ้อ แล้วจะบอกว่าตัว JetBrains Fleet เนี้ย ไม่ได้ใช้ Electron หรือเป็น Chromium-based แบบ VSCode หรือ Editor ตัวอื่นนะ... เพราะว่าโดยหลักๆ จะเขียนด้วยภาษา Kotlin และในส่วนของ Fleet System Agent จะเขียนด้วยภาษา Rust นั่นเอง!

อีกข้อสังเกตนึงคือ ในช่วง Public Preview ตัว JetBrains Fleet จะปล่อยให้ใช้ฟรี แต่หลังจากนี้จะมีการแยกเวอร์ชั่นฟรีและเวอร์ชั่นเสียเงิน (สำหรับเชิงพาณิชย์) ออกมาเหมือนกับ IDE ตัวอื่นๆ ของ JetBrains ...อย่างไรก็ตาม ก็มีการระบุเพิ่มเติมด้วยว่า Editor Mode (ที่ไม่มีฟังก์ชั่น IDE) จะสามารถใช้ได้ฟรีสำหรับงานทุกรูปแบบ

ใครที่สนใจหรืออยากอ่านข้อมูลเพิ่มเติมเกี่ยวกับ JetBrains Fleet
สามารถเข้าไปที่เว็บไซต์ https://www.jetbrains.com/fleet/ ได้เลยครับ

เรียบเรียง: มธว.

อ้างอิง:
https://blog.jetbrains.com/fleet/2022/10/introducing-the-fleet-public-preview/

#สตูดิโอไหมล่ะ

 ่ะ เห็นโพสต์ตามกลุ่มต่างๆ มีคนแตกตื่นว่า Windows 10 จะใช้ไม่ได้แล้ว? บ้างก็ว่าให้รีบอัพเกรดเป็น Windows 11 ...ทั้งๆ ที่...
20/09/2022

่ะ เห็นโพสต์ตามกลุ่มต่างๆ มีคนแตกตื่นว่า Windows 10 จะใช้ไม่ได้แล้ว? บ้างก็ว่าให้รีบอัพเกรดเป็น Windows 11 ...

ทั้งๆ ที่แท้จริงแล้วก็เป็นการ Drop Support ตามรอบโดยทั่วไปเท่านั้น
โดย Windows 10 เวอร์ชั่น 21H1 ซึ่งปล่อยเมื่อวันที่ 18 พ.ค. 2021 จะสิ้นสุดการสนับสนุนในวันที่ 13 ธ.ค. 2022 (อีก 3 เดือน ตามข่าวว่า)

💥 แต่ไม่ต้องตกใจไป เพราะส่วนมากน่าจะอัพเดตเป็น Windows 10 เวอร์ชั่น 21H2 ซึ่งปล่อยเมื่อวันที่ 16 พ.ย. 2021 กันแล้ว โดยตัว 21H2 จะสิ้นสุดการสนับสนุนในวันที่ 13 มิ.ย. 2023 (อีก 9 เดือนแหน่ะ)

เอาเป็นว่าใครใช้ Windows 10 อยู่ ก็อัพเดตเป็นเวอร์ชั่นล่าสุด (21H2) ซ่ะ จะได้ใช้กันต่อไปอีกพักนึง ...ซึ่งส่วนมากก็น่าจะอัพกันอยู่แล้วแหละ
(เพราะมันแอบอัพเดตอยู่แล้ว... ถ้าเราไม่ไปปิด Service มันไว้อะนะ 🌚)

ก่อนจะถึงวันที่เลิก Support Windows 10 เวอร์ชั่นสุดท้ายจริงๆ ก็หวังว่า Windows 11 จะเสถียรดีพร้อมใช้งานนะ ผู้คนจะได้ไม่ต้องกังวล...

#สตูดิโอไหมล่ะ #เลิกSupport

มีผู้ใช้งาน TrueMoney Wallet พบว่ามีฟีเจอร์ใหม่ในแอพฯ ว่าถ้าหากมีรายการรับเงิน 100 ครั้งขึ้นไป จะมีลิงค์ปรากฏในหน้าสรุปค...
01/06/2022

มีผู้ใช้งาน TrueMoney Wallet พบว่ามีฟีเจอร์ใหม่ในแอพฯ ว่าถ้าหากมีรายการรับเงิน 100 ครั้งขึ้นไป จะมีลิงค์ปรากฏในหน้าสรุปค่าธรรมเนียมการรับโอนเงิน¹ เมื่อกดแล้วจะนำไปสู่หน้าสร้าง Webhook รับแจ้งเตือนจากแอพได้

ลักษณะของข้อมูลใน Webhook ที่ทางทรูมันนี่ส่งมา จะเป็น JWT (JSON Web Token) ซึ่งทางผู้ใช้งานต้องไปนำ Decode เพื่อนำข้อมูลออกมา (ประกอบด้วย: ประเภทรายการ, เบอร์โทรศัพท์ผู้โอนเงิน, วันที่เวลาที่โอนเงิน, ข้อความแนบจากผู้โอน) โดยมีการยืนยันความถูกต้องด้วยการใช้ Secret Key SHA-256 ซึ่งจะ Generate ให้เมื่อเพิ่ม URL Webhook เลย

แต่ทุกท่านคงทราบกันดีอยู่แล้ว ว่าหากรับโอนเงินหรือซองของขวัญ เป็นจำนวน 100 ครั้งขึ้นไป (ต่อเดือน) จะถูกหักค่าธรรมเนียม 1.9% (สูงสุด 10 บาท) ตรงนี้คือส่วนที่ต้องแลกกัน เพื่อให้ได้ Webhook API นี้มา

ซึ่งหากถามว่าคุ้มค่ามั้ย ก็คงตอบได้ไม่เต็มปากนัก แต่ก็ถือว่าเป็นนิมิตรหมายอันดีสำหรับบุคคลธรรมดา ที่ต้องการรับเงินผ่าน TrueMoney Wallet และต้องการทำระบบอัตโนมัติต่างๆ โดยไม่จำเป็นต้องไปขอ Payment Gateway นั่นเอง

---

ข้อมูลจาก Tanakorn Chotayakrit
https://www.facebook.com/DearTanakorn/posts/2095857747271030

---

¹ หน้าสรุปค่าธรรมเนียมการรับโอนเงิน จะปรากฏขึ้นในกล่องข้อความ เมื่อรับโอนเงินหรือซองของขวัญ 50 ครั้งขึ้นไป (ไม่ต่ำกว่า 10 บาท/ครั้ง) เมื่อครบ 100 ครั้ง จึงจะสามารถกดลิงค์ขอ Webhook API ได้

#สตูดิโอไหมล่ะ

ถือว่าแก้ Pain Point ได้ดี จากการที่คนดูหนัง/การ์ตูนลิขสิทธิ์ก็ทำให้คนหันมาสนับสนุนของถูกลิขสิทธิ์ได้ง่ายขึ้นเพราะมีเว็บ...
20/10/2021

ถือว่าแก้ Pain Point ได้ดี จากการที่คนดูหนัง/การ์ตูนลิขสิทธิ์
ก็ทำให้คนหันมาสนับสนุนของถูกลิขสิทธิ์ได้ง่ายขึ้น
เพราะมีเว็บไซต์ที่รวบรวมมาให้แล้วนั่นเองครับ

ส่องไหมล่ะ! ~ POPCATวันนี้เรามาดูกันว่าเว็บที่คนไทยพยายามกดแมวจนได้ที่หนึ่งของโลกนั้น ใช้อะไรในการทำเว็บบ้าง!เว็บ POPCAT...
15/08/2021

ส่องไหมล่ะ! ~ POPCAT
วันนี้เรามาดูกันว่าเว็บที่คนไทยพยายามกดแมวจนได้ที่หนึ่งของโลกนั้น ใช้อะไรในการทำเว็บบ้าง!

เว็บ POPCAT ใช้ Vue.js 2 เป็น Frontend Framework
มีการใช้ reCaptcha v3 สำหรับยืนยัน request ตอน submit stats ด้วย (เรียกใช้ด้วย module VueRecaptcha)

ส่วน Library อื่นๆที่ใช้ก็มี axios ใช้ยิง Request กลับไปยัง Backend
และ howler.js ซึ่งนำมาใช้เล่นเสียงนั่นเองครับ

ตัวเว็บ Deploy ลงบน Netlify และใช้ Cloudflare เป็น CDN อีกที
แน่นอนว่ามีการใช้ Analytics ของ Cloudflare ด้วย
(เพิ่มเติม: เมื่อเข้าครั้งแรกเว็บไซต์จะดึงประเทศของเราจาก /cdn-cgi/trace ซึ่งมาจาก Cloudflare อีกเช่นกัน, เรียกได้ว่าใช้คุ้มจริงๆ)

#สตูดิโอไหมล่ะ
#ส่องไหมล่ะ

09/06/2020

ที่อยู่

Bangkok

เว็บไซต์

แจ้งเตือน

รับทราบข่าวสารและโปรโมชั่นของ โค้ดไหมล่ะผ่านทางอีเมล์ของคุณ เราจะเก็บข้อมูลของคุณเป็นความลับ คุณสามารถกดยกเลิกการติดตามได้ตลอดเวลา

ติดต่อ ธุรกิจของเรา

ส่งข้อความของคุณถึง โค้ดไหมล่ะ:

แชร์