Phát triển iOS thành thạo Cordova:Từ thiết lập đến triển khai liền mạch

Việc phát triển Ứng dụng lai cho Android thật dễ dàng, dù là cho cấu hình phát triển hay sản xuất. Nhưng cá nhân tôi thấy việc thiết lập, phát triển và triển khai Cordova iOS hơi phức tạp.

Hầu hết các Nhà phát triển ứng dụng kết hợp đang trong giai đoạn tìm hiểu không thể khám phá quy trình phát triển ứng dụng iOS kết hợp chỉ vì họ không sở hữu máy Mac. Và việc phát triển ứng dụng iOS yêu cầu SDK iOS và XCode (không giống như SDK Android chạy trên mọi HĐH máy tính để bàn).

Do đó, mục đích của hướng dẫn này là trình bày quy trình làm việc cơ bản của quá trình phát triển ứng dụng iOS lai trên máy Mac. Bằng cách này, các nhà phát triển có thể biết quy trình được thực hiện như thế nào ngay cả khi họ không thể phát triển ứng dụng.

Tạo dự án cordova

Bắt đầu bằng cách mở thiết bị đầu cuối và tạo một dự án cordova mới (chỉ sử dụng sudo nếu bạn gặp vấn đề về quyền, tức là lỗi EACCESS):

sudo cordova create iosdemo
cd iosdemo
sudo cordova platform add ios

Tại thời điểm viết hướng dẫn này, phiên bản nền tảng iOS của cordova là 4.3.1.

Chúng tôi sẽ không sửa đổi bất kỳ mã nguồn nào của ứng dụng - thay vào đó, chúng tôi sẽ chỉ tiếp tục với mã mẫu mặc định được cordova tự động thêm vào khi chúng tôi chạy lệnh tạo. Tuy nhiên, giả định rằng chúng tôi sẽ thêm mã sửa đổi plugin vào www thư mục trong quá trình phát triển bình thường.

Bước tiếp theo là chạy lệnh xây dựng cordova. Điều này sẽ chuyển đổi mã ứng dụng của chúng tôi thành tệp .xcodeproj mà chúng tôi sẽ sử dụng tiếp theo.

sudo cordova build ios

Tệp Dự án Xcode được tạo sẽ ở đây:

[Your App Folder]/platforms/ios/[Your App Name].xcodeproj

Bây giờ, trong trường hợp Android, việc ký mã được thực hiện bằng tệp Keystore có định dạng .jks. Tuy nhiên, trong iOS, bạn phải có tài khoản nhà phát triển Apple để phân phối ứng dụng iOS. Điều này là để chúng tôi có thể tạo Chứng chỉ và Hồ sơ cung cấp cần thiết để phân phối ứng dụng.

Để biết giá cả và thông tin khác về tài khoản Nhà phát triển, hãy tham khảo trang này.

Tạo chứng chỉ phát triển

Khi bạn đã có sẵn tài khoản, chúng tôi có thể tiếp tục và đăng nhập vào tài khoản nhà phát triển Apple của bạn.

Màn hình trang tổng quan sẽ trông giống như thế này:

Bấm vào Certificates, Identifiers & Profiles . Thao tác này sẽ đưa bạn đến màn hình sau, theo mặc định hiển thị Chứng chỉ được cấp từ tài khoản của bạn:

Chứng chỉ iOS chủ yếu có hai loại:Phát triển hoặc Phân phối. Nhấp vào nút Plus (+) ở góc trên cùng bên phải của danh sách sẽ mở trang sau:

Đầu tiên hãy tạo một hồ sơ phát triển. Chọn Phát triển ứng dụng iOS và nhấp vào tiếp tục.

Thao tác này sẽ đưa bạn đến màn hình sau, nơi bạn được yêu cầu tạo và tải lên Yêu cầu ký chứng chỉ hoặc tệp CSR.

Làm theo hướng dẫn trên màn hình để tạo và tiếp tục. Khi chứng chỉ đã sẵn sàng, hãy tải nó xuống máy Mac của bạn và nhấp đúp vào nó. Thao tác này sẽ thêm chuỗi khóa vào Truy cập chuỗi khóa trong máy Mac.

Tạo chứng chỉ phân phối

Tạo chứng chỉ phân phối tương tự như quy trình tạo chứng chỉ phát triển. Tuy nhiên ở đây chúng ta chọn App Store and Ad Hoc từ Production phần trong Add iOS Certifcate Page :

Tạo ID ứng dụng

Chọn App IDs từ Identifiers phần. Thao tác này sẽ mở danh sách ID ứng dụng hiện có. Tiếp theo bấm vào nút Plus ở trên cùng bên phải (+). Thao tác này sẽ mở Đăng ký ID ứng dụng iOS trang.

Chọn ID ứng dụng rõ ràng. Mô tả ứng dụng có thể là bất kỳ tên liên quan nào – đây là tên sẽ được hiển thị trong danh sách id ứng dụng theo id ứng dụng cụ thể.

Id ứng dụng là một chuỗi có định dạng AB11A1ABCD.com.mycompany.myapp ở đâu AB11A1ABCD là tiền tố id ứng dụng, theo mặc định là ID nhóm và com.mycompany.myapp là ID gói duy nhất cho mỗi ứng dụng.

Chúng tôi khuyến nghị rằng id gói phải ở dạng chuỗi kiểu tên miền đảo ngược. Ví dụ:công ty MYCOMPANY có thể có hai ứng dụng (App1 và App2). Vì vậy, URL HTTP cho mỗi ứng dụng thường là app1.mycompany.com và app2.mycompany.com. Do đó, ID gói cho mỗi ứng dụng sẽ là com.mycompany.app1 và com.mycompany.app2

Tiếp theo, chọn bất kỳ dịch vụ nào từ danh sách kiểm tra mà bạn cần sử dụng trong ứng dụng của mình, chẳng hạn như Thông báo đẩy, Ví, v.v. Tiếp theo, nhấp vào tiếp tục và xác nhận thông tin chi tiết rồi cuối cùng đăng ký id ứng dụng.

Thêm thiết bị vào tài khoản nhà phát triển của bạn

Chọn All từ Devices phần. Thao tác này sẽ mở danh sách các thiết bị đã được thêm vào tài khoản nhà phát triển Apple của bạn. Chỉ những thiết bị này mới được phép chạy ứng dụng trong quá trình phát triển.

Để thêm thiết bị mới, nhấp vào nút Plus ở trên cùng bên phải (+). Màn hình sau sẽ được hiển thị:

Ở đây, tên có thể là bất kỳ tên nào dễ hiểu, ví dụ như iPhone 5s ABC Pvt Ltd. UDID của thiết bị là ID duy nhất được liên kết với mỗi thiết bị Apple.

Để tìm UDID của thiết bị, hãy làm theo các bước sau:

1. Kết nối thiết bị với máy Mac của bạn.
2. Mở ứng dụng Thông tin hệ thống nằm trong thư mục /Ứng dụng/Tiện ích.
3. Chọn USB trong Phần cứng ở cột bên trái.
4. Ở bên phải, chọn thiết bị được kết nối trong Cây thiết bị USB. ID thiết bị hoặc “Số sê-ri” xuất hiện bên dưới.

Khi bạn đã nhập UDID của thiết bị và nhấp vào tên để tiếp tục, sau đó xác nhận thông tin chi tiết và đăng ký.

Tạo hồ sơ cung cấp phát triển

Để tạo Hồ sơ cung cấp phát triển, hãy nhấp vào Hồ sơ cung cấp -> Tất cả. Điều này sẽ hiển thị tất cả các hồ sơ, phát triển cũng như phân phối. Tiếp theo, nhấp vào nút Plus ở trên cùng bên phải (+) Nút này sẽ hiển thị trang sau:

Ở đây chọn iOS App Development và nhấp vào tiếp tục. Trong danh sách thả xuống được hiển thị, hãy chọn ID ứng dụng mà chúng tôi đã tạo trước đó và tiếp tục.

Tiếp theo Danh sách kiểm tra các chứng chỉ được hiển thị để chúng ta có thể chọn một hoặc nhiều chứng chỉ. Đây là chứng chỉ phát triển chứ không phải chứng chỉ phân phối. Hồ sơ cung cấp được tạo sẽ được liên kết với các chứng chỉ này.

Khi bạn nhấp vào Tiếp tục, danh sách kiểm tra các thiết bị sẽ được hiển thị. Chọn một, nhiều hoặc tất cả. Chỉ những thiết bị được chọn mới được phép chạy ứng dụng bằng hồ sơ cấp phép này.

Tiếp theo, sau khi nhấp vào tiếp tục, hãy nhập tên cho hồ sơ cung cấp và tải xuống tệp .mobileprovision đã tạo.

Ghi chú :quy trình tạo Hồ sơ cung cấp phân phối Adhoc của bạn cũng giống như vậy. Việc tạo Hồ sơ cung cấp phân phối AppStore của bạn cũng rất giống nhau, ngoại trừ việc chúng tôi không chọn thiết bị vì ứng dụng sẽ được cung cấp công khai thông qua AppStore.

Bây giờ chúng ta đã có tất cả những gì cần thiết, chúng ta có thể tiếp tục tạo ipa thực tế bằng Xcode.

Lệnh xây dựng Cordova chuyển đổi mã ứng dụng của chúng tôi thành dự án xcode. Bằng cách sử dụng Xcode, chúng tôi tạo tệp .ipa là ứng dụng thực tế sẽ được cài đặt.

Trước khi tiếp tục, hãy nhấn đúp vào cả hai Chứng chỉ để thêm chúng vào chuỗi khóa của bạn.

Tiếp tục trong Xcode

Tiếp theo, nhấn đúp vào tệp .xcodeproj sẽ mở tệp đó trong Xcode. (Vui lòng sử dụng phiên bản Xcode mới nhất – Tôi đã sử dụng Xcode 8.3.2.)

Màn hình Xcode sẽ trông giống như trên.

Nhấp vào Tên ứng dụng ở góc trên cùng bên trái của cửa sổ. Thao tác này sẽ mở chế độ xem chi tiết ở phía bên phải.

Sau đó nhấp vào Mục tiêu-> Tên ứng dụng:

Thao tác này sẽ hiển thị tab chi tiết sau:

Nhấp vào chung, sẽ hiển thị thông tin này:

Bỏ chọn hộp kiểm Tự động quản lý chữ ký.

Điều này sẽ hiển thị lỗi sau, cho biết AppNAme yêu cầu hồ sơ cung cấp:

Tiếp theo, trong phần Ký tên (Gỡ lỗi), nhấp vào Danh sách thả xuống Hồ sơ cung cấp và chọn hồ sơ nhập tùy chọn. Trong hộp thoại chọn tệp bật lên, hãy điều hướng đến đường dẫn tải xuống hồ sơ cung cấp phát triển và chọn nó. Nó sẽ có phần mở rộng là .mobileprovision.

Sau khi bạn chọn mục đó, lỗi sẽ biến mất và lỗi sẽ hiển thị Nhóm là Tên nhóm trong tài khoản nhà phát triển Apple và Tên chứng chỉ ký của bạn.

Thực hiện tương tự cho phần Ký (Phát hành) – nhưng trong hộp thoại chọn tệp, hãy chọn Hồ sơ phân phối Ad Hoc.

Bây giờ các bước ký mã đã hoàn tất, chúng ta

• chạy ứng dụng trực tiếp trên thiết bị
• chạy ứng dụng trên trình mô phỏng
• tạo tệp ipa để phân phối
• tải ứng dụng lên kho ứng dụng

Chạy ứng dụng trực tiếp trên thiết bị

Để chạy ứng dụng trên thiết bị, hãy kết nối thiết bị với máy Mac qua USB. Sau đó, ở góc trên cùng bên trái trong danh sách thiết bị, hãy chọn thiết bị được kết nối và nhấp vào nút chạy hoặc phát (nút hình tam giác màu đen):

Trạng thái bản dựng sẽ được hiển thị trên thanh trạng thái ở đầu cửa sổ. Nếu mọi việc suôn sẻ thì ứng dụng sẽ được cài đặt trên thiết bị và ứng dụng sẽ tự động tải sau một lúc.

Lưu ý :các bước giống nhau để chạy ứng dụng trên trình mô phỏng. Nhưng thay vì sử dụng thiết bị thực tế, chúng tôi sử dụng trình mô phỏng iPhone và iPad có sẵn trong danh sách thiết bị.

Tạo tệp ipa để phân phối

Cách tiếp cận này có thể được thực hiện trong trường hợp bạn cần phân phối ứng dụng cho nhóm thử nghiệm, v.v. Tuy nhiên, thiết bị được họ sử dụng phải có UDID trong hồ sơ cung cấp.

Từ menu Xcode, chọn Product -> Clean , thì Product -> Archive . Trình tổ chức Lưu trữ xuất hiện và hiển thị kho lưu trữ mới.

Trong bảng điều khiển bên phải, chọn tùy chọn Xuất và danh sách các tùy chọn sẽ xuất hiện.

Để phân phối ứng dụng của bạn cho người dùng bằng các thiết bị được chỉ định, hãy chọn “Lưu để triển khai đặc biệt”. Ứng dụng sẽ được ký mã với chứng chỉ phân phối.

Để phân phối ứng dụng của bạn cho mục đích thử nghiệm nội bộ, hãy chọn “Lưu để triển khai phát triển”. Ứng dụng sẽ được ký mã bằng chứng chỉ phát triển của bạn.

Trong hộp thoại xuất hiện, hãy chọn một nhóm từ menu bật lên và nhấp vào Chọn.

Tiếp theo hộp thoại chọn thiết bị bật lên. Chọn Tất cả thiết bị hoặc thiết bị cụ thể và nhấp vào tiếp theo.

Tiếp theo hộp thoại xem lại được hiển thị. Ở đây nó sẽ hiển thị chứng chỉ ký và hồ sơ cung cấp được sử dụng để tạo bản dựng. Xem lại và nhấp vào tiếp theo. Cuối cùng, lưu tệp dưới dạng cửa sổ bật lên được hiển thị để chọn vị trí trong hệ thống tệp để lưu trữ tệp ứng dụng đã xuất.

Ứng dụng được xuất dưới dạng tệp .ipa` .

Để chạy tệp này trên thiết bị, chỉ cần chạm đúp vào tệp sẽ mở tệp trong iTunes.

Sau đó kết nối thiết bị của bạn (thao tác này sẽ hiển thị biểu tượng thiết bị nhỏ ở góc trên cùng bên trái của cửa sổ iTunes). Nhấn vào nó sẽ hiển thị tóm tắt thiết bị như ứng dụng, nhạc, v.v. trên thiết bị. Chọn tab ứng dụng và trong ngăn bên trái, chọn ứng dụng sẽ được cài đặt và nhấp vào cài đặt. Đợi quá trình hoàn tất và nhấp vào áp dụng. Thao tác này sẽ cài đặt tệp ipa trên thiết bị của bạn.

Để gỡ lỗi ứng dụng:

1. mở Safari
2. mở ứng dụng trên thiết bị
3. trong thanh menu Safari chọn Develop --> Your Device Name --> Your App .

Đó là tất cả mọi người!

Học cách viết mã miễn phí. Chương trình giảng dạy mã nguồn mở của freeCodeCamp đã giúp hơn 40.000 người có được việc làm với tư cách là nhà phát triển. Bắt đầu