Ngày nay, các doanh nghiệp có một cách mới để tương tác với khách hàng – App Clip và thẻ NFC. Tính năng này cho phép người dùng chạy các chương trình nhỏ trên hệ điều hành của điện thoại mà không cần phải vào cửa hàng ứng dụng để tải xuống và cài đặt phần mềm. Các chương trình nhỏ chỉ đơn giản là hiển thị thông tin trên màn hình, một tính năng tạo ra cơ hội để phát triển mối quan hệ khách hàng mới. Ví dụ, các quán cà phê có thể cung cấp thẻ khách hàng thân thiết hữu ích hơn và các nhà bán lẻ có thể làm cho ví ảo dễ sử dụng hơn. Các thương gia có thể kích hoạt applet theo một số cách, một trong số đó là thẻ NFC trỏ đến địa chỉ URL. Khi iPhone của người dùng ở gần nhãn, điện thoại sẽ tự động tìm URL và khởi chạy applet. Nguyên tắc rất đơn giản và chi phí thấp. Chúng ta hãy cùng xem các doanh nghiệp cần gì để sử dụng applet.
App Clip là gì? App Clip được mô tả là "phiên bản nhẹ của ứng dụng di động". Phần mềm nhỏ này chứa ít hơn 10 MB mã nhị phân được nén trước và chủ yếu cung cấp một phần nhỏ chức năng của ứng dụng. Ví dụ: Ứng dụng đầy đủ của một công ty cà phê có thể cung cấp danh mục các quán cà phê, chương trình khuyến mãi gần đây, bảng xếp hạng doanh số và thẻ khách hàng thân thiết, nhưng ứng dụng App Clip chỉ hiển thị thẻ khách hàng thân thiết. Các tính năng này đảm bảo trải nghiệm tức thời cho người dùng, ngay cả khi tốc độ Internet di động thấp. Người dùng cũng có thể có được trải nghiệm người dùng đơn giản và nhanh chóng. Việc khởi chạy chương trình nhỏ thông qua điện thoại gần thẻ NFC có thể giảm nhiều rào cản khi sử dụng, mở ra cánh cửa tương tác kỹ thuật số cho những khách hàng mới ít quen thuộc với ứng dụng di động. Sau đây là cái nhìn về kinh nghiệm của nhà phát triển ứng dụng iOS của ST, Vincent Latorre, trong việc phát triển chương trình nhỏ.
App Clip: Cấu hình máy khách hoặc NFC
1. Chuẩn bị gói ST25-TAG-BAG-U
Bộ thẻ ST25-TAG-BAG-U bao gồm: 1.ST25TV02K, 2.ST25TA02KB, 3.ST25TV02K HC, 4.ST25TV512, 5.ST25TA64K
Phần dễ nhất của toàn bộ quá trình cấu hình là tạo một thẻ NFC và ghi URL vào applet bên trong thẻ. Quá trình này đơn giản như tạo một bản demo hoạt động mà không cần viết một dòng mã nào. Với mục đích trình diễn, chúng tôi sẽ sử dụng hai thẻ NFC ST25TV02K, một thẻ để giữ địa chỉ URL của applet và thẻ còn lại làm bằng chứng khái niệm để giải thích các container chức năng có thể được lưu trữ hoặc lưu vào bộ nhớ đệm trong hệ điều hành.
Nếu bạn muốn phát triển một bài thuyết trình dựa trên applet App Clip, thì không cần TAB thứ hai, nhà phát triển có thể chỉ cần sử dụng TAB đầu tiên. Nhưng thay vì hiển thị cho bạn một màn hình, chúng tôi muốn nhân cơ hội này để chỉ cho bạn cách viết các khối bộ nhớ và cung cấp bằng chứng cụ thể rằng applet của ST thực sự hoạt động. Cả hai thẻ này đều là thẻ tròn nhỏ trong bộ ST25-TAG-BAG-U. Người dùng phải vào App Store và tải xuống ứng dụng NFC Tap của chúng tôi để đọc và viết thẻ.
Viết URL
Chúng tôi lấy ra thẻ ST25TV02K đầu tiên. Bản trình bày sau đây giả định rằng nhãn là nhãn trống. Bước đầu tiên là chọn Đọc thẻ trên màn hình chính, sau đó giữ điện thoại gần thẻ và thông báo ST25TV02K sẽ xuất hiện trên màn hình. Tiếp theo, nhấp vào biểu tượng góc dưới bên phải của màn hình…, sau đó chọn tùy chọn Areas Content Editor và cuối cùng, quét nhãn bằng điện thoại của bạn. Nếu đó là nhãn trống, một hộp thoại sẽ xuất hiện với kích thước bộ nhớ (ví dụ: 256 byte) và thông báo No NDEF.
Trước khi viết tin nhắn NDEF, người dùng cần nhấp vào hộp thoại có nội dung Không có tin nhắn NDEF, và một hộp màu trắng và mũi tên màu xanh lam sẽ xuất hiện trên màn hình. Vuốt hộp màu trắng sang trái, và một menu sẽ bật lên với các tùy chọn Thêm, Chỉnh sửa, Chèn và Thực thi. Sau khi chọn Thêm,
1. Chọn NdefUriRecord
2. https://www.myst25.com/clip. Hãy chắc chắn chọn https, nếu không applet sẽ không hiển thị ngay lập tức.
3. Nhấn nút Xác thực và viết nhãn
Tìm hiểu về các container chức năng
ST25TV02K thứ hai là thẻ thử nghiệm của chúng tôi và chúng tôi cũng có thể sử dụng nó để tìm hiểu về hỗ trợ NDEF trong thẻ Type-5. Bản demo này chứng minh rằng applet của ST đang đọc nhãn chứ không phải hiển thị màn hình điện thoại. Để bản demo thú vị hơn, chúng tôi sẽ làm theo cách tiếp cận trong ghi chú ứng dụng của mình về quản lý NDEF. Trên thực tế, bài viết đó đã giải thích cách cấu hình thẻ ST25TV thành thẻ NFC Type-5 hỗ trợ tin nhắn NDEF, nói tóm lại là viết một hàm chứa hợp lệ (CC) trong khối lưu trữ đầu tiên. Bài viết đó giải thích quy trình thiết lập cho người dùng và chúng tôi có thể viết bốn byte CC: E1 40 20 01h trực tiếp vào khối lưu trữ đầu tiên trong ST25TV02K.
Viết thẻ kiểm tra
Trước khi thực hiện thao tác ghi thẻ, hãy mở ứng dụng NFC Tap iOS và
1. Chọn Đọc thẻ và quét thẻ ST25TV02K thứ hai
2. Kiểm tra phần Tệp CC để đảm bảo nhãn trống. Nếu Số ma thuật là 0x00, thẻ không chứa bất kỳ thông tin nào.
Bây giờ chúng ta kích hoạt hỗ trợ truyền tin nhắn NDEF và viết một tin nhắn nhỏ.
1. Chọn More ở cuối màn hình, sau đó chọn Areas Content Editor. Sau đó, phần mềm sẽ yêu cầu bạn quét thẻ và tìm vùng có thể ghi 256 byte không có nội dung.
2. Nhấp vào Khu vực 1
3. Thông báo No NDEF Record xuất hiện trên màn hình. Vuốt hộp thoại sang trái và một menu xuất hiện, chọn Add.
4. Nhấp vào NdefTextRecord, xóa văn bản hiện có và nhập Hello World!
5. Nhấn nút Xác thực, sau đó đặt điện thoại gần nhãn và viết tin nhắn NDEF.
Kiểm tra App Clip
Các chương trình nhỏ chỉ bật lên khi phần mềm ứng dụng đầy đủ không được cài đặt trên điện thoại. Do đó, trước khi quét thẻ ST25TV02K đầu tiên có địa chỉ URL của applet, bạn phải xóa phần mềm NFC Tap nếu nó được cài đặt. Khi điện thoại phát hiện TAB đầu tiên, nó sẽ hiển thị thẻ applet trên màn hình cảm ứng, hỏi người dùng xem họ có muốn mở applet hay tải xuống ứng dụng từ cửa hàng ứng dụng không. Mở applet sẽ hiển thị phiên bản rút gọn của ứng dụng NFC Tap, trong đó Read NDEF có màu xám và không khả dụng, nhưng Read Tag thì khả dụng. Chọn tùy chọn Read tag rồi quét thẻ ST25TV02K thứ hai để chứng minh rằng applet đọc dữ liệu thẻ của chúng ta. Cuộn xuống màn hình, chúng ta thấy Magic Number là 0xE1, chứng tỏ applet đang quét nhãn mà chúng ta vừa cấu hình.
Nền tảng hoặc phát triển ứng dụng và cấu hình máy chủ Web
Đối với các nhà phát triển muốn tìm hiểu thêm, bước đầu tiên là tải xuống mã nguồn cho ứng dụng iOS của chúng tôi (STSW-ST25IOS001). Các kỹ sư có thể chỉ cần mở tệp đã tải xuống trong môi trường phát triển Apple IDE và bắt đầu làm việc trên phương pháp triển khai của chúng tôi. Điều đầu tiên cần lưu ý là một đoạn mã hoạt động như một chương trình nhỏ trong ứng dụng là một mục tiêu cụ thể. Để hỗ trợ các nhà phát triển phát triển các chương trình nhỏ, Apple cung cấp một mẫu App Clip chuyên dụng, các chương trình nhỏ có thể được sử dụng với Apple Pay và bạn có thể đăng nhập vào phần mềm bằng tài khoản Apple của mình. Hệ thống mới cũng được hưởng lợi từ hệ thống thông báo và định vị địa lý đặc biệt. Ngoài ra, một phần mềm iOS có thể có nhiều App clip. Trong Xcode, các nhà phát triển nên chú ý đến TAB Signing & Capabilities và ghi nhớ tên nhóm và mã định danh gói.
Bước tiếp theo là tạo applet App Clip bằng giao diện Web App Store Connect. Tại đây, nhà phát triển sẽ tải lên một hình ảnh, hình ảnh này sẽ được hiển thị trên thẻ iOS, thu hút người dùng khởi chạy applet. Nhấp vào Advanced App Clip
Trải nghiệm sẽ mở một menu mới và thiết lập URL để trỏ đến applet. Ngoài ra, nhà phát triển có thể yêu cầu hệ điều hành kiểm tra vị trí địa lý của thiết bị di động và người bán có thể chọn sử dụng tính năng này để liên kết applet với một cửa hàng hoặc một vị trí cụ thể.
Phía máy chủ
Cấu hình máy chủ Web rất đơn giản. Trong Xcode và App Store Connect được định nghĩa trong URL, http://www.myst25.com/clip, chẳng hạn, phải có một chỉ mục. Tệp HTML và các thẻ meta phải bao gồm ID ứng dụng và ID gói ứng dụng nhỏ. Như được hiển thị bên dưới, phần thân của tệp có thể để trống, với vị trí quan trọng nhất là chính thẻ meta.
Tệp có tên apple-app-site-association là tệp quan trọng thứ hai phải tồn tại trong thư mục gốc của máy chủ web, chẳng hạn như/www. Tệp này chỉ liệt kê các mảng sau:
“ứng dụng”: {
“ứng dụng”: [“TEAM_NAME.BUNDLE_ID (ví dụ: UL3MK8FNMR.com.st.st25ncf.clip)”],
“đường dẫn”: [“ĐIỂM ĐẾN (ví dụ: đường dẫn/*)”]
