Phonegap Cordova cài đặt Windows

Tài liệu cho phonegap / cordova là hoàn toàn khủng khiếp. Tất cả những gì tôi đang cố gắng làm là cài đặt PhoneGap 3.0 trên môi trường Windows của mình nhưng không thành công.

Dưới đây là các bước và điểm thất bại của tôi. Bất cứ ai có thể tư vấn về các giải pháp?

Theo hướng dẫn :

1. Cài đặt Node.js (THÀNH CÔNG)
2. Từ node.js: install -g cordova(THÀNH CÔNG)
3. Thêm nền tảng: cordova platform add wp8(KHÔNG CÓ GÌ XẢY RA)
4. Thử với phonegap: phonegap install wp8(Không thể tìm thấy thư mục dự án ERROR)

Từ " Hướng dẫn nền tảng Windows Phone 8 "

1. Cài đặt Windows SDK (THÀNH CÔNG)
2. "Tải xuống và giải nén bản sao mới nhất của [PhoneGap. Bạn sẽ làm việc trong thư mục con lib \ windows-phone-8 \ wp8, lib \ windows-phone-8 \ wp7 chứa phiên bản Windwos Phone 7 của Cordova"

HUH?!?! Thư mục nằm ở vị trí nào?!?! Vì vậy, tôi đã tìm thấy thư mục phonegap không có giấy tờ được chôn trong AppData \ Local ... và CÓ một thư mục libs nhưng chắc chắn KHÔNG có bất kỳ thư mục con WP8 nào. Người ta sẽ cài đặt nó từ đâu? Có lẽ là lệnh thêm nền tảng ở trên, nhưng thêm lệnh đó chỉ đơn giản đưa tôi trở lại dấu nhắc lệnh mới.

Đã thử sử dụng lệnh phonegap: phonegap plaform add wp8

LỖI - 'platform add wp8 "không phải là một nút.

Tôi lấy mã nguồn mở của nó nhưng đây là tài liệu tham khảo về spaghetti tàn bạo. Nếu bất kỳ ai có thể cài đặt thành công 3.0 cho WP8, mọi người sẽ giúp đỡ.

Sau nhiều giờ thất vọng ... đây là những gì tôi đã khám phá ra.

1. Bỏ qua tài liệu cài đặt và tất cả các dòng lệnh, node.js (nghiêm túc là bạn sẽ lãng phí hàng giờ cho việc này.
2. Truy cập github và chỉ cần tải xuống PhoneGap master .zip
3. Trong zip đó là các tệp dự án cho nền tảng window phone, etc ... chỉ cần sử dụng các mẫu đó.

Tôi không biết làm thế nào mà một quy trình dễ dàng như vậy lại có thể có tài liệu tệ hơn. Nó như thể nó được viết bởi các luật sư.

Tôi phải đối mặt với vấn đề tương tự và vật lộn trong một giờ để giải quyết bằng cách đọc tài liệu và các vấn đề khác được báo cáo trong Stack Overflow nhưng tôi không tìm thấy bất kỳ câu trả lời nào cho nó. Vì vậy, đây là hướng dẫn để chạy thành công phonegap / cordova trong Windows Machine.

Làm theo các bước sau

1. Tải xuống và cài đặt node.js từ http://nodejs.org/
2. Chạy lệnh npm install -g phonegap(trong trường hợp cài đặt phonegap) hoặc chạy lệnh npm install -g cordova(trong trường hợp cài đặt Cordova).

3. Khi quá trình cài đặt hoàn tất, bạn có thể nhận thấy điều này:

   C: \ Users \ binaryuser \ AppData \ Roaming \ npm \ cordova -> C: \ Users \ binaryuser \ AppData \ Roaming \ npm \ node_modules \ cordova \ bin \ cordova
   cordova@3.0.9 C: \ Users \ binaryuser \ AppData \ Roaming \ npm \ node_modules \ cordova
   ├── ncallbacks@1.0.0
   ├── open@0.0.3
   ├── màu sắc@0.6.2
   ├── semver@1.1.0
   ├── shelljs@0.1.2
   ├── follow-redirects@0.0.3 (underscore@1.5.2)
   ├── elementtree@0.1.3 (sax@0.3.5)
   ├── Optimist@0.6.0 (wordwrap@0.0.2, minimist@0.0.2)
   ├── xcode@0.5.1 (node-uuid@1.3.3, pegjs@0.6.2)
   ├── global@3.2.6 (inherit@2.0.1, minimatch@0.2.12)
   ├── plist@0.4.3 (xmlbuilder@0.4.2, xmldom@0.1.16)
   ├── tar@0.1.18 (inherit@2.0.1, block-stream@0.0.7, fstream@0.1.24)
   ├── prompt@0.2.7 (revalidator@0.1.5, pkginfo@0.3.0, read@1.0.5, utile@0.1.7, wonton@0.6.2)
   ├── request@2.22.0 (json-stringify-safe@4.0.0, aws-sign@0.3.0, qs@0.6.5, oauth-sign@0.3.0, forever-agent@0.5.0, cookie -jar@0.3.0, tunnel-agent@0.3.0, mime@1.2.11, node-uuid@1.4.1, http-signature@0.10.0, hawk@0.13.1, form-data@0.0.8 )
   ├── express@3.0.0 (method@0.0.1, fresh@0.1.0, range-parser@0.0.4, crc@0.2.0, cookie@0.0.4, Commander@0.6.1, debug@0.7 .2, mkdirp@0.3.3, send@0.1.0, connect@2.6.0)
   ├── ripple-emulator@0.9.18 (connect-xcors@0.5.2, Colors@0.6.0-1, Accounting@0.3.2, request@2.12.0, moment@1.7.2, express@3.1.0 )
   ├── npm@1.3.11
   └── plugman@0.11.0 (ncallbacks@1.1.0, osenv@0.0.3, bplist-parser@0.0.4, underscore@1.4.4, semver@2.0.11, dep-graph@1.1.0, elementtree @ 0.1.5, xcode@0.6.1, nopt@1.0.10, rc@0.3.0, tar.gz@0.1.1, npm@1.3.4)
   

4. Để ý dòng trên, bạn có thể thấy đường dẫn mà tập tin được đề cập. Sao chép đường dẫn đó. Trong trường hợp của tôi, nó là C:\Users\binaryuser\AppData\Roaming\npm\cordovanhư vậy sử dụng cd C:\Users\binaryuser\AppData\Roaming\npm\và loại cordova. Nó đây, nó cuối cùng đã hoạt động.

5. Vì -ggiá trị khóa không hoạt động nên bạn đã đặt đường dẫn Biến môi trường:
   1. Nhấn Win+ Pause|Breakhoặc nhấp chuột phải vào Computervà chọn Properties.
   2. Nhấp Advanced system settingsvào bên trái.
   3. Nhấp vào Environment Variablesdưới Advancedtab.
   4. Chọn PATHbiến và nhấp vào Edit.
   5. Sao chép đường dẫn được đề cập ở trên vào trường giá trị và nhấn OK.

Câu trả lời này lần đầu tiên được đăng ở đây: cordova / phonegap không tạo thư mục android

Với việc phát hành Cordova 3.3.0, có vẻ như nhóm PhoneGap đang cố gắng giải quyết sự nhầm lẫn đặt tên. Các tài liệu đã được cập nhật để khuyến nghị mọi người sử dụng cordovalệnh thay thế. Không sử dụng phonegaplệnh nữa.

Dưới đây là hướng dẫn cài đặt mới để thiết lập đảm bảo không gặp sự cố:

1. Cài đặt Cordova (quên tên PhoneGap từ bây giờ). Đối với PC:

   C:> npm install -g cordova

2. Từ dấu nhắc lệnh, điều hướng đến thư mục bạn muốn tạo dự án của mình bằng cách sử dụng:

   cordova tạo xin chào com.example.hello HelloWorld
   cd xin chào

3. Xác định hệ điều hành bạn muốn hỗ trợ, ví dụ:

   nền tảng cordova thêm wp8

4. Cài đặt plugin (Nếu cần). Ví dụ, chúng tôi muốn như sau:

   plugin cordova thêm org.apache.cordova.device
   plugin cordova thêm org.apache.cordova.camera
   plugin cordova thêm org.apache.cordova.media-capture
   plugin cordova thêm org.apache.cordova.media
   

5. Cuối cùng, tạo ứng dụng bằng:

   cordova xây dựng wp8

Đây là liên kết đến Tài liệu PhoneGap Cordova 3.3.0 http://docs.phonegap.com/en/3.3.0/guide_cli_index.md.html#The%20Command-Line%20Interface

Tôi cũng gặp phải lỗi này. Và tôi thậm chí đã thử tải xuống chính PhoneGap từ GitHub, nhưng tôi phát hiện ra rằng thứ tôi nhận được là Phonegap 2.9. Cuối cùng tôi phải tải xuống Nguồn Cordova 3

Làm theo các bước sau để có được nó.

1. Tải xuống và giải nén Nguồn Cordova 3
2. Chạy template.bat trong thư mục cordova-wp8
3. Sao chép các tệp Zip đã tạo vào thư mục mẫu Visual studio của bạn

Cài đặt Phonegap Cordova trên Windows

Yêu cầu

• Plugin Eclipse + ADT
• Công cụ SDK Android
• Công cụ nền tảng Android
• Thư mục zip PhoneGap mới nhất. Trích xuất nội dung của nó.

Thiết bị Android được hỗ trợ

Cài đặt Android 2.2 Android 2.3 Android 4.x Phonegap Cordova

Đặt biến môi trường PATH cho android

1. Từ máy tính để bàn, nhấp chuột phải vào Máy tính của tôi và nhấp vào Thuộc tính.

2. Nhấp vào liên kết Cài đặt Hệ thống Nâng cao ở cột bên trái.

3. Trong cửa sổ thuộc tính hệ thống, nhấp vào nút biến môi trường.

4. Chọn biến PATH từ phần Biến hệ thống. Chọn nút Chỉnh sửa. Bạn cần thêm đường dẫn vào thư mục công cụ và nền tảng SDK Android của mình. Ví dụ: D: \ adt-pack-windows-x86_64-20130219 \ sdk \ platform-tools; D: \ adt-pack-windows-x86_64-20130219 \ sdk \ tools Lưu Chỉnh sửa của bạn. Đóng hộp thoại Biến Môi trường.

5. Ngoài ra, bạn cũng có thể cần phải bao gồm% JAVA_HOME% \ bin vào PATH của mình. Để kiểm tra xem điều này có cần thiết hay không, hãy chạy một dấu nhắc lệnh và nhập java. Nếu không tìm thấy chương trình, hãy thêm% JAVA_HOME% \ bin vào PATH. Bạn có thể cần chỉ định đường dẫn đầy đủ thay vì sử dụng biến môi trường% JAVA_HOME%.
6. Cuối cùng, bạn cũng có thể cần đưa% ANT_HOME% \ bin vào PATH của mình. Để kiểm tra xem điều này có được yêu cầu hay không, hãy chạy một dấu nhắc lệnh và gõ ant. Nếu không tìm thấy chương trình, hãy thêm% ANT_HOME% \ bin vào PATH. Bạn có thể cần chỉ định đường dẫn đầy đủ thay vì sử dụng biến môi trường% ANT_HOME%. Thiết lập dự án mới

Mở Command Prompt, điều hướng đến thư mục bin trong thư mục con android của bản phân phối Cordova.

Nhập: ./create

Sau đó nhấn Enter. Khởi chạy Eclipse. Trong Mục menu Tệp và chọn Nhập…

Nhập Chọn “Mã Android hiện có vào không gian làm việc” và nhấp vào 'Tiếp theo>'.

Duyệt dự án được tạo thông qua dấu nhắc lệnh. Và nhấp vào 'Hoàn tất'. Triển khai đến Trình giả lập Từ bên trong Eclipse, nhấn biểu tượng thanh công cụ này.

Sau khi mở, Trình quản lý SDK Android hiển thị các thư viện thời gian chạy khác nhau Cài đặt các API theo yêu cầu từ đây. Từ bên trong Eclipse, nhấn biểu tượng thanh công cụ này.

Chọn và định nghĩa thiết bị từ danh sách đi kèm. (Chỉ có một mục trong danh sách hiện tại.) Nhấn New… trong cửa sổ trên để tạo Android Virtual Device (AVD) mới và sử dụng nó để chạy dự án của bạn.

Để mở trình giả lập dưới dạng một ứng dụng riêng biệt, hãy chọn AVD và nhấn Bắt đầu. Nó khởi chạy nhiều như trên thiết bị, với các điều khiển bổ sung có sẵn cho các nút phần cứng:

Triển khai tới thiết bị:

Đảm bảo rằng gỡ lỗi USB được bật trên thiết bị của bạn và cắm nó vào hệ thống của bạn. Nhấp chuột phải vào Dự án và đi tới Chạy dưới dạng> Ứng dụng Android.

Đọc thêm ...

Tôi đã gặp sự cố khi cài đặt phonegap. Sự cố đã được khắc phục khi tôi chạy cmd với tư cách Quản trị viên và sau đó chạy lệnh

npm install -g phonegap

và nó được cài đặt thành công.

Sau đó, trong thư mục nơi nó được cài đặt, tôi đã mở cmd và chạy lệnh phonegap và nó hoạt động tốt. Bây giờ sẽ chơi với nó nhiều hơn :)

Cảm ơn bạn bè cho tất cả sự giúp đỡ này.

Trong C:\phonegap-2.9.0\lib\windows-phone-8 there'smột tệp hàng loạt được gọi createTemplates.bat. Bạn cần thực thi tệp này, tệp này sẽ tạo CordovaWP8_2_9_0.ziptệp được đề cập trong tài liệu của họ.

Tôi đã gặp vấn đề tương tự nhưng cuối cùng tôi đã thành công khi thực hiện việc này, vui lòng ném hình ảnh này Vui lòng chạy tất cả lệnh trong PHONE TOOL COMMAND PROMPT

Tôi đã tìm thấy Ứng dụng kết hợp đa thiết bị này cho Tài liệu Visual Studio cho CTP1.1 Cập nhật lần cuối: 29 tháng 5 năm 2014 .

Một số nội dung từ tài liệu như sau.

Bản phát hành này hỗ trợ xây dựng ứng dụng cho các mục tiêu thiết bị sau :

Android 4+ (4.4 cung cấp trải nghiệm nhà phát triển tối ưu) iOS 6 & 7 Windows 8.0 (Store) Windows Phone 8.0

Yêu cầu: Windows 8.1

Visual Studio 2013 Update 2 - Professional, Ultimate hoặc Premium với các tính năng tùy chọn sau được cài đặt:

Công cụ để duy trì ứng dụng Store cho Windows 8 Windows Phone 8.0 SDK

Các yêu cầu hệ thống bổ sung khác nhau tùy theo nền tảng thiết bị:

Trình giả lập Android hoạt động tốt nhất với PC có khả năng cài đặt trình điều khiển Intel HAXM

Windows Phone 8 yêu cầu PC có khả năng Hyper-V để chạy Trình mô phỏng xây dựng cho iOS và sử dụng Trình mô phỏng iOS yêu cầu máy Mac có khả năng chạy Xcode 5.1

Sự phụ thuộc của bên thứ ba:

Joyent Node.js - Cho phép Visual Studio tích hợp với Giao diện dòng lệnh Apache Cordova (CLI) và Apache Ripple ™ Emulator Git CLI - Chỉ bắt buộc nếu bạn cần thêm git URI cho plugin theo cách thủ công

Google Chrome - Bắt buộc phải chạy trình giả lập Apache Ripple cho iOS và Android

Apache Ant 1.8.0+ - Bắt buộc như một phụ thuộc cho quá trình xây dựng Android

Oracle Java JDK 7 - Bắt buộc như một phụ thuộc cho quá trình xây dựng Android

Android SDK - Bắt buộc làm phụ thuộc cho quy trình xây dựng Android và Ripple

SQLLite cho Windows Runtime - bắt buộc để thêm kết nối SQL vào các ứng dụng Windows (đối với plugin WebSQL Polyfill)

Apple iTunes - Bắt buộc để triển khai ứng dụng cho thiết bị iOS được kết nối với PC Windows của bạn

Việc chạy CMD với tư cách Quản trị viên trên Windows đã giúp tôi tiếp tục và tôi nghĩ nó chỉ có ý nghĩa hoàn hảo bởi vì mọi người không thực sự cố gắng cài đặt nội dung của họ trong một thư mục tùy chỉnh. Vì vậy, khi bạn cài đặt node.js trong thư mục Windows và sau đó cố gắng cài đặt PhoneGap trên CMD không được nâng cấp, bạn sẽ gặp khó khăn khi thiết lập các biến đường dẫn.

Tôi đã từng gặp vấn đề tương tự. Tôi đã mất hàng giờ, sau đó tôi thấy phiên bản node.js được cài đặt là 0.8. Nhưng tôi đã tải xuống và cài đặt phiên bản 0.10 từ trang web node.js.

Tôi đã tải xuống và cài đặt lại, và bây giờ phiên bản là 0.10. Kết quả: PhoneGap đã được cài đặt thành công với phiên bản này.

Phonegap có thể hơi phức tạp đối với những người mới làm quen. Tôi đã dành nhiều thời gian để cố gắng tìm ra cách tối ưu để tạo ra một ứng dụng android mạnh mẽ có thể truy cập các tính năng gốc của điện thoại.

Liên kết này cung cấp một phương pháp khôn ngoan để tạo một ứng dụng Android Phonegap bằng cách sử dụng windows, html và javascript.

Tôi cũng đã đấu tranh rất nhiều với các bước bản đồ điện thoại.

Tài liệu chính xác có ở liên kết sau. http://docs.phonegap.com/en/edge/guide_cli_index.md.html

Không có lệnh cordova nữa, Nó được thay thế bằng phonegap.