ตระกูล Claude ของ Anthropic เป็นชุดโมเดลแบบปิดที่มีความสามารถสูงสุดสำหรับการเขียนโค้ดจริงจัง งานตัวแทน และการให้เหตุผลแบบบริบทขนาดยาว ซึ่งราคา API ก็สะท้อนถึงเรื่องนี้: Sonnet มีค่าใช้จ่าย 3 / 15 ดอลลาร์ต่อล้านโทเค็น ส่วน Opus มีราคาสูงกว่า ค่าใช้จ่ายนั้นทำให้โปรเจกต์ส่วนตัวส่วนใหญ่ต้องหยุดชะงักก่อนที่จะเริ่มต้น มีวิธีหนึ่งที่จะเปลี่ยนรูปแบบการเรียกเก็บเงินโดยสิ้นเชิงคือ Puter.js ที่เปิดเผยโมเดล Claude ทั้งหมด (Opus 4.7, Sonnet 4.6, Haiku 4.5 และอีกเจ็ดรุ่น) โดยไม่ต้องใช้คีย์ Anthropic และจะเรียกเก็บเงินจากผู้ใช้ปลายทางแทนนักพัฒนา สำหรับคุณในฐานะผู้สร้าง มันฟรีและไม่จำกัดในทางโครงสร้าง
คู่มือนี้จะอธิบายการตั้งค่าตั้งแต่ต้นจนจบ: รหัสโมเดล โค้ดที่ใช้งานได้ การสตรีม และข้อแลกเปลี่ยนที่คุณควรรู้ก่อนนำไปใช้งานจริง
สรุป
- **Puter.js** ช่วยให้นักพัฒนาสามารถเข้าถึงโมเดล Claude ได้ฟรีและไม่จำกัด โดยไม่ต้องใช้คีย์ API, ไม่มีค่าใช้จ่ายจาก Anthropic, และไม่ต้องมีเซิร์ฟเวอร์
- ผู้ใช้ปลายทางเป็นผู้รับผิดชอบค่าใช้จ่ายจากการใช้งานของตนเองผ่านบัญชี Puter คุณไม่ต้องจ่ายอะไรเลย
- โมเดลที่รองรับ: **Opus 4.7, Opus 4.6, Opus 4.6 Fast, Opus 4.5, Opus 4.1, Opus 4, Sonnet 4.6, Sonnet 4.5, Sonnet 4, Haiku 4.5**
- เพียงแท็ก
<script>หนึ่งแท็ก และการเรียกใช้ฟังก์ชันหนึ่งครั้ง (puter.ai.chat) คุณก็สามารถคุยกับ Claude ได้แล้ว - การสตรีม, ข้อความระบบ (system prompts), การสนทนาแบบหลายเทิร์น ใช้งานได้ทั้งหมด; Puter สะท้อนรูปแบบข้อความของ Anthropic
- ใช้ Apidog เพื่อสร้างสคริปต์พรอมต์เดียวกันกับ Claude ผ่าน Puter และกับ Anthropic API อย่างเป็นทางการสำหรับการเปรียบเทียบประสิทธิภาพ
"ฟรีไม่จำกัด" ทำงานอย่างไรเบื้องหลัง
Puter.js เป็นไลบรารีคลาวด์ไร้เซิร์ฟเวอร์และ AI ที่ทำงานในเบราว์เซอร์ สถาปัตยกรรมที่พลิกผันคือ: แทนที่คุณจะเป็นผู้ถือคีย์ Anthropic API และรับผิดชอบค่าใช้จ่าย ผู้ใช้ปลายทางของคุณจะลงชื่อเข้าใช้ Puter (บัญชีฟรี) และการเรียกใช้งานจะถูกหักจากยอดคงเหลือของพวกเขา บัญชี Puter ใหม่จะมาพร้อมกับเครดิตเริ่มต้น; ผู้ใช้สามารถเติมเงินได้หากต้องการใช้เพิ่ม
สำหรับนักพัฒนา สิ่งนี้หมายถึงสามประการ:
- **ไม่มีคีย์ API ใน repo ของคุณ** ไม่มีความเสี่ยงในการรั่วไหล, ไม่ต้องหมุนเวียนคีย์, ไม่ต้องจัดการคีย์เฉพาะโปรเจกต์
- **ไม่มีข้อจำกัดการใช้งานในฝั่งของคุณ** ผู้ใช้ทุกคนจะใช้บัญชีของตนเอง ดังนั้น "ขีดจำกัด" ของคุณจะเพิ่มขึ้นตามจำนวนผู้ใช้
- **ไม่จำเป็นต้องมีความสัมพันธ์กับ Anthropic** คุณไม่จำเป็นต้องเซ็นสัญญากับ Anthropic; Puter เป็นตัวกลาง
ข้อแลกเปลี่ยนคือ: นี่เน้นการทำงานบนเบราว์เซอร์ สคริปต์ Python ฝั่งแบ็กเอนด์ไม่สามารถใช้ Puter ได้หากไม่มีเซสชันผู้ใช้ที่ลงชื่อเข้าใช้ สำหรับการใช้งานฝั่งแบ็กเอนด์ โปรดดูส่วนทางเลือกด้านล่าง
ขั้นตอนที่ 1: ใส่สคริปต์
แท็กเดียวใน HTML ของคุณ ไม่ต้องมีขั้นตอนการบิลด์:
<script src="https://js.puter.com/v2/"></script>
นั่นคือทั้งหมดของการติดตั้ง ไม่มีการ npm install, ไม่มีการกำหนดค่าคีย์, ไม่มีการตั้งค่า DNS หากคุณต้องการ NPM สำหรับแอปพลิเคชันที่รวมเป็นหนึ่ง:
npm install @heyputer/puter.js
import { puter } from '@heyputer/puter.js';
แท็ก CDN เป็นวิธีที่ง่ายที่สุดสำหรับเว็บไซต์แบบสแตติกหรือต้นแบบที่รวดเร็ว การอิมพอร์ตด้วย NPM จะช่วยให้คุณสามารถทำ tree-shaking และมีประเภท TypeScript ในการบิลด์ด้วย Vite หรือ Webpack
ขั้นตอนที่ 2: เลือกโมเดล Claude
Puter เปิดเผยแคตตาล็อก Anthropic ทั้งหมด รหัสโมเดลจะใช้ชื่อตามการตั้งชื่อของ Anthropic โดยมีขีดคั่น:
| รหัสโมเดล | ควรใช้เมื่อใด |
|---|---|
claude-opus-4-7 |
เรือธงล่าสุด; การให้เหตุผลเชิงลึกที่สุด, งานตัวแทนที่ดีที่สุด |
claude-opus-4-6 |
เรือธงรุ่นก่อน; การเขียนโค้ดที่แข็งแกร่ง, ราคาถูกกว่าเล็กน้อย |
claude-opus-4.6-fast |
รุ่นย่อยของ Opus ที่มีความหน่วงต่ำกว่า |
claude-opus-4-5 |
ทางเลือกที่เสถียรสำหรับตัวแทนในระดับการผลิต |
claude-opus-4-1 |
รุ่นเก่าที่เสถียร; พฤติกรรมเป็นที่เข้าใจดี |
claude-opus-4 |
รุ่นพื้นฐาน Opus 4 ดั้งเดิม |
claude-sonnet-4-6 |
รุ่นใช้งานประจำวันเริ่มต้น; สมดุลที่ดีระหว่างต้นทุน/คุณภาพ |
claude-sonnet-4-5 |
Sonnet รุ่นก่อน; ราคาถูกกว่า, ยังคงยอดเยี่ยมสำหรับงานส่วนใหญ่ |
claude-sonnet-4 |
รุ่นพื้นฐาน Sonnet 4 |
claude-haiku-4-5 |
เร็วที่สุด, ถูกที่สุด; เหมาะสำหรับการจำแนกประเภทปริมาณมาก |
สองรุ่นที่คุณควรเลือกใช้เป็นอันดับแรกคือ: **claude-sonnet-4-6** สำหรับการให้เหตุผลทั่วไป และ **claude-haiku-4-5** สำหรับการจำแนกประเภทที่รวดเร็ว ใช้ **claude-opus-4-7** เมื่อคุณต้องการความลึกซึ้งอย่างแท้จริง (การให้เหตุผลแบบยาว, การตรวจสอบโค้ดที่ซับซ้อน, การวางแผนหลายขั้นตอนแบบตัวแทน)
ขั้นตอนที่ 3: ให้ Claude พูด
การเรียกใช้งานขั้นต่ำที่ใช้งานได้:
<!DOCTYPE html>
<html>
<body>
<script src="https://js.puter.com/v2/"></script>
<script>
puter.ai.chat(
"Explain quantum computing in simple terms",
{ model: 'claude-sonnet-4-6' }
).then(response => {
puter.print(response.message.content[0].text);
});
</script>
</body>
</html>
เปิดไฟล์ในเบราว์เซอร์ Puter จะจัดการการเรียก API ผู้ใช้จะลงชื่อเข้าใช้ (หรือสร้างบัญชี Puter ฟรีในการใช้งานครั้งแรก) และการตอบกลับจะถูกพิมพ์ลงบนหน้าเว็บ
โครงสร้างการตอบกลับจะเหมือนกับ Anthropic’s message API โดย response.message.content เป็นอาร์เรย์ของบล็อกเนื้อหา; สำหรับการตอบกลับด้วยข้อความล้วน คุณจะอ่าน [0].text สำหรับการตอบกลับแบบหลายส่วน (ข้อความ + การเรียกใช้เครื่องมือ) ให้วนซ้ำอาร์เรย์
ขั้นตอนที่ 4: สตรีมการตอบกลับ
คำตอบที่ยาวจะรู้สึกช้าหากไม่มีการสตรีม ส่ง stream: true และใช้งานตัววนซ้ำ:
const response = await puter.ai.chat(
"Write a detailed essay on the impact of artificial intelligence on society",
{ model: 'claude-sonnet-4-6', stream: true }
);
for await (const part of response) {
puter.print(part?.text);
}
รูปแบบ for await จะอ่านส่วนต่างๆ เมื่อมาถึง สำหรับ UI แชท ให้เพิ่มแต่ละ part.text ลงในช่องข้อความของคุณ; ผู้ใช้จะเห็นข้อความปรากฏขึ้นทีละคำ
ขั้นตอนที่ 5: การสนทนาแบบหลายรอบ
ส่งอาร์เรย์ของข้อความแทนสตริงเดียว ข้อความแต่ละข้อความมี role และ content:
const messages = [
{ role: 'user', content: 'I am building a Next.js app with Postgres.' },
{ role: 'assistant', content: 'Got it. What do you need help with?' },
{ role: 'user', content: 'How should I structure the migrations folder?' },
];
const response = await puter.ai.chat(messages, {
model: 'claude-opus-4-7',
});
console.log(response.message.content[0].text);
เพื่อคงสถานะไว้ตลอดการสนทนา ให้เพิ่มข้อความของผู้ใช้และคำตอบของผู้ช่วยแต่ละรายการลงในอาร์เรย์ก่อนการเรียกใช้งานครั้งถัดไป Claude จะอ่านบันทึกการสนทนาทั้งหมดและรักษาความสอดคล้องไว้
ขั้นตอนที่ 6: ข้อความระบบ (System prompts)
กำหนดบุคลิก ข้อจำกัด และรูปแบบการแสดงผลด้วยข้อความระบบที่ส่วนบนสุด:
const messages = [
{ role: 'system', content: 'You are a senior backend engineer. Reply in numbered bullets, never more than five.' },
{ role: 'user', content: 'How do I prevent SQL injection in a Node app?' },
];
const response = await puter.ai.chat(messages, { model: 'claude-sonnet-4-6' });
ข้อความระบบจะคงอยู่ตลอดการสนทนา และเป็นส่วนที่เหมาะสมสำหรับกำหนดน้ำเสียง, รูปแบบการแสดงผล, และข้อจำกัดด้านพฤติกรรม
เปรียบเทียบโมเดลด้วยพรอมต์เดียวกัน
วิธีที่เร็วที่สุดในการค้นหาโมเดล Claude ที่เหมาะสมกับกรณีการใช้งานของคุณคือการสร้างสคริปต์พรอมต์เดียวกันเพื่อทดสอบกับโมเดลทั้งหมดแล้วนำมาเปรียบเทียบ วงจรการทดสอบประสิทธิภาพขนาดเล็ก:
const models = ['claude-haiku-4-5', 'claude-sonnet-4-6', 'claude-opus-4-7'];
const prompt = "Refactor this React component to use hooks: ...";
for (const model of models) {
const start = performance.now();
const response = await puter.ai.chat(prompt, { model });
const elapsed = performance.now() - start;
console.log(`${model}: ${elapsed.toFixed(0)}ms`);
console.log(response.message.content[0].text);
console.log('---');
}
ลองรันดูสักครั้งแล้วคุณจะเห็นรูปแบบการแลกเปลี่ยน: Haiku เร็วกว่า Opus 5–10 เท่า, Sonnet อยู่ตรงกลาง, และ Opus ให้คำตอบที่ดีกว่าอย่างเห็นได้ชัดสำหรับพรอมต์ที่ซับซ้อน สำหรับแอปส่วนใหญ่ Sonnet 4.6 เป็นค่าเริ่มต้นที่เหมาะสม
หากต้องการเปรียบเทียบเส้นทางฟรีของ Puter กับ Anthropic API อย่างเป็นทางการใน Apidog ให้เก็บผู้ให้บริการทั้งสองไว้ในคอลเลกชันเดียวกันแล้วสลับสภาพแวดล้อม
สิ่งที่คุณได้และสิ่งที่คุณไม่ได้
Claude แบบฟรีไม่จำกัดผ่าน Puter นั้นเป็นของจริง แต่พื้นผิวการใช้งานเป็นส่วนย่อยของ API อย่างเป็นทางการ นี่คือรายการที่เป็นจริง:
สิ่งที่คุณได้รับ:
- แคตตาล็อกโมเดล Claude เต็มรูปแบบ (Opus, Sonnet, Haiku, ทุกเวอร์ชันปัจจุบัน)
- การสนทนาแบบหลายรอบ
- ข้อความระบบ (System prompts)
- การตอบกลับแบบสตรีมมิ่ง
- ขนาดพร้อมใช้งานจริง (Puter จัดการโครงสร้างพื้นฐาน)
- คุณในฐานะนักพัฒนาไม่ต้องรับผิดชอบค่าใช้จ่ายใดๆ
สิ่งที่คุณอาจไม่ได้รับ (ขึ้นอยู่กับเวอร์ชันของ Puter):
- การใช้งานเครื่องมือพื้นฐาน / การเรียกใช้ฟังก์ชัน (ตรวจสอบเอกสาร Puter ล่าสุด)
- อินพุตภาพ (ไฟล์แนบรูปภาพ)
- การลดต้นทุนด้วยการแคชพรอมต์ของ Anthropic
- การใช้งานฝั่งเซิร์ฟเวอร์โดยไม่มีบริบทของเบราว์เซอร์
- การมองเห็นขีดจำกัดอัตราโดยตรง (คุณจะไม่เห็นส่วนหัวของ Anthropic)
สำหรับเวิร์กโฟลว์การใช้เครื่องมือเชิงลึก Anthropic API อย่างเป็นทางการ หรือ การทดสอบเซิร์ฟเวอร์ MCP ใน Apidog จะให้การควบคุมที่มากกว่า สำหรับแชทบอท แอปถามตอบ หรือเครื่องมือสร้างเนื้อหาทั่วไป พื้นผิวการใช้งานของ Puter ก็เพียงพอแล้ว
ควรใช้ Puter หรือ Anthropic API อย่างเป็นทางการเมื่อใด
ความแตกต่าง:
ใช้ Puter เมื่อ:
- คุณกำลังพัฒนาแอปสาธารณะฟรีและไม่ต้องการรับผิดชอบค่าใช้จ่าย
- คุณกำลังสร้างต้นแบบและยังไม่ต้องการตั้งค่าความสัมพันธ์ด้านการเรียกเก็บเงินกับ Anthropic
- คุณต้องการรองรับ Claude ในเว็บไซต์แบบสแตติก โปรเจกต์แฮกกาธอน หรือส่วนขยายเบราว์เซอร์โดยไม่มีแบ็กเอนด์
- ผู้ใช้ของคุณยินดีที่จะลงชื่อเข้าใช้ Puter (หรือใช้งานอยู่แล้ว)
ใช้ Anthropic API อย่างเป็นทางการเมื่อ:
- คุณต้องการการเรียกใช้งานฝั่งเซิร์ฟเวอร์ (cron jobs, API endpoints, การประมวลผลแบบแบตช์)
- คุณต้องการการแคชพรอมต์เพื่อประหยัดค่าใช้จ่ายสำหรับพรอมต์ระบบที่เสถียร
- คุณต้องการการใช้งานเครื่องมือที่ละเอียด อินพุตภาพ หรือ Files API
- คุณต้องการความสัมพันธ์ตามสัญญาเพื่อการปฏิบัติตามข้อกำหนด (BAAs, SOC 2, การจัดเก็บข้อมูลในภูมิภาค)
- ผู้ใช้ของคุณจะไม่ยอมรับขั้นตอนการลงชื่อเข้าใช้ Puter
โปรเจกต์ส่วนใหญ่เริ่มต้นด้วย Puter สำหรับการสร้างต้นแบบและจะย้ายไปใช้ API อย่างเป็นทางการเมื่อถึงขีดจำกัดข้อใดข้อหนึ่งข้างต้น การย้ายทำได้ง่าย; รูปแบบข้อความเป็นแบบเดียวกัน
สำหรับ GPT ที่เทียบเท่ากัน โปรดดูที่ วิธีใช้ GPT-5.5 API
การทดสอบการผสานรวมใน Apidog
การเรียกใช้ Puter เกิดขึ้นในเบราว์เซอร์ ดังนั้นคุณจึงไม่สามารถเขียนสคริปต์จากตัวรันการทดสอบฝั่งแบ็กเอนด์ได้โดยตรง รูปแบบที่ใช้ได้คือ:
- สร้างหน้าเว็บแบบสแตติกขนาดเล็กที่มีสคริปต์ Puter และพารามิเตอร์การสอบถามสำหรับพรอมต์
- ใช้ Apidog เพื่อตรวจสอบพื้นผิว Anthropic API ต้นทาง (เมื่อคุณย้ายระบบในที่สุด)
- เก็บทั้งสองเป็นสภาพแวดล้อมแยกกันในคอลเลกชัน Apidog เดียวกัน เพื่อให้คุณสามารถสลับได้ด้วยคลิกเดียว

ดาวน์โหลด Apidog และตั้งค่าสภาพแวดล้อมสองแบบ: `puter-prototype` (URL โลคัลโฮสต์ที่โฮสต์หน้า Puter ของคุณ) และ `anthropic-prod` (`https://api.anthropic.com/v1`) คอลเลกชันจะย้ายได้อย่างราบรื่นเมื่อคุณเปลี่ยนจากการใช้ Puter ไปยัง API อย่างเป็นทางการ
คำถามที่พบบ่อย (FAQ)
นี่เป็นแบบไม่จำกัดจริง ๆ หรือมีข้อจำกัดแอบแฝง?
ไม่จำกัดในฝั่งของนักพัฒนา ใช่ ผู้ใช้ปลายทางจะมียอดคงเหลือในบัญชี Puter ของตนเอง; บัญชีใหม่จะได้รับเครดิตเริ่มต้นและผู้ใช้สามารถเติมเงินได้หากต้องการใช้เพิ่ม ไม่มีข้อจำกัดต่อผู้พัฒนาแต่ละราย
ฉันต้องสมัครใช้งาน Anthropic หรือไม่?
ไม่ Puter จัดการความสัมพันธ์กับ Anthropic คุณจะไม่เห็นคีย์ Anthropic เลย
ฉันสามารถนำไปใช้ในการผลิตจริงได้หรือไม่?
ได้สำหรับแอปพลิเคชันที่ทำงานบนเบราว์เซอร์ Puter ใช้โครงสร้างพื้นฐานระดับโปรดักชัน คำถามที่ถูกต้องคือผู้ใช้ของคุณยินดีที่จะลงชื่อเข้าใช้ Puter หรือไม่; ถ้าใช่ ก็สามารถนำไปใช้งานได้เลย
Claude ผ่าน Puter ทำงานได้เหมือนกับ API อย่างเป็นทางการหรือไม่?
ผลลัพธ์ของโมเดลเหมือนกัน; Puter เรียกใช้ Anthropic API อย่างเป็นทางการในนามของผู้ใช้ ความหน่วงอาจสูงขึ้นเล็กน้อยเนื่องจากมีขั้นตอนเพิ่มเติม แต่พฤติกรรมของโมเดลไม่เปลี่ยนแปลง
แล้วการประหยัดค่าใช้จ่ายจากการแคชพรอมต์ของ Claude ล่ะ?
ปัจจุบัน Puter ไม่ได้เปิดเผยการควบคุมราคาการแคชพรอมต์ของ Anthropic หากคุณมีพรอมต์ระบบที่เสถียรขนาด 50k โทเค็นและต้องการส่วนลดจากการแคช ให้ใช้ API อย่างเป็นทางการ
ฉันสามารถใช้ Claude ใน Discord bot หรือบริการแบ็กเอนด์ผ่าน Puter ได้หรือไม่?
ไม่สะดวกนัก Puter เน้นการทำงานบนเบราว์เซอร์และคาดการณ์ถึงเซสชันผู้ใช้ บริการแบ็กเอนด์ควรใช้ Anthropic API อย่างเป็นทางการ
ฉันควรใช้โมเดลใดเป็นค่าเริ่มต้น?claude-sonnet-4-6 เป็นความสมดุลที่เหมาะสมระหว่างต้นทุน ความเร็ว และคุณภาพสำหรับพรอมต์ส่วนใหญ่ ย้ายไปใช้ claude-opus-4-7 เมื่อคุณต้องการการให้เหตุผลที่ลึกซึ้งยิ่งขึ้น และ claude-haiku-4-5 เมื่อคุณต้องการการจัดหมวดหมู่จำนวนมาก
ผู้ใช้ของฉันจะถูกเรียกเก็บเงินมากหรือไม่?
การใช้งานสไตล์แชทส่วนใหญ่มีค่าใช้จ่ายไม่กี่เซนต์ต่อเซสชันตามอัตราของ Anthropic ผู้ใช้ทั่วไปสามารถสนทนาได้หลายสิบครั้งด้วยเครดิตเริ่มต้นของ Puter ก่อนที่จะต้องเติมเงิน
สรุป
Claude ฟรีไม่จำกัดผ่าน Puter.js เป็นวิธีที่สะอาดที่สุดสำหรับแอปพลิเคชันที่ทำงานบนเบราว์เซอร์ที่ต้องการผลลัพธ์คุณภาพระดับ Anthropic โดยไม่ต้องมีค่าใช้จ่ายแบบ Anthropic ใส่สคริปต์ เลือกโมเดล เขียนพรอมต์ ผู้ใช้ปลายทางรับผิดชอบค่าใช้จ่าย คุณสามารถนำไปใช้งานได้โดยไม่ต้องมีคีย์
สำหรับงานฝั่งเซิร์ฟเวอร์, การแคชพรอมต์, หรือเวิร์กโฟลว์การใช้งานเครื่องมือเต็มรูปแบบ, Anthropic API อย่างเป็นทางการยังคงเป็นคำตอบที่ถูกต้อง แต่สำหรับต้นแบบ, แอปสาธารณะฟรี, โครงการแฮกกาธอน, โปรเจกต์ส่วนตัว, และเว็บไซต์แบบสแตติก, Puter คือคำตอบ
สร้างคำขอเพียงครั้งเดียวใน Apidog, เปรียบเทียบ Puter กับ API อย่างเป็นทางการ, และเลือกเส้นทางที่เหมาะสมกับความต้องการของคุณ
