สวัสดีทุกคน หากคุณมาถึงส่วนนี้ แปลว่าคุณน่าจะได้เรียนบทเรียนก่อนหน้าเรียบร้อยแล้ว หากยังไม่ได้ศึกษา โปรดย้อนกลับไปอ่านคู่มือก่อนหน้านี้ก่อน: เริ่มต้นใช้งาน NativePHP – ติดตั้ง Laravel – FoxDevelop ตอนนี้เราจะมาสร้างโปรเจกต์แรกด้วยกัน
เราจะเริ่มต้นตั้งแต่ต้น และสร้างโปรเจกต์ใหม่ทั้งหมด:
สร้างโฟลเดอร์เปล่าบนคอมพิวเตอร์เพื่อเก็บไฟล์โปรเจกต์ ตัวอย่างเช่น: D:\phpproject
เปิด CMD ไปยังไดเรกทอรีนี้อย่างรวดเร็ว: พิมพ์ cmd ลงในแถบที่อยู่ของโฟลเดอร์แล้วกด Enter หน้าต่างคำสั่งจะเปิดขึ้นและเปลี่ยนเส้นทางโดยอัตโนมัติ
รันคำสั่งด้านล่างนี้:
composer create-project --prefer-dist nativephp/mobile-starter my-app
cd my-app
php artisan native:jump
หมายเหตุแก้ไขปัญหาเบื้องต้น (ข้ามส่วนนี้ได้หากคุณใช้ PHP 8.3)
composer create-project --prefer-dist nativephp/mobile-starter my-app
Creating a "nativephp/mobile-starter" project at "./my-app"
Installing nativephp/mobile-starter (1.0.4)
- Downloading nativephp/mobile-starter (1.0.4)
- Installing nativephp/mobile-starter (1.0.4): Extracting archive
Created project in D:\phpproject\my-app
> @php -r "file_exists('.env') || copy('.env.example', '.env');"
Loading composer repositories with package information
Updating dependencies
Your requirements could not be resolved to an installable set of packages.
Problem 1
- Root composer.json requires nativephp/mobile ^3.0 -> satisfiable by nativephp/mobile[3.0.0, ..., 3.3.5].
- nativephp/mobile[3.0.0, ..., 3.3.5] require php ^8.3 -> your php version (8.2.31) does not satisfy that requirement.Code language: JavaScript (javascript)
เกิดข้อผิดพลาดนี้เนื่องจาก PHP ในเครื่องเป็นเวอร์ชัน 8.2 เราจำเป็นต้องอัปเกรดเป็น PHP 8.3 ก่อนจึงจะดำเนินการต่อได้
https://windows.php.net/download#php-8.3
เข้าไปที่หน้าเว็บดังกล่าวเพื่อดาวน์โหลด PHP 8.3 ผู้ใช้ Windows 64-bit สามารถดาวน์โหลดแพ็คเกจด้านล่างได้โดยตรง:
https://downloads.php.net/~windows/releases/archives/php-8.3.31-nts-Win32-vs16-x64.zip
หลังจากดาวน์โหลดเสร็จ ให้แตกไฟล์ทั้งหมดลงใน D:\php8.3 คุณสามารถกำหนดเส้นทางโฟลเดอร์เองได้ เพียงแค่ใช้ตัวอักษรภาษาอังกฤษเท่านั้น
หลังจากแตกไฟล์เสร็จ ให้เปลี่ยนชื่อไฟล์คอนฟิก:
เปลี่ยนชื่อ php.ini-development เป็น php.ini
เปิดไฟล์ php.ini และยกเลิกคอมเมนต์บรรทัดโดยลบเครื่องหมายอัฒภาคที่อยู่ด้านหน้า;
ลบเครื่องหมายอัฒภาคสำหรับทุกรายการที่ระบุไว้ที่นี่ (ขั้นตอนสำคัญ):
extension_dir = "ext"
extension=curl
extension=gd
extension=mbstring
extension=mysqli
extension=pdo_mysql
extension=zip
extension=openssl
extension=fileinfo
extension=sqlite3
extension=pdo_sqliteCode language: JavaScript (javascript)
อัปเดตตัวแปรสภาพแวดล้อมของระบบ โดยเปลี่ยนเส้นทางเก่า D:\php8.2 เป็น D:\php8.3
ตรวจสอบการติดตั้ง PHP ด้วยคำสั่ง php -v หากเวอร์ชันถูกต้อง ก็สามารถดำเนินการสร้างโปรเจกต์ต่อได้
ดำเนินการสร้างโปรเจกต์ NativePHP Mobile ต่อ
ตอนนี้ให้รันคำสั่งติดตั้งอีกครั้ง:
composer create-project --prefer-dist nativephp/mobile-starter my-app
cd my-app
หากติดตั้งสำเร็จอย่างสมบูรณ์ จะไม่มีข้อความผิดพลาดสีแดงแสดงบนเทอร์มินัล
หากต้องการทดสอบบนมือถือจริง ให้เชื่อมต่ออุปกรณ์เข้ากับคอมพิวเตอร์ผ่าน USB ก่อน จากนั้นเปิดตัวเลือกสำหรับนักพัฒนาและการดีบักผ่าน USB บนมือถือ
ใช้คำสั่งต่อไปนี้เพื่อทดสอบบนอุปกรณ์จริงอย่างรวดเร็ว (เริ่มใช้งานบนอุปกรณ์จริงอย่างรวดเร็ว: ติดตั้งแอปพลิเคชัน Jump บนมือถือ แล้วสแกนโค้ด QR เพื่อเชื่อมต่อสำหรับการดีบัก ไม่จำเป็นต้องคอมไพล์ไฟล์ APK แบบสมบูรณ์):
php artisan native:jumpCode language: CSS (css)
หากคุณไม่มีอุปกรณ์มือถือจริง ให้ใช้คำสั่งทางเลือกด้านล่างเพื่อทดสอบบนอีมูเลเตอร์:
php artisan native:serve : สำหรับแสดงตัวอย่างบนเดสก์ท็อปหรือทดสอบบนอีมูเลเตอร์ (จะเปิดหน้าต่างแอปพลิเคชันแยกบนคอมพิวเตอร์)
เมื่อทุกอย่างทำงานได้ปกติ คุณจะเห็นผลลัพธ์ที่คล้ายกับด้านล่างหลังจากรันคำสั่ง php artisan native:jump
php artisan native:jump
เซิร์ฟเวอร์ NativePHP Jump
เซิร์ฟเวอร์ Laravel ……………………………………………………………………. http://127.0.0.1:8000
ระบบ Laravel พร้อมใช้งาน ………………………………………………………………… ใช้เวลา 0.42 วินาที (HTTP 200)
เปิดลิงก์ http://127.0.0.1:8000 ด้วยเบราว์เซอร์เพื่อดูเนื้อหาแอปพลิเคชันที่กำลังทำงาน
