NativeScript - Cài đặt

Phần này giải thích về cách cài đặt NativeScript trên máy của bạn.

Điều kiện tiên quyết

Trước khi chuyển sang cài đặt, chúng ta cần các điều kiện tiên quyết sau:

  • Node.js

  • Android

  • iOS

Xác minh Node.js

Node.js là một công cụ thời gian chạy JavaScript được xây dựng trên công cụ JavaScript nội bộ của Google Chrome, v8. NativeScript sử dụng Node.js rộng rãi cho nhiều mục đích khác nhau như tạo ứng dụng mẫu khởi động, biên dịch ứng dụng, v.v., Bắt buộc phải có Node.js trên máy của bạn.

Hy vọng rằng bạn đã cài đặt Node.js trên máy tính của mình. Nếu nó chưa được cài đặt thì hãy truy cập liên kết,https://nodejs.org/ và tải xuống gói LTS mới nhất và cài đặt nó.

Để xác minh xem Node.js có được cài đặt đúng cách hay không, hãy nhập lệnh dưới đây trên thiết bị đầu cuối của bạn:

node --version

Bạn có thể xem phiên bản. Hiện tại, phiên bản "LTS" ổn định hiện tại của nút là 12.14.0.

Thiết lập CLI

NativeScript CLI là một ứng dụng dựa trên dòng lệnh / thiết bị đầu cuối và cho phép bạn tạo và phát triển ứng dụng NativeScript. Trình quản lý gói Node.js npm được sử dụng để cài đặt NativeScript CLI trên máy của bạn.

Sử dụng lệnh dưới đây để cài đặt NativeScript CLI -

npm install -g nativescript

Sau khi thực hiện lệnh này, chúng ta có thể thấy kết quả sau:

setupcli

Chúng tôi đã cài đặt NativeScript CLI, tns mới nhất trong hệ thống của mình. Bây giờ, hãy nhập lệnh dưới đây vào thiết bị đầu cuối của bạn -

tns

Điều này sẽ liệt kê ra hướng dẫn bắt đầu nhanh. Bạn có thể thấy kết quả sau:

cli

Chúng tôi có thể sử dụng tns để tạo và phát triển ứng dụng ngay cả khi không có bất kỳ thiết lập bổ sung nào. Tuy nhiên, chúng tôi không thể triển khai ứng dụng trên thiết bị thực. Thay vào đó chúng ta có thể chạy ứng dụng bằng ứng dụng NativeScript PlayGround iOS / Android. Chúng tôi sẽ kiểm tra nó trong các chương sắp tới.

Cài đặt ứng dụng sân chơi NativeScript

Truy cập Cửa hàng ứng dụng iOS hoặc Cửa hàng Google Play của bạn và tìm kiếm ứng dụng Sân chơi NativeScript. Khi ứng dụng được liệt kê trong kết quả tìm kiếm, hãy nhấp vào tùy chọn cài đặt. Nó sẽ cài đặt ứng dụng NativeScript Playground trong thiết bị của chúng tôi.

Ứng dụng NativeScript Playground sẽ hữu ích để kiểm tra ứng dụng của bạn trong thiết bị Android hoặc iOS mà không cần triển khai ứng dụng trong thiết bị thực hoặc trình giả lập. Điều này sẽ làm giảm thời gian phát triển ứng dụng và là cách dễ dàng để bắt đầu phát triển ứng dụng di động của chúng tôi.

Thiết lập Android và iOS

Trong chương này, chúng ta hãy tìm hiểu cách thiết lập hệ thống để xây dựng và chạy các ứng dụng iOS và Android trong trình mô phỏng hoặc trong thiết bị thực.

Bước 1: Sự phụ thuộc vào Windows

Thực thi lệnh dưới đây trong dấu nhắc lệnh windows của bạn và chạy với tư cách quản trị viên -

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

Sau lệnh này, Tập lệnh được tải xuống sau đó cài đặt các phần phụ thuộc và cấu hình nó.

Bước 2: Phụ thuộc macOS

Để cài đặt trong macOS, bạn phải đảm bảo rằng Xcode đã được cài đặt hay chưa. Xcode là bắt buộc đối với NativeScript. Nếu Xcode chưa được cài đặt, hãy truy cập liên kết sauhttps://developer.apple.com/xcode/và tải xuống; sau đó cài đặt nó.

Bây giờ thực hiện lệnh sau trong thiết bị đầu cuối của bạn:

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

Sau khi thực hiện lệnh trên, script sẽ cài đặt các phụ thuộc cho cả phát triển iOS và Android. Sau khi hoàn tất, hãy đóng và khởi động lại thiết bị đầu cuối của bạn.

Bước 3: Phụ thuộc Android

Hy vọng rằng bạn đã định cấu hình các điều kiện tiên quyết sau:

  • JDK 8 trở lên

  • SDK Android

  • Kho hỗ trợ Android

  • Kho lưu trữ Google

  • Android SDK Build-tools 28.0.3 trở lên

  • Android Studio

Nếu các điều kiện tiên quyết ở trên không được định cấu hình, hãy truy cập liên kết sau https://developer.android.com/studio/cài đặt và cài đặt nó. Cuối cùng, Thêm JAVA_HOME và ANDROID_HOME vào các biến môi trường của bạn.

Bước 4: Xác minh sự phụ thuộc

Bây giờ mọi thứ đã xong. Bạn có thể xác minh sự phụ thuộc bằng lệnh dưới đây:

tns doctor

Điều này sẽ xác minh tất cả sự phụ thuộc và tóm tắt kết quả như bên dưới:

√ 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.

Nếu bạn tìm thấy bất kỳ vấn đề nào, vui lòng sửa các vấn đề trước khi tiếp tục phát triển ứng dụng.