การติดตั้ง Netbeans และ Java JDK ใน Ubuntu 14.04 และการตั้งค่าโครงการ HTML5 พื้นฐาน


ในซีรีส์การพัฒนาเว็บบนมือถือ 4 บทความนี้เราจะแนะนำคุณเกี่ยวกับการตั้งค่า Netbeans เป็น IDE (หรือที่เรียกว่า Integrated Development Environment) ใน Ubuntu 14.04.2 LTS Trusty Tahr เพื่อเริ่มพัฒนาแอปพลิเคชันเว็บ HTML5 ที่เป็นมิตรกับมือถือและตอบสนอง

ต่อไปนี้เป็นซีรี่ส์ 4 บทความเกี่ยวกับ HTML5 Mobile Web Development:

สภาพแวดล้อมการทำงานที่ได้รับการขัดเกลาเป็นอย่างดี (ดังที่เราจะเห็นในภายหลัง) การเติมข้อความอัตโนมัติสำหรับภาษาที่รองรับและการทำงานร่วมกับเว็บเบราว์เซอร์อย่างราบรื่นในความเห็นของเรา Netbeans ซึ่งเป็นคุณสมบัติที่โดดเด่นที่สุดบางประการ

โปรดจำไว้ว่าข้อกำหนด HTML 5 ทำให้เกิดข้อดีมากมายสำหรับนักพัฒนา - เพื่อตั้งชื่อตัวอย่างบางส่วน: โค้ดที่สะอาดขึ้นด้วยองค์ประกอบใหม่ ๆ มากมาย) ความสามารถในการเล่นวิดีโอและเสียงในตัว (ซึ่งแทนที่ความต้องการ Flash) ความเข้ากันได้ข้ามกัน ด้วยเบราว์เซอร์หลักและการเพิ่มประสิทธิภาพสำหรับโทรศัพท์มือถือ

แม้ว่าในตอนแรกเราจะทดสอบแอปพลิเคชันของเราบนเครื่องพัฒนาในพื้นที่ของเรา แต่ในที่สุดเราก็จะย้ายเว็บไซต์ของเราไปยังเซิร์ฟเวอร์ LAMP และเปลี่ยนเป็นเครื่องมือแบบไดนามิก

ระหว่างทางเราจะใช้ jQuery (ไลบรารี Javascript ข้ามแพลตฟอร์มที่รู้จักกันดีซึ่งช่วยลดความยุ่งยากในการเขียนสคริปต์ฝั่งไคลเอ็นต์) และ Bootstrap (เฟรมเวิร์ก HTML, CSS และ JavaScript ยอดนิยมสำหรับการพัฒนาเว็บไซต์ที่ตอบสนอง) คุณจะเห็นในบทความต่อไปว่าการตั้งค่าแอปพลิเคชันที่เหมาะกับอุปกรณ์เคลื่อนที่โดยใช้เครื่องมือ HTML 5 เหล่านี้ทำได้ง่ายเพียงใด

หลังจากที่คุณดูซีรีส์สั้น ๆ นี้แล้วคุณจะสามารถ:

  1. use the tools described herein to create basic HTML5 dynamic applications, and
  2. go on to learn more advanced web development skills.

อย่างไรก็ตามโปรดทราบว่าแม้ว่าเราจะใช้ Ubuntu สำหรับซีรีส์นี้คำแนะนำและขั้นตอนก็ใช้ได้อย่างสมบูรณ์แบบสำหรับเดสก์ท็อปรุ่นอื่น ๆ เช่นกัน (Linux Mint, Debian, CentOS, Fedora คุณตั้งชื่อ)

ด้วยเหตุนี้เราจึงเลือกที่จะติดตั้งซอฟต์แวร์ที่จำเป็น (Netbeans และ Java JDK ดังที่คุณจะเห็นในอีกไม่กี่นาที) โดยใช้ tarball ทั่วไป (.tar.gz) เป็นวิธีการติดตั้ง

ที่กล่าวมา - มาเริ่มตอนที่ 1 กันเลย

การติดตั้ง Java JDK และ NetBeans

บทช่วยสอนนี้จะถือว่าคุณมีการติดตั้งเดสก์ท็อป Ubuntu 14.04.2 LTS Trusty Tahr อยู่แล้ว หากคุณไม่ทำโปรดดูบทความการติดตั้งเดสก์ท็อป Ubuntu 14.04 ซึ่งเขียนโดย Matei Cezar เพื่อนร่วมงานของเราก่อนดำเนินการต่อ

เนื่องจากเวอร์ชัน Netbeans ที่พร้อมให้ดาวน์โหลดจากที่เก็บอย่างเป็นทางการของ Ubuntu (7.0.1) นั้นล้าสมัยไปเล็กน้อยเราจะดาวน์โหลดแพ็คเกจจากเว็บไซต์ Oracle เพื่อรับเวอร์ชันที่ใหม่กว่า (8.0.2)

ในการดำเนินการนี้คุณมีสองทางเลือก:

  1. Choice 1: download the bundle that includes Netbeans + JDK, or
  2. Choice 2: install both utilities separately.

ในบทความนี้เราจะเลือก # 2 เพราะนั่นไม่เพียง แต่หมายถึงการดาวน์โหลดที่มีขนาดเล็กลงเล็กน้อย (เนื่องจากเราจะติดตั้ง Netbeans ที่รองรับ HTML5 และ PHP เท่านั้น) แต่ยังช่วยให้เรามีตัวติดตั้ง JDK แบบสแตนด์อโลนหากเราต้องการ สำหรับการตั้งค่าอื่นที่ไม่ต้องใช้ Netbeans หรือเกี่ยวข้องกับการพัฒนาเว็บ (ส่วนใหญ่เกี่ยวข้องกับผลิตภัณฑ์ Oracle อื่น ๆ )

ในการดาวน์โหลด JDK 8u45 ให้ไปที่ไซต์ Oracle Technology Network และไปที่ส่วน Java → Java SE →ดาวน์โหลด

เมื่อคุณคลิกที่ภาพที่ไฮไลต์ด้านล่างระบบจะขอให้คุณยอมรับข้อตกลงสิทธิ์การใช้งานจากนั้นคุณจะสามารถดาวน์โหลดเวอร์ชัน JDK ที่จำเป็นได้ (ซึ่งในกรณีของเราคือ tarball สำหรับเครื่อง 64 บิต) เมื่อได้รับแจ้งจากเว็บเบราว์เซอร์ของคุณให้เลือกบันทึกไฟล์แทนการเปิด

เมื่อการดาวน์โหลดเสร็จสิ้นให้ไปที่ ~/Downloads และแตกไฟล์ tarball ไปที่ /usr/local/bin :

$ sudo tar xf jdk-8u45-linux-x64.tar.gz -C /usr/local/bin

หากต้องการติดตั้ง Netbeans พร้อมรองรับ HTML5 และ PHP ให้ไปที่ https://netbeans.org/downloads/ แล้วคลิกดาวน์โหลดตามที่ระบุในภาพต่อไปนี้:

สิ่งนี้จะทำให้เบราว์เซอร์ของคุณเปิดเชลล์สคริปต์การติดตั้งหรือบันทึกลงในคอมพิวเตอร์ของคุณ เลือกบันทึกไฟล์แล้วตกลง:

เมื่อเสร็จแล้วให้เปลี่ยน .sh เป็นไฟล์ปฏิบัติการจากนั้นเรียกใช้เชลล์สคริปต์ด้วยสิทธิ์ระดับผู้ดูแล:

$ cd ~/Downloads
$ chmod 755 netbeans-8.0.2-php-linux.sh
$ sudo ./netbeans-8.0.2-php-linux.sh --javahome /usr/local/bin/jdk1.8.0_45

จากนั้นทำตามคำแนะนำบนหน้าจอเพื่อทำการติดตั้งให้เสร็จสมบูรณ์โดยปล่อยให้เป็นค่าเริ่มต้น:

และรอให้การติดตั้งเสร็จสมบูรณ์