how-to-connect-api-from-chat-gpt-4o-with-chatbot-thai-thumbnail
how-to-connect-api-from-chat-gpt-4o-with-chatbot-thai-thumbnail
how-to-connect-api-from-chat-gpt-4o-with-chatbot-thai-thumbnail

Botnoi Voice

16 พ.ค. 2567

Label

UX/UI

ใช้ “ChatGPT-4o” ผ่าน LINE อย่างส่วนตัวง่ายๆแค่ก็อปวาง

ใช้ “ChatGPT-4o” ผ่าน LINE อย่างส่วนตัวง่ายๆแค่ก็อปวาง

2024 นี้ถือว่าเป็นปีแห่ง AI ที่เหล่าบริษัทยักษ์ใหญ่เปิดตัว LLM กันอย่างไม่หยุดหย่อน จากที่ปลายปี 2023  Google ได้เปิดตัว Gemini AI ไปหมาดๆ ผ่านมาไม่กี่เดือนต่อมาก็มีการเปิดตัว Claude AI จาก Anthropic ตามมาติดๆ แล้วล่าสุด OpenAI เจ้าดังของวงการ LLM วันนี้ได้เปิดตัวโมเดลใหม่ พร้อมเทคโนโลยีที่ไฉไลขึ้นกับโมเดลที่ชื่อว่า “ChatGPT-4o” 

ChatGPT-4o อ่านว่า แชทจีพีทีสี่โอ ซึ่งตัวโอนี้ย่อมากจาก omni เป็นภาษาละตินที่แปลว่า ผู้รู้ ปราชญ์ ผู้รู้ทั่วนั้นเอง ข้อมูลของโมเดลนี้อัพเดทเป็นข้อมูลล่าสุดถึงตุลาคม 2023 โดยทาง Sam Altman ผู้เป็น CEO และ co-founder ของ OpenAI ได้เปิดตัวพร้อมวิดิโอสาธิตการใช้งานที่ทำเอาทุกคนถึงกับอึ้งไปเป็นแถวๆ เมื่อโมเดลนี้ไม่ได้ต่างอะไรไปจาก J.A.R.V.I.S ผู้ช่วยของ Iron man หรือว่านี้เป็นสัญญาณบอกว่าเรากำลังจะก้าวเข้าสู่โลกเต็มอนาคตอย่างเต็มรูปแบบแล้วกัน

วิธีนำ API ของ ChatGPT-4o มาใช้ในแชทบอท

     วันนี้เราจะมาสอนวิธีใช้งาน ChatGPT-4o ผ่าน LINE ตั้งแต่ขั้นตอนการสร้างบัญชี LINE  OA จนถึงการการสาธิตผลลัพธ์ที่ได้จากการเชื่อมต่อผ่าน API โดยไม่ต้องเขียนโค้ดก็ได้ แต่ถ้าหากใครที่มีบัญชี LINE OA เป็นของตัวเองอยู่แล้ว ก็ให้ข้ามไปที่ขั้นตอนที่ 3 ได้เลย

ขั้นตอนที่ 1 การสร้างบัญชี LINE OA

สำหรับที่เพิ่งเข้าวงการแชทบอท ก็สามารถสร้างผู้ช่วยแชทบอทส่วนตัวของตัวเองได้ตามวิดิโอสอนสร้างบัญชีทางการนี้ได้เลย

ขั้นตอนที่ 2 การสร้าง Chatbot และการเชื่อมต่อกับ LINE OA

แพลตฟอร์มที่เราจะใช้สร้างแชทบอทคือ botnoi.ai ของ BOTNOI โดยสามารถทำตามวิดิโอนี้ได้เลยเช่นกัน

หรือถ้าหากใครสนใจคู่มือ สามารถดาวโหลดได้ที่บทความนี้เลย : แจกฟรี | วิธีใช้งาน Botnoi.ai เวอร์ชั่นใหม่ล่าสุด

ขั้นตอนที่ 3 การสร้าง ChatGPT-4o API Key

ไปยัง หน้าให้บริการ OpenAI API ที่ลิงค์นี้ จากนั้นให้ทำการเข้าสู่ระบบโดยการกดปุ่ม Log in และเลือกบัญชีผู้ใช้งานของตัวเองได้เลย แต่ต้องบอกก่อนว่าในการใช้ API GPT-4o นั้นจำเป็นต้องจ่ายเงิน โดยราคาจะอยู่ที่ 5$ ต่อ 1,000,000 โทเคน เมื่อเทียบกับ GPT-4pro ที่ต้องจ่ายเงิน 10$ ต่อ 1,000,000 โทเคน โมเดลนี้ถือว่าถูกกว่าและคุ้มกว่ามาก

ถ้าหากใครยังเติมเงินเข้าบัญชี OpenAI ก็ให้เข้าไปที่ Setting > Billing จากนั้นกดเพิ่มเงินไปยังบัญชีได้เลย

how-to-billing-a-chat-gpt-4o

ต่อมาเป็นวิธีการสร้าง API key เพื่อนำไปใช้งาน ให้กดเลือก API Keys > Create new secret key > ตั้งชื่อ API > Create secret key เพียงเท่านี้ก็ได้ Key มาเพื่อใช้งานเรียบร้อยแล้ว สามารถคัดลอกเก็บไว้ได้เลย

ขั้นตอนที่ 4 การเพิ่ม API ใน botnoi.ai

เมื่อเชื่อม LINE OA เข้ากับบอทน้อยแล้ว สามารถสร้าง API ได้ง่ายๆตามนี้เลย ไปที่ API > Add > ตั้งชื่อ API > เลือก Method แบบ POST > วาง URL และ Body > Save

curl -v -X POST https://api.openai.com/v1/chat/completions \
-H 'Content-Type: application/json' \
-H 'Authorization: Bearer {API KEY}' \
-d '{
  "model": "gpt-4o",
  "messages": [
    {
      "role": "system",
      "content": "{write down a short prompt for defining personality and response style. For example,Cheerful and polite young woman responds like a teenager. Not exceeding 100 characters.}"
    },
    {
      "role": "user",
      "content": "<<keyword>>"
    }
  ]
}'

ขั้นตอนที่ 5 เรียกใช้งาน API 

ให้ไปยัง Default Fallback เพื่อทำการเพิ่ม API ที่เราได้สร้างเมื่อกี้นี้ เหตุผลที่ต้องไว้ที่ Defualt Fallback ก็เพราะว่า ถ้าหากแชทบอทไม่สามารถตอบคำถามของผู้ใช้งานได้ เราก็จะมี Chat GPT-4o นี้เป็นผู้ช่วยที่จะตอบคำถามแทนเราทุกอย่างเอง ให้ไปที่ Bot Response>Existing Object>API>หา API ที่ได้ตั้งชื่อขั้นตอนที่ 4>กด Add 

เมื่อเพิ่ม Object แล้วต่อมาให้ทำการ เรียกใช้งาน API โดยรูปแบบการเรียกใช้งาน API ในเว็บสร้างแชทอบทอย่าง botnoi.ai คือ <<API_NAME.parameter>> แต่ในที่นี้เราจะเขียนว่า

<<API_chatgpt4o.choices.0.message.content>> ถ้าหากใครตั้งชื่อ API แบบอื่นก็อย่าลืมเปลี่ยนชื่อ API แล้วก็กดบันทึก ลองคุยกับบอทดูได้เลย

Tips : ลองเพิ่มลูกเล่นใหม่จาก LINE ด้วย สอนทำ Loading Animation ใน LINE แชทบอททำได้ภายใน 5 นาทีผ่าน botnoi.ai 

preview-of-the-result-connect-chat-gpt-4o-with-botnoi-chatbot

วิดิโอสอนเชื่อม LINE OA เข้ากับ Chat GPT-4o

ผู้เขียน : ศรันย์ ซุ่นเส้ง (มอส)

Back

ร่วมกันพัฒนาและสร้างสรรค์

อนาคตใหม่ ไปพร้อมกับเรา

ร่วมกันพัฒนาและสร้างสรรค์

อนาคตใหม่ ไปพร้อมกับเรา