โอเพนซอร์สสุดเจ๋ง PinMe 2.0: แค่พูดคำเดียว AI ก็ช่วยคุณปรับใช้แอปฟูลสแต็กได้แล้ว เกิน 1 ล้านเว็บไซต์แล้ว!

ก่อนหน้านี้ผมได้แชร์โปรเจกต์โอเพนซอร์สที่ชื่อว่า PinMe ให้ทุกคนได้รู้จักกันไปแล้ว

ฟังก์ชันหลักของมันคือการแปลงหน้าเว็บแบบสแตติก รูปภาพ หรือไฟล์ในเครื่องใดๆ ที่คุณสร้างขึ้น ให้กลายเป็นลิงก์สาธารณะที่ใครก็สามารถเข้าถึงได้อย่างรวดเร็ว

เมื่อคุณสร้างหน้าเว็บแบบภาพที่เห็นได้เสร็จแล้วและต้องการแชร์ให้ผู้อื่น การใช้เครื่องมือนี้จะสะดวกมาก

เมื่อเร็วๆ นี้ โปรเจกต์นี้ได้รับการอัปเกรดครั้งใหญ่ ไม่เพียงแต่เปิดตัว Skill เฉพาะเท่านั้น แต่ยังรองรับการสร้างเว็บแอปพลิเคชันที่สมบูรณ์ด้วยคำสั่งเดียวอีกด้วย

ส่วนติดต่อผู้ใช้ฝั่งหน้า เซิร์ฟเวอร์ฝั่งหลัง ฐานข้อมูล ทุกส่วนประกอบพร้อมแล้ว แม้กระทั่งการปรับใช้ AI Agent ก็เสร็จสมบูรณ์

ตอนนี้คุณ只需用自然语言描述你想要的应用，AI Agent 在写完代码后，会直接帮你一键上线。你全程只需要提出需求即可。

โปรเจกต์นี้ช่วยให้ผู้ใช้部署เว็บไซต์ไปแล้วมากกว่า 1 ล้านแห่ง

ทรัพยากรแบบสแตติกถูกจัดเก็บผ่านเครือข่ายกระจายศูนย์ IPFS

โปรเจกต์แบบฟูลสแต็กใช้สถาปัตยกรรมแยกส่วนหน้าและหลัง：ส่วนหน้าใช้เฟรมเวิร์ก SPA สมัยใหม่ ส่วนหลังทำงานบน Edge Runtime และฐานข้อมูลใช้ Serverless SQL เพียงคำสั่งเดียวก็สามารถ部署ทั้งสายโซ่ได้

แพลตฟอร์มยังมีฟังก์ชันการส่งอีเมลและความสามารถในการเรียกใช้ LLM ซึ่งสามารถเรียกใช้ได้โดยตรงใน Worker

PinMe Skill ช่วยให้ AI แปลงโค้ดเป็นบริการออนไลน์ได้โดยตรงในระหว่างการสนทนา ผู้ใช้只需พูดว่า “สร้างเว็บไซต์” หรือ “部署一下” AI ก็จะดำเนินการสร้าง、部署、上线ทั้งหมดโดยอัตโนมัติ ประหยัดการตั้งค่าเซิร์ฟเวอร์、การผูกโดเมน、การสร้างฐานข้อมูลและการดำเนินการโครงสร้างพื้นฐานทั้งหมด

01 จากการ部署แบบสแตติกไปจนถึงฟูลสแต็ก脚手架

PinMe เปิดตัวเวอร์ชัน 1.0 ในเดือนเมษายนปีที่แล้ว ตอนนั้นมันเป็นเพียงเครื่องมือ部署หน้าเว็บแบบสแตติก

มันสามารถแปลงหน้าเว็บ、รูปภาพ等ทรัพยากรเป็นลิงก์สาธารณะได้ภายใน 30 วินาที ใครก็สามารถเปิดและดูหน้าของคุณได้

แต่ตอนนี้ PinMe 2.0 ได้พัฒนาไปอีกขั้น

การเปลี่ยนแปลงที่สำคัญที่สุดคือ：มันฝังตัวเข้าไปในเวิร์กโฟลว์ของ AI Agent และรองรับการ部署แอปพลิเคชันแบบฟูลสแต็ก

① เปิดตัว PinMe Skill

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

คุณอธิบายความต้องการให้ AI ฟังด้วยภาษาธรรมชาติ → AI เขียนโค้ดและสร้างโปรเจกต์ → เรียกใช้ PinMe โดยอัตโนมัติเพื่อ部署 → ส่งคืนลิงก์ที่เข้าถึงได้ให้คุณ

นี่เท่ากับการติดตั้ง “มือ” ที่สามารถเผยแพร่ไปยังอินเทอร์เน็ตให้กับ AI Agent มันไม่เพียงจัดการหน้าแบบสแตติก แต่ยังรองรับแอปพลิเคชันแบบฟูลสแต็ก

② สร้างแอปพลิเคชันแบบฟูลสแต็กที่มีส่วนหน้าและส่วนหลัง

หลังจากติดตั้ง PinMe Skill นอกจากการแชร์เนื้อหาแบบสแตติกได้อย่างรวดเร็วแล้ว ตอนนี้ยังรองรับการสร้างแอปพลิเคชันแบบฟูลสแต็กที่มีส่วนหลัง

ตัวอย่างเช่น สมุดบัญชีที่มีฐานข้อมูล、แอปพลิเคชันรวบรวมแบบฟอร์มลงทะเบียน、เครื่องมือ ToDo 等 ฟังก์ชันที่ก่อนหน้านี้ต้องใช้ฐานข้อมูล ตอนนี้สามารถเผยแพร่ได้ด้วยคลิกเดียวหลังจากพัฒนาเสร็จ

ตัวอย่างเช่น คุณสามารถทำแบบนี้：ใช้ PinMe Skill ช่วยฉันสร้างโปรเจกต์ฟูลสแต็กชื่อ “my-todo” มันต้องมีฟังก์ชันเพิ่ม、ลบ、แก้ไข、ค้นหารายการที่ต้องทำ ข้อมูลถูกเก็บในฐานข้อมูล สไตล์หน้าใช้视觉สไตล์ของ Claude ใน Awesome Design

มันจะเริ่มเขียนโค้ด、สร้างโปรเจกต์และ部署上线ให้คุณตั้งแต่ศูนย์

คุณ只需พูด一句ตลอดกระบวนการ

มันไม่ใช่หน้าแบบสแตติกอีกต่อไป แต่เป็นเว็บไซต์ไดนามิกที่มีฐานข้อมูล

อีกตัวอย่าง คุณสามารถทำแบบนี้：ใช้ PinMe Skill ช่วยฉันเขียนโปรเจกต์ฟูลสแต็ก ชื่อ “情侣记账” (บันทึกรายรับรายจ่ายคู่รัก) เพื่อให้ฉันและแฟนบันทึกรายรับรายจ่ายร่วมกัน คุณ先วางแผนฟังก์ชันที่โปรเจกต์นี้ควรมี แล้วค่อยพัฒนา

สุดท้าย มันจะสร้างโปรเจกต์ฟูลสแต็กที่มีส่วนหน้า、ส่วนหลังและการจัดเก็บข้อมูล

ฉัน只需แชร์ลิงก์ออกไป เมื่อคนอื่นลงทะเบียนและเข้าสู่ระบบ ก็สามารถบันทึกรายรับรายจ่ายร่วมกันได้

อีกตัวอย่าง คุณสามารถทำแบบนี้：/pinme สร้างบอร์ดวาดภาพพิกเซลแบบแชร์ ใครก็ตามที่เปิด URL ก็สามารถเข้าร่วมได้ ไม่ต้องเข้าสู่ระบบ 固定ขนาด 100×100 ทุกคนแชร์สถานะเดียวกัน ด้านล่างมีจานสี 16 สี เลือกสีแล้วคลิกที่ช่องใดก็ได้เพื่อระบายสี แต่ละ IP มีเวลาคูลดาวน์ 5 วินาทีหลังจากระบายหนึ่งช่อง เพื่อป้องกันสคริปต์สแปม

ไคลเอนต์轮询อัปเดต增量ทุกวินาที ช่องที่คนอื่นระบายคุณจะเห็นภายในหนึ่งวินาที ทั้งบอร์ดเหมือนมีมือหลายร้อยมือกำลังวาดพร้อมกัน สถานะบอร์ดจะถูกจัดเก็บถาวรในฐานข้อมูล ปิดเบราว์เซอร์แล้วเปิดใหม่ เนื้อหายังคงอยู่

รองรับการซูมและลาก ที่มุมขวาบนมี ticker แสดง “刚刚发生” (เพิ่งเกิดขึ้น) แสดงพิกัดและสีของ 5 รายการล่าสุด

02 เริ่มต้นใช้งานใน 5 นาที

สามสถานการณ์ เลือกตามความต้องการ

สถานการณ์ที่ 1：部署หน้าเว็บแบบสแตติก

npm install -g pinme
npm run build
pinme upload dist

รับลิงก์ เสร็จสิ้น แน่นอน คุณยังสามารถเข้าสู่ระบบเว็บไซต์ PinMe แล้วลากไฟล์อัปโหลดโดยตรงเพื่อสร้างลิงก์部署

สถานการณ์ที่ 2：部署โปรเจกต์ฟูลสแต็ก

npm install -g pinme
pinme login
pinme create my-app
cd my-app
# แก้ไขโค้ด模板...
pinme save

ส่วนหน้า + ส่วนหลัง + ฐานข้อมูล 上线ด้วยคลิกเดียว

สถานการณ์ที่ 3：ใช้ใน Claude Code

อันนี้最简单，直接以下方式安装这个 Skill，或者直接把开源项目链接丢给 CC，让它帮你安装。

npx skills add glitternetwork/pinme

แล้วบอก Claude Code โดยตรงว่าคุณต้องการทำอะไร หลังจากเขียนโค้ดเสร็จ มันจะ部署ให้คุณโดยอัตโนมัติและส่งลิงก์ให้คุณ

คุณอธิบายความต้องการ AI เขียนโค้ด AI 部署ให้คุณ คุณรับลิงก์

และถ้าคุณต้องการแก้ไขแอปพลิเคชันนี้ในภายหลัง ไม่ต้อง部署ใหม่ แค่คุยกับ Claude Code ต่อไป PinMe จะอัปเดตให้คุณโดยอัตโนมัติ ไม่ต้องกังวลเลย

ตลอดกระบวนการไม่มีอุปสรรคในการ部署 ไม่ต้อง配置อะไรเลย

สำหรับผู้ใช้ที่ทำ MVP验证、สร้าง Demo展示、หรือ生成หน้า AI นี่อาจเป็นวิธีที่ประหยัดมากในตอนนี้

ถ้าสนใจ ลองไปศึกษาโปรเจกต์โอเพนซอร์สนี้ดู

“`bash
ที่อยู่โอเพนซอร์ส：https://github.com/glitternetwork/pinme
เว็บไซต์：https://pinme.dev/
ติดตั้ง skill：npx skills add glitternetwork/pinme