CodePush là một dịch vụ đám mây cho phép các developer Cordova và React Native deploy các bản cập nhật ứng dụng trực tiếp trên các thiết bị của người dùng. Chỉ với một vài bước đơn giản, bạn có thể thay đổi các cập nhật trong ứng dụng của mình và thay đổi ngay trên các thiết bị iPhone của người dùng. Tham khảo Phần 1 về cách tích hợp CodePush vào Android. Ở bài viết này sẽ trình bày riêng về cách tích hợp CodePush vào các ứng dụng iOS.

1. Tạo ứng dụng trên App Center

    Bước 1: Hãy chắc chắn rằng ứng dụng của bạn đã được publish trên App Store.

    Bước 2: Mở appcenter.ms và click vào Add New App

    Bước 3: Nhập tên của ứng dụng rồi chuyển đến phần tên OS. Chọn vào iOS và React Native platform. Click Add New App sẽ hiển thị hình như bên dưới

    Bước 4: Vì đã cài đặt appcenter-analytics và appcenter-crashes ở Phần 1 cho nên chúng ta chỉ cần thực hiện bước 2 trong hình

    Bước 5: Đi tới Distribute lựa chọn mục CodePush

    Bước 6: Tiếp theo nhấn chọn Create Standard Deployments

    Bước 7: Trên màn hình tiếp theo chọn vào Setting icon bên trên góc phải bạn có thể thay đổi môi trường thành Production

    Bước 8: Các key dành cho Production và Staging sẽ được hiển thị khi click vào Setting icon. Copy cái này để dùng cho Bước 12

2. Cài đặt và tích hợp React Native CodePush

    Bước 9: Coi như bạn đã cài đặt react-native-codepush rồi. Còn nếu chưa thì bạn có thể cài đặt ở đây

    Bước 10: Tiếp theo, tích hợp react-native-codepush vào iOS app theo hướng dẫn từ link này

    Bước 11: Trong link trên bạn sẽ gặp cái này:

    Bước 12: Bạn còn nhớ key đã copy được ở Bước 8 chứ? Nó được dùng để hoàn tất quá trình tích hợp CodePush

    Bước 13: Sau khi hoàn thành các bước ở trên bạn có thể thay đổi App.js thành ứng dụng React Native

Kết nối App Center tới App Store

    Bước 14: Trong App Center console chọn Stores ở dưới mục Distribute rồi click vào Connect to Store

    Bước 15: Chọn App Store Connect như bên dưới

    Bước 16: Bạn sẽ thấy danh sách ứng dụng iOS kết nối với tài khoản Apple developer của bạn. Chọn ứng dụng được yêu cầu sẽ như hình bên dưới

    Bước 17: Chọn Assign thì có thể sẽ gặp lỗi như sau:

    Bước 18: Để giải quyết lỗi này thì bạn cần tạo một app-specific password từ tài khoản Apple developer, nó sẽ như hình sau:

    Bước 19: Copy app-specific password đó và dán vào App Center

    Bước 20: Click chọn Stores bên dưới Distribute và chọn Production sau đó click Public to App Store

    Bước 21: Bạn cần tạo một IPA file từ Xcode và upload nó ở đây

    Bước 22: Sau khi điền release note thì bước cuối cùng là click Publish

    Bước 23: Chúc mừng vậy là bạn đã hoàn thành việc tích hợp App Center và CodePush vào ứng dụng iOS rồi. Kết quả sẽ như hình bên dưới

Kết luận

    Sau khi hoàn thành tất cả các bước bên trên, Apple sẽ nhận được quyền review ứng dụng của bạn (dưới dạng bản cập nhật) điều này thường mất khoảng vài giờ đồng hồ. Sau khi được chấp thuận, bạn có thể thay đổi bên trong ứng dụng của mình và chạy lệnh được hướng dẫn trong bước 4 hình bên dưới, khi chạy xong những thay đổi của bạn sẽ được đưa tới người dùng trong vòng vài phút.

    Nếu bạn muốn release một bản cập nhật ứng dụng thì đừng quên thêm flag -m như code dưới đây để nó hoạt động đúng nhé

appcenter codepush release-react -a <YourName>/<AppName> -d Production -m --description '<Description>'

    Hi vọng bạn thấy bài viết thú vị!

    Bài viết được dịch từ: https://techblog.geekyants.com/a-guide-to-integrating-codepush-to-your-react-native-app-part-2