คุณสามารถใช้โมเดล Gemini API ช่วยเหลือในการแชท สร้างบทความและวิเคราะห์เชิงทำนายได้
ติดต่อทีมนักพัฒนา บ้านรักคอม มีเดียโปรดักชั่น ใช้เวลาไม่ถึง 10 นาที ใช้งานได้เลย

 Haeder Image

การเขียนคำสั่ง Gemini API Key จาก AI Studio เพื่อเข้าถึงโมเดล

การใช้งาน Cloud Run (บน GCP) เพื่อ Deploy PHP Backend (ทั้ง PHP5 และ PHP8)


คำแนะนำหลักหลักก่อนการพัฒนา

  1. ใช้ Gemini API Key จาก AI Studio เพื่อเข้าถึงโมเดล AI

  2. ใช้ Cloud Run (บน GCP) เพื่อ Deploy PHP Backend (ทั้ง PHP5 และ PHP8)

  3. จัดการสิทธิ์โปรเจกต์ GCP สำหรับการเข้าถึงทรัพยากรอื่นๆ เช่น Cloud SQL, Cloud Run

หากคุณมีคำถามเพิ่มเติมในแต่ละขั้นตอน หรือต้องการเจาะลึกในประเด็นใดเป็นพิเศษ

 

จากภาพที่ส่งมา คุณได้สร้างและแก้ไขไฟล์ .gitignore เพื่อระบุไฟล์และโฟลเดอร์ที่ไม่ต้องการให้ Git ติดตามหรือถูก push ขึ้น GitHub ซึ่งเป็นวิธีที่ถูกต้องในการกันไฟล์สำคัญ (เช่น config, .env, log, vendor, temp ฯลฯ) ออกจาก repository

ข้อดีของไฟล์ .gitignore ที่คุณตั้งค่า:

  • ป้องกันข้อมูลสำคัญหรือรหัสผ่าน (API, DB) ไม่ให้ถูก push ขึ้น GitHub
  • ลดจำนวนไฟล์ที่ไม่จำเป็น เช่นไฟล์ config เฉพาะเครื่อง, log, temp, vendor ฯลฯ
  • ช่วยให้โปรเจคสะอาดและปลอดภัย
  • ตามมาตรฐานการใช้ Git/GitHub ทั่วไป

จุดสังเกตและคำแนะนำเพิ่มเติม:

  1. หลังแก้ไข .gitignore แล้ว ถ้าไฟล์ที่ควรถูก ignore ยังแสดงอยู่ใน Changes ให้ใช้คำสั่งนี้ใน terminal

git rm --cached  ชื่อไฟล์หรือโฟลเดอร์

  1. เพื่อถอนไฟล์นั้นออกจากการติดตามของ Git (ไฟล์จะยังอยู่ในเครื่องคุณ)

  2. ถ้าไฟล์หรือโฟลเดอร์ที่ระบุใน .gitignore ไม่ถูก ignore:

    • ตรวจสอบว่าเขียนชื่อไฟล์/โฟลเดอร์ถูกต้อง (เช่น vendor/ ไม่ใช่ vendor)
    • ต้อง commit .gitignore ก่อนเป็นลำดับแรก
  3. ถ้าพร้อมแล้ว สามารถ commit .gitignore ก่อน แล้วค่อย commit ไฟล์อื่นๆ ที่ต้องการได้เลย


 

git rm --cached config.php

สรุป:
คุณทำถูกวิธีแล้วครับ การกำหนด .gitignore แบบนี้คือ best practice ในการพัฒนาโปรเจคด้วย Git/GitHub
ถ้าอยากให้ตรวจสอบเนื้อหา .gitignore เพิ่มเติม หรืออยากรู้วิธีลบไฟล์ที่ติดตามผิด แจ้งได้เลยครับ

 

โฟลเดอร์ vendor คือที่เก็บ dependencies ของ Composer (PHP) ซึ่งมักจะมีไฟล์จำนวนมากและไม่ควรนำขึ้น Git เพราะสามารถติดตั้งใหม่ได้จากไฟล์ composer.json และ composer.lock


วิธีแก้ไขที่ถูกต้อง:

  1. เพิ่ม vendor/ ลง .gitignore
    จากภาพก่อนหน้านี้ คุณใส่ vendor/ ไว้ในไฟล์ .gitignore แล้ว ถือว่าถูกต้องมาก!

  2. ลบ vendor ออกจากการติดตามของ Git
    ถ้าเคย add หรือ commit vendor ไปแล้ว ต้องใช้คำสั่งนี้ใน Terminal

 

  1. (จะลบ vendor ออกจากการติดตามใน Git แต่ไฟล์ยังอยู่ในเครื่องคุณ)

  2. Commit การเปลี่ยนแปลง

    • Commit .gitignore และการลบ vendor ออกจาก Git

 

  1. ตรวจสอบใน Source Control (VS Code)

    • vendor จะไม่แสดงในรายการ Changes อีกต่อไป

สรุป

  • vendor/ ควรอยู่ใน .gitignore เสมอ
  • vendor จะไม่ถูก push ขึ้น GitHub
  • ไฟล์ dependencies สามารถติดตั้งใหม่บน server ได้ด้วยคำสั่ง composer install

 

ข้อแนะนำเบื้องต้นสำหรับการเริ่มต้น add ใหม่อย่างปลอดภัย


1. ตรวจสอบ .gitignore ให้ครบถ้วนก่อน

  • ตรวจสอบว่าไฟล์/โฟลเดอร์ที่ไม่ต้องการให้ขึ้น Git (เช่น config, vendor, log, temp, node_modules ฯลฯ) ถูกใส่ไว้ใน .gitignore แล้ว
  • ถ้ายังไม่แน่ใจ ลองตรวจสอบหรือปรึกษาทีมก่อน git add .

2. ใช้คำสั่ง git status

  • ดูว่าไฟล์ไหนบ้างที่ยังไม่ได้ถูก add
  • จะช่วยให้เห็นภาพรวมว่าไฟล์ใดจะถูก track ถ้าใช้ git add .

3. Add ทีละกลุ่ม (ปลอดภัยกว่า add ทั้งหมด)

  • เริ่มจาก add เฉพาะไฟล์สำคัญ เช่น source code หรือไฟล์ที่ต้องการจริงๆ

    bash

    git add index.php
    git add src/
    
  • หรือ add เฉพาะกลุ่ม เช่น

    bash

    git add *.php
    
  • อย่าใช้ git add . ถ้ายังไม่แน่ใจว่า .gitignore ครบถ้วน

4. หลัง add แล้ว ใช้ git status อีกครั้ง

  • ก่อน commit ดูว่าไฟล์ที่ถูก add ถูกต้องหรือไม่

5. Commit

  • เมื่อ add ได้ถูกต้องแล้ว ใช้ commit พร้อมข้อความอธิบาย

    bash

    git commit -m "Initial commit after .gitignore update"
    

6. Push ขึ้น remote (GitHub)

bash

git push origin main

(หรือ branch ที่คุณใช้งาน)


ข้อควรระวัง:

  • ถ้าเผลอ add ไฟล์ที่ไม่ต้องการ สามารถใช้

    bash

    git reset HEAD <ชื่อไฟล์>
    

    เพื่อถอนการ add ก่อน commit


สรุป:

  • ตรวจสอบ .gitignore ให้ดี
  • ใช้ git status เพื่อดูรายการไฟล์
  • add ทีละไฟล์หรือทีละกลุ่ม ไม่ต้องรีบร้อน add ทั้งหมด
  • commit เฉพาะที่ต้องการ
  • push ขึ้น GitHub ได้อย่างปลอดภัย

ถ้าต้องการตัวอย่าง .gitignore สำหรับโปรเจค หรือวิธี add ให้เหมาะกับงานของคุณ แจ้งรายละเอียดมาได้ครับ

 


 

PHP5 

ปัญหาที่ cURL_payload($input); ทำงานผิดพลาด เกิดจาก  ปัญหาหลักท cURL_payload($input); มันผิด ดังนี้

  1. CURLOPT_POSTFIELDS คาดหวัง String, แต่คุณส่ง Array

    • ในฟังก์ชัน cURL_payload ของ PHP8, บรรทัด curl_setopt($ch, CURLOPT_POSTFIELDS, $json_payload);

    • ตัวแปร $json_payload คือ $input ซึ่งมาจาก json_decode(file_get_contents('php://input'), true); นั่นหมายความว่า $json_payload เป็น PHP Array

    • แต่ CURLOPT_POSTFIELDS สำหรับ Content-Type application/json คาดหวังข้อมูลที่เป็น JSON String

    • ดังนั้น คุณต้องแปลง $json_payload (ที่เป็น Array) ให้เป็น JSON String ก่อนส่ง

  2. ขาดการส่งค่ากลับจาก cURL_payload

    • ฟังก์ชัน cURL_payload ทำการเรียก Gemini API และประมวลผลผลลัพธ์ แต่ไม่ได้ส่งค่า ai_content กลับไปให้ส่วนที่เรียกใช้งาน

    • ใน PHP8 main block, คุณเรียก cURL_payload($input); แล้ว exit(); เลย ทำให้ไม่มีการส่ง ai_content กลับไปยัง PHP5

 


 


 

CODE PHP4, PHP5 (ติดต่อ GCP ผ่าน cURL)

แนวทางปรับปรุง สำหรับ PHP4, PHP5

 

ฝั่ง PHP4, PHP5 (Backend ที่เรียก PHP8)

  • โค้ด PHP5 ของคุณดูเหมือนจะทำงานได้ถูกต้องในส่วนของการเตรียมข้อมูลและเรียก cURL ไปยัง PHP8
  • แต่มีจุดที่ต้องระวังคือการส่ง $_GET ซึ่งอาจไม่เหมาะกับข้อมูลที่มีขนาดใหญ่หรือละเอียดอ่อน

 

คำแนะนำสำหรับ PHP4, PHP5

  • การส่งข้อมูล prompt_say, str_conversion และ ID เนื้อหาผ่าน $_GET ทำให้ข้อมูลปรากฏใน URL ซึ่งไม่ปลอดภัยและมีข้อจำกัดเรื่องความยาว URL หากข้อมูลมีขนาดใหญ่

    • ให้เปลี่ยน Form ที่ส่งข้อมูลใน Frontend เป็น method="POST"

 

PHP

expand_less

   // ... ส่วนบนของโค้ด PHP5 เหมือนเดิม ...

    $ids = $_POST['createDisplay'];  // <--- เปลี่ยนเป็น POST

    $prompt_say = $_POST['str_prompt_Textarea']; // <--- เปลี่ยนเป็น POST

    $prompt_say .= " สไตส์และโทนเสียง ".$_POST['str_conversion']; // <--- เปลี่ยนเป็น POST

// ...

// -- Query เรียบร้อย ....

   $data_Persona = array(

       'userInput' => $_SESSION['SYSTEM_NAME'],

        'prompt' => $prompt_say,

        'context' => array(

            'sourceTitle' => $data_gen['heading_news'],

            'sourceSubtitle'=>  $data_gen['sub_heading_news'],

            'trand_content'=>  $data_gen['trand_content']

            /*'post_detail'=>  $data_gen['post_detail']*/

        )

    );

 

$retrunPersona  = check_content_prompt($data_Persona);  // — จัด prompt_say และ $data_Persona ใหม่ให้เหมาะสม

$result_json = check_Prompt_get($retrunPersona);  // — check แสดงผล View ดังภาพ

 

// -- เรียก cURL ไปยัง PHP8

// cURL($result_json,$url_link,$retrunPersona);

// ไม่จำเป็นต้องใช้ $result_json ตรงนี้ หาก $retrunPersona คือ payload หลัก

  • $response_from_php8 = call_php8_backend($url_link, $retrunPersona);

  • // เรียกฟังก์ชันใหม่

  • display_ai_result($response_from_php8);

  • // แสดงผลลัพธ์จาก PHP8


   

function call_php8_backend($url_link, $data_payload) {

$url = $url_link;

    $json_data_to_send = json_encode($data_payload); // ต้องแปลงเป็น JSON string ก่อนส่ง

    $curl= curl_init($url);

        curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);

        curl_setopt($curl, CURLOPT_POSTFIELDS, $json_data_to_send); // ส่ง JSON string

        curl_setopt($curl, CURLOPT_HTTPHEADER, array(

            'Content-Type: application/json',

            'Content-Length: ' . strlen($json_data_to_send)

        ));

        curl_setopt($curl, CURLOPT_TIMEOUT, 60); // เพิ่ม Timeout เผื่อ AI ตอบช้า (หน่วยเป็นวินาที)

    $response = curl_exec($curl);

    // - - - - - -- - -- - - -  ตรวจสอบว่ามี Error หรือไม่

    if (curl_errno($curl)) {

        // หากมี Error ให้ Log หรือจัดการ Error อย่างเหมาะสม

        error_log('cURL Error calling PHP8: ' . curl_error($curl));

        return "Error: " . curl_error($curl); // ส่งข้อความ Error กลับไป

    } else {

        return $response; // คาดหวังว่า PHP8 จะส่ง AI content กลับมาเป็น Text/HTML

    }

    curl_close($curl);

}

 

ฝั่ง Backend ที่เรียก Gemini API

/* …... Code config ของ PHP Endpoint ….. */

 

header('Content-Type: application/json; charset=utf-8');

// เพิ่ม charset=utf-8

if ($_SERVER['REQUEST_METHOD'] !== 'POST') {

    http_response_code(405); // Method Not Allowed

    echo json_encode(['error' => 'Only POST method is accepted.']);

    exit;

}

$input = json_decode(file_get_contents('php://input'), true);

if (json_last_error() !== JSON_ERROR_NONE) {

    http_response_code(400);

    echo json_encode(['error' => 'Invalid JSON received.']);

    exit;

} else {

    // เรียกฟังก์ชัน cURL_payload และรับค่ากลับมา

    $ai_response_text = cURL_payload($input);

    // ตรวจสอบว่ามี Error จาก cURL_payload หรือไม่

    if (strpos($ai_response_text, 'Error:') === 0) {

        http_response_code(500); // Internal Server Error

        echo json_encode(['error' => $ai_response_text]); // ส่งข้อความ Error กลับไป

    } else { ขึ้นอยู่กับ PHP5 คาดหวังอะไร )

  echo $ai_response_text;         // ส่งผลลัพธ์จาก AI กลับไปยัง PHP5 (เป็น text/html หรือ json ก็ได้

    }

    exit();       // ในตัวอย่างนี้ PHP5 คาดหวัง text/html เพื่อนำไปแสดงผลเลย

}

 

function cURL_payload($data_from_php5){

function

    // ควรดึง API Key จาก .env file หรือ Environment Variable เพื่อความปลอดภัย

    // load_lines() ถ้าคุณแก้ปัญหาได้ ก็ใช้ได้ แต่ถ้าไม่ได้ ให้ใช้ getenv() หรือ $_ENV โดยตรง

    // หรือระบุตรงๆ ในระหว่างการทดสอบ หากไม่เปิดเผยใน Production

    // $api_key = getenv('GEMINI_API_KEY'); // ตัวอย่างการดึงจาก ENV

  •  $api_key = "YOUR_API_KEY";   // **เปลี่ยนเป็น API Key ของคุณ*

    // URL ของ Gemini API (ควรใช้รุ่นล่าสุดที่แนะนำ เช่น gemini-1.5-pro หรือ gemini-pro)

    // ตรวจสอบ URL ที่ถูกต้องจากเอกสารของ Google AI Studio

 

    $url = "https://generativelanguage.googleapis.com/v1beta/models/gemini-1.5-pro:generateContent?key=" . $api_key;

 

    // **แก้ไข:** ต้องแปลง $data_from_php5 (ที่เป็น Array) ให้เป็น JSON string ก่อนส่ง

    $json_payload = json_encode([

        'contents' => [

            [

                'parts' => [

                    ['text' => $data_from_php5['prompt']], // ใช้ prompt ที่ส่งมาจาก PHP5

                    ['text' => "User: " . $data_from_php5['userInput']],

                    ['text' => "Context Title: " . $data_from_php5['context']['sourceTitle']],

                    ['text' => "Context Subtitle: " . $data_from_php5['context']['sourceSubtitle']],

                    ['text' => "Context Content: " . $data_from_php5['context']['trand_content']],

                    // เพิ่ม post_detail ถ้าคุณเปิดใช้งาน

                    // ['text' => "Post Detail: " . $data_from_php5['context']['post_detail']],

                ]

            ]

        ]

    ]);

 

    $ch = curl_init($url);

    curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);

    curl_setopt($ch, CURLOPT_HTTPHEADER, array('Content-Type: application/json'));

    curl_setopt($ch, CURLOPT_POST, true);

    curl_setopt($ch, CURLOPT_POSTFIELDS, $json_payload); // **แก้ไข:** ส่ง JSON string ที่ถูกต้อง

    curl_setopt($ch, CURLOPT_TIMEOUT, 60); // เพิ่ม Timeout เผื่อ AI ตอบช้า (หน่วยเป็นวินาที)

    $response = curl_exec($ch);

    if (curl_errno($ch)) {

        $error_msg = 'cURL Error calling Gemini API: ' . curl_error($ch);

        error_log($error_msg); // Log ข้อผิดพลาด

        curl_close($ch);

        return "Error: " . $error_msg; // ส่งข้อความ Error กลับ

    }

    curl_close($ch);

// ----------- จบฟังก์ชั่น cURL_payload

 

  ประมวลผล JSON Response เพื่อดึงเนื้อหาที่ AI สร้าง

  // ตรวจสอบโครงสร้างของ Response ก่อนเข้าถึง

    if (isset($data['candidates'][0]['content']['parts'][0]['text'])) {

            $ai_content = $data['candidates'][0]['content']['parts'][0]['text'];

            return $ai_content; // **แก้ไข:** ส่งค่ากลับ

    } elseif (isset($data['error']['message'])) {

            // หากมีข้อผิดพลาดจาก Gemini API

            $error_msg = "Gemini API Error: " . $data['error']['message'];

            error_log($error_msg);

            return "Error: " . $error_msg;

    } else {

            // กรณีที่ไม่คาดคิด

            error_log("Unexpected Gemini API response: " . $response);

            return "Error: Unexpected response from AI.";

    }

}



END -- Goodluck





บทความ GitHub Copilot บทความสำหรับรักพัฒนา