NativeScript - การติดตั้ง

ส่วนนี้อธิบายเกี่ยวกับวิธีการติดตั้ง NativeScript บนเครื่องของคุณ

ข้อกำหนดเบื้องต้น

ก่อนที่จะย้ายไปติดตั้งเราจำเป็นต้องมีข้อกำหนดเบื้องต้นดังต่อไปนี้ -

  • Node.js

  • Android

  • iOS

ตรวจสอบ Node.js

Node.jsเป็นเอ็นจิ้นรันไทม์ JavaScript ที่สร้างขึ้นจากเอ็นจิ้น JavaScript ภายในของ Google Chrome v8 NativeScript ใช้ Node.js อย่างกว้างขวางเพื่อวัตถุประสงค์ต่างๆเช่นการสร้างแอปพลิเคชันเทมเพลตเริ่มต้นการรวบรวมแอปพลิเคชัน ฯลฯ จำเป็นต้องมีNode.jsในเครื่องของคุณ

หวังว่าคุณได้ติดตั้ง Node.js บนเครื่องของคุณแล้ว หากยังไม่ได้ติดตั้งให้ไปที่ลิงค์https://nodejs.org/ และดาวน์โหลดแพ็คเกจ LTS ล่าสุดและติดตั้ง

ในการตรวจสอบว่า Node.js ได้รับการติดตั้งอย่างถูกต้องหรือไม่ให้พิมพ์คำสั่งด้านล่างบนเทอร์มินัลของคุณ -

node --version

คุณสามารถดูเวอร์ชัน ณ ตอนนี้โหนดเวอร์ชัน“ LTS” ที่เสถียรในปัจจุบันคือ 12.14.0

การตั้งค่า CLI

NativeScript CLI เป็นแอปพลิเคชันที่ใช้เทอร์มินัล / บรรทัดคำสั่งและอนุญาตให้คุณสร้างและพัฒนาแอปพลิเคชัน NativeScript Node.js package manager npm ใช้เพื่อติดตั้ง NativeScript CLI บนเครื่องของคุณ

ใช้คำสั่งด้านล่างเพื่อติดตั้ง NativeScript CLI -

npm install -g nativescript

หลังจากดำเนินการคำสั่งนี้เราจะเห็นผลลัพธ์ต่อไปนี้ -

setupcli

เราได้ติดตั้ง NativeScript CLI ล่าสุด tns ในระบบของเราแล้ว ตอนนี้พิมพ์คำสั่งด้านล่างในเทอร์มินัลของคุณ -

tns

นี่จะแสดงรายการคู่มือเริ่มใช้งานฉบับย่อ คุณสามารถดูผลลัพธ์ต่อไปนี้ -

cli

เราสามารถใช้ tns เพื่อสร้างและพัฒนาแอปพลิเคชันได้โดยไม่ต้องตั้งค่าเพิ่มเติมใด ๆ แต่เราไม่สามารถปรับใช้แอปพลิเคชันในอุปกรณ์จริงได้ แต่เราสามารถเรียกใช้แอปพลิเคชันโดยใช้แอปพลิเคชันNativeScript PlayGround iOS / Android เราจะตรวจสอบในบทต่อ ๆ ไป

การติดตั้งแอป NativeScript Playground

ไปที่ iOS App store หรือ Google Play Store แล้วค้นหาแอป NativeScript Playground เมื่อแอปพลิเคชันปรากฏในผลการค้นหาให้คลิกตัวเลือกการติดตั้ง มันจะติดตั้งแอพNativeScript Playgroundในเครื่องของเรา

แอปพลิเคชันNativeScript Playgroundจะเป็นประโยชน์ในการทดสอบแอปของคุณในอุปกรณ์ Android หรือ iOS โดยไม่ต้องปรับใช้แอปพลิเคชันในอุปกรณ์จริงหรือโปรแกรมจำลอง ซึ่งจะช่วยลดเวลาในการพัฒนาแอปพลิเคชันและวิธีง่ายๆในการเริ่มต้นการพัฒนาแอปพลิเคชันมือถือของเรา

การตั้งค่า Android และ iOS

ในบทนี้ให้เราเรียนรู้วิธีตั้งค่าระบบเพื่อสร้างและเรียกใช้แอพ iOS และ Android ทั้งในโปรแกรมจำลองหรือในอุปกรณ์จริง

ขั้นตอนที่ 1: การพึ่งพา Windows

ดำเนินการคำสั่งด้านล่างในพรอมต์คำสั่ง windows ของคุณและเรียกใช้ในฐานะผู้ดูแลระบบ -

@powershell -NoProfile -ExecutionPolicy Bypass -Command "iex 
((new-object net.webclient).DownloadString('https://www.nativescript.org/setup/win'))"

หลังจากคำสั่งนี้สคริปต์จะถูกดาวน์โหลดจากนั้นติดตั้งการอ้างอิงและกำหนดค่า

ขั้นตอนที่ 2: การพึ่งพา macOS

ในการติดตั้งใน macOS คุณต้องตรวจสอบให้แน่ใจว่าได้ติดตั้ง Xcode แล้วหรือไม่ Xcode จำเป็นสำหรับ NativeScript หากไม่ได้ติดตั้ง Xcode ให้ไปที่ลิงค์ต่อไปนี้https://developer.apple.com/xcode/และดาวน์โหลด; จากนั้นติดตั้ง

ตอนนี้ดำเนินการคำสั่งต่อไปนี้ในเทอร์มินัลของคุณ -

sudo ruby -e "$(curl -fsSL https://www.nativescript.org/setup/mac)"

หลังจากดำเนินการคำสั่งข้างต้นสคริปต์จะติดตั้งการอ้างอิงสำหรับการพัฒนา iOS และ Android เมื่อเสร็จแล้วให้ปิดและรีสตาร์ทเทอร์มินัลของคุณ

ขั้นตอนที่ 3: การพึ่งพา Android

หวังว่าคุณได้กำหนดค่าข้อกำหนดเบื้องต้นต่อไปนี้แล้ว -

  • JDK 8 หรือสูงกว่า

  • Android SDK

  • ที่เก็บการสนับสนุน Android

  • ที่เก็บของ Google

  • Android SDK Build-tools 28.0.3 หรือสูงกว่า

  • Android Studio

หากไม่ได้กำหนดค่าข้อกำหนดเบื้องต้นข้างต้นให้ไปที่ลิงค์ต่อไปนี้ https://developer.android.com/studio/ติดตั้งและติดตั้ง สุดท้ายเพิ่ม JAVA_HOME และ ANDROID_HOME ในตัวแปรสภาพแวดล้อมของคุณ

ขั้นตอนที่ 4: ตรวจสอบการอ้างอิง

ตอนนี้ทุกอย่างเรียบร้อย คุณสามารถตรวจสอบการอ้างอิงโดยใช้คำสั่งด้านล่าง -

tns doctor

สิ่งนี้จะตรวจสอบการพึ่งพาทั้งหมดและสรุปผลดังต่อไปนี้ -

√ Getting environment information 
No issues were detected. 
√ Your ANDROID_HOME environment variable is set and points to correct directory. 
√ Your adb from the Android SDK is correctly installed. 
√ The Android SDK is installed. 
√ A compatible Android SDK for compilation is found. 
√ Javac is installed and is configured properly. 
√ The Java Development Kit (JDK) is installed and is configured properly. 
√ Local builds for iOS can be executed only on a macOS system. 
   To build for iOS on a different operating system, you can use the
   NativeScript cloud infrastructure. 
√ Getting NativeScript components versions information... 
√ Component nativescript has 6.3.0 version and is up to date. 
√ Component tns-core-modules has 6.3.2 version and is up to date. 
√ Component tns-android has 6.3.1 version and is up to date. 
√ Component tns-ios has 6.3.0 version and is up to date.

หากคุณพบปัญหาใด ๆ โปรดแก้ไขปัญหาก่อนที่จะดำเนินการพัฒนาแอปพลิเคชัน