ปัจจุบัน ธุรกิจต่างๆ มีวิธีการใหม่ในการโต้ตอบกับลูกค้า นั่นคือ App Clip และ NFC tags คุณสมบัตินี้ช่วยให้ผู้ใช้สามารถเรียกใช้โปรแกรมขนาดเล็กบนระบบปฏิบัติการของโทรศัพท์ได้โดยไม่ต้องไปที่ App Store เพื่อดาวน์โหลดและติดตั้งซอฟต์แวร์ โปรแกรมขนาดเล็กเพียงแค่แสดงข้อมูลบนหน้าจอ ซึ่งเป็นคุณสมบัติที่สร้างโอกาสในการพัฒนาความสัมพันธ์กับลูกค้าใหม่ ตัวอย่างเช่น ร้านกาแฟสามารถเสนอบัตรสะสมคะแนนที่มีประโยชน์มากขึ้น และผู้ค้าปลีกสามารถทำให้กระเป๋าสตางค์เสมือนจริงใช้งานได้มากขึ้น ผู้ค้าสามารถเรียกใช้แอพเพล็ตได้หลายวิธี หนึ่งในนั้นคือแท็ก NFC ที่ชี้ไปยังที่อยู่ URL เมื่อ iPhone ของผู้ใช้อยู่ใกล้ป้ายกำกับ โทรศัพท์จะค้นหา URL โดยอัตโนมัติและเปิดใช้งานแอพเพล็ต หลักการนี้เรียบง่ายและมีต้นทุนต่ำ มาดูกันว่าธุรกิจต่างๆ ต้องใช้แอพเพล็ตอะไรบ้าง
App Clip คืออะไร? App Clip อธิบายได้ว่าเป็น "เวอร์ชันน้ำหนักเบาของแอพมือถือ" ซอฟต์แวร์ขนาดเล็กนี้มีรหัสไบนารีที่บีบอัดไว้ล่วงหน้าไม่ถึง 10 MB และส่วนใหญ่ให้ฟังก์ชันการใช้งานเพียงเล็กน้อยของแอพ ตัวอย่างเช่น แอพเต็มของบริษัทกาแฟอาจให้ไดเร็กทอรีของร้านกาแฟ โปรโมชั่นล่าสุด การจัดอันดับการขาย และบัตรสะสมแต้ม แต่แอพเพล็ต App Clip จะแสดงเฉพาะบัตรสะสมแต้มเท่านั้น คุณสมบัติเหล่านี้ช่วยให้ผู้ใช้ได้รับประสบการณ์ทันที แม้ว่าความเร็วอินเทอร์เน็ตบนมือถือจะต่ำ ผู้ใช้ยังได้รับประสบการณ์ผู้ใช้ที่เรียบง่ายและรวดเร็วอีกด้วย การเปิดโปรแกรมขนาดเล็กผ่านโทรศัพท์ใกล้กับแท็ก NFC สามารถลดอุปสรรคในการใช้งานได้หลายประการ และเปิดประตูสู่การโต้ตอบแบบดิจิทัลสำหรับลูกค้าใหม่ที่ไม่คุ้นเคยกับแอพมือถือมากนัก ต่อไปนี้คือประสบการณ์ของ Vincent Latorre นักพัฒนาแอพ iOS ของ ST ในการพัฒนาโปรแกรมขนาดเล็ก
App Clip: การกำหนดค่าไคลเอนต์หรือ NFC
1. เตรียมแพ็คเกจ ST25-TAG-BAG-U
ชุดแท็ก ST25-TAG-BAG-U ประกอบด้วย: 1.ST25TV02K, 2.ST25TA02KB, 3.ST25TV02K HC, 4.ST25TV512, 5.ST25TA64K
ส่วนที่ง่ายที่สุดของกระบวนการกำหนดค่าทั้งหมดคือการสร้างแท็ก NFC และเขียน URL ลงในแอพเพล็ตภายในแท็ก กระบวนการนี้ง่ายพอๆ กับการสร้างการสาธิตที่ใช้งานได้จริงโดยไม่ต้องเขียนโค้ดแม้แต่บรรทัดเดียว สำหรับการสาธิต เราจะใช้แท็ก NFC ST25TV02K สองแท็ก แท็กหนึ่งสำหรับเก็บที่อยู่ URL ของแอพเพล็ต และอีกแท็กหนึ่งเป็นหลักฐานแนวคิดเพื่ออธิบายคอนเทนเนอร์ฟังก์ชันที่สามารถจัดเก็บหรือแคชในระบบปฏิบัติการได้
หากคุณต้องการพัฒนาการนำเสนอโดยใช้แอพเพล็ต App Clip ไม่จำเป็นต้องใช้แท็บที่สอง นักพัฒนาสามารถใช้แท็บแรกได้ แต่แทนที่จะแสดงหน้าจอให้คุณดู เราต้องการใช้โอกาสนี้แสดงให้คุณเห็นวิธีเขียนบล็อกหน่วยความจำ และให้หลักฐานที่เป็นรูปธรรมว่าแอพเพล็ตของ ST ใช้งานได้จริง แท็กทั้งสองนี้เป็นแท็กกลมเล็กๆ ในชุด ST25-TAG-BAG-U ผู้ใช้ต้องไปที่ App Store และดาวน์โหลดแอป NFC Tap ของเราเพื่ออ่านและเขียนแท็ก
เขียน URL
เรานำแท็ก ST25TV02K ตัวแรกออกมา การสาธิตต่อไปนี้ถือว่าแท็กเป็นช่องว่าง ขั้นตอนแรกคือเลือก Read Tag บนหน้าจอหลัก จากนั้นถือโทรศัพท์ไว้ใกล้กับแท็ก และข้อความ ST25TV02K จะปรากฏบนหน้าจอ ต่อไป ให้คลิกที่ไอคอนด้านล่างขวาของหน้าจอ… จากนั้นเลือกตัวเลือก Areas Content Editor และสุดท้ายสแกนแท็กด้วยโทรศัพท์ของคุณ หากเป็นแท็กว่างเปล่า กล่องโต้ตอบจะปรากฏขึ้นพร้อมขนาดหน่วยความจำ (เช่น 256 ไบต์) และข้อความ No NDEF
ก่อนที่จะเขียนข้อความ NDEF ผู้ใช้จะต้องคลิกที่กล่องโต้ตอบที่ระบุว่า No NDEF message (ไม่มีข้อความ NDEF) จากนั้นกล่องสีขาวและลูกศรสีน้ำเงินจะปรากฏบนหน้าจอ ปัดกล่องสีขาวไปทางซ้าย แล้วเมนูจะปรากฏขึ้นพร้อมตัวเลือก Add (เพิ่ม) Edit (แก้ไข) Insert (แทรก) และ Exec (ดำเนินการ) หลังจากเลือก Add (เพิ่ม)
1. เลือก NdefUriRecord
2. https://www.myst25.com/clip อย่าลืมเลือก https มิฉะนั้นแอพเพล็ตจะไม่แสดงทันที
3. กดปุ่มตรวจสอบและเขียนฉลาก
เรียนรู้เกี่ยวกับคอนเทนเนอร์ที่มีฟังก์ชัน
ST25TV02K ตัวที่สองคือแท็กทดสอบของเรา และเราสามารถใช้แท็กนี้เพื่อเรียนรู้เกี่ยวกับการรองรับ NDEF ในแท็ก Type-5 ได้เช่นกัน การสาธิตนี้พิสูจน์ว่าแอพเพล็ตของ ST กำลังอ่านฉลาก ไม่ใช่แสดงหน้าจอโทรศัพท์ เพื่อให้การสาธิตน่าสนใจยิ่งขึ้น เราจะทำตามแนวทางนี้ในบันทึกการใช้งานเกี่ยวกับการจัดการ NDEF ของเรา อันที่จริง บทความดังกล่าวได้อธิบายวิธีการกำหนดค่าแท็ก ST25TV ให้เป็นแท็ก NFC Type-5 ที่รองรับข้อความ NDEF กล่าวโดยย่อคือการเขียนคอนเทนเนอร์ฟังก์ชันที่ถูกต้อง (CC) ในบล็อกแรกของหน่วยเก็บข้อมูล บทความดังกล่าวได้อธิบายกระบวนการตั้งค่าให้ผู้ใช้ทราบ และเราสามารถเขียน CC: E1 40 20 01h สี่ไบต์ลงในบล็อกแรกของหน่วยเก็บข้อมูลใน ST25TV02K ได้โดยตรง
เขียนแท็กทดสอบ
ก่อนที่จะดำเนินการเขียนแท็ก ให้เปิดแอป NFC Tap iOS และ
1. เลือกอ่านแท็กและสแกนแท็ก ST25TV02K ที่สอง
2. ตรวจสอบส่วนไฟล์ CC เพื่อให้แน่ใจว่าป้ายกำกับว่างเปล่า หากหมายเลขวิเศษคือ 0x00 แสดงว่าแท็กไม่มีข้อมูลใดๆ
ตอนนี้เราเปิดใช้งานการรองรับการถ่ายโอนข้อความ NDEF และเขียนข้อความสั้นๆ
1. เลือก More (เพิ่มเติม) ที่ด้านล่างของหน้าจอ จากนั้นเลือก Areas Content Editor (ตัวแก้ไขเนื้อหาพื้นที่) จากนั้นซอฟต์แวร์จะขอให้คุณสแกนแท็กและค้นหาพื้นที่ที่สามารถเขียนได้ขนาด 256 ไบต์โดยไม่มีเนื้อหา
2. คลิกพื้นที่ 1
3. ข้อความ No NDEF Record จะปรากฏบนหน้าจอ ปัดกล่องโต้ตอบไปทางซ้าย แล้วเมนูจะปรากฏขึ้น เลือก Add
4. คลิก NdefTextRecord ล้างข้อความที่มีอยู่ และพิมพ์ Hello World!
5. กดปุ่มตรวจสอบ จากนั้นวางโทรศัพท์ของคุณไว้ใกล้กับฉลาก และเขียนข้อความ NDEF
ทดสอบแอพคลิป
โปรแกรมขนาดเล็กจะปรากฏขึ้นเฉพาะเมื่อไม่ได้ติดตั้งซอฟต์แวร์แอปพลิเคชันเต็มรูปแบบในโทรศัพท์ ดังนั้น ก่อนที่จะสแกนแท็ก ST25TV02K แรกด้วยที่อยู่ URL ของแอพเพล็ต คุณต้องลบซอฟต์แวร์ NFC Tap ออกหากมีการติดตั้งไว้ เมื่อโทรศัพท์ตรวจพบแท็บแรก การ์ดแอพเพล็ตจะแสดงบนหน้าจอสัมผัส โดยถามผู้ใช้ว่าต้องการเปิดแอพเพล็ตหรือดาวน์โหลดแอปจากร้านแอพหรือไม่ การเปิดแอพเพล็ตจะแสดงเวอร์ชันย่อของแอปพลิเคชัน NFC Tap โดยที่ Read NDEF จะเป็นสีเทาและไม่พร้อมใช้งาน แต่ Read Tag พร้อมใช้งาน เลือกตัวเลือก Read tag จากนั้นสแกนแท็ก ST25TV02K ที่สองเพื่อพิสูจน์ว่าแอพเพล็ตอ่านข้อมูลแท็กของเรา เมื่อเลื่อนหน้าจอลงมา เราจะเห็นว่า Magic Number คือ 0xE1 ซึ่งพิสูจน์ว่าแอพเพล็ตกำลังสแกนป้ายกำกับที่เราเพิ่งกำหนดค่า
พื้นฐานหรือการพัฒนาแอพพลิเคชั่นและการกำหนดค่าเซิร์ฟเวอร์เว็บ
สำหรับนักพัฒนาที่ต้องการเรียนรู้เพิ่มเติม ขั้นตอนแรกคือดาวน์โหลดซอร์สโค้ดสำหรับแอปพลิเคชัน iOS ของเรา (STSW-ST25IOS001) วิศวกรสามารถเปิดไฟล์ที่ดาวน์โหลดมาในสภาพแวดล้อมการพัฒนา Apple IDE และเริ่มดำเนินการตามแนวทางการใช้งานของเรา สิ่งแรกที่ต้องทราบคือโค้ดที่ทำหน้าที่เป็นโปรแกรมขนาดเล็กในแอปพลิเคชันเป็นเป้าหมายเฉพาะ เพื่อช่วยให้นักพัฒนาพัฒนาโปรแกรมขนาดเล็ก Apple ได้จัดทำเทมเพลต App Clip เฉพาะ โปรแกรมขนาดเล็กสามารถใช้กับ Apple Pay และคุณสามารถเข้าสู่ระบบซอฟต์แวร์ด้วยบัญชี Apple ของคุณได้ ระบบใหม่นี้ยังได้รับประโยชน์จากระบบการแจ้งเตือนและระบุตำแหน่งทางภูมิศาสตร์แบบพิเศษ นอกจากนี้ ซอฟต์แวร์ iOS หนึ่งตัวสามารถมี App Clip ได้หลายตัว ใน Xcode นักพัฒนาควรใส่ใจกับแท็บ Signing & Capabilities และจำชื่อทีมและตัวระบุกลุ่ม
ขั้นตอนต่อไปคือการสร้างแอพเพล็ต App Clip โดยใช้อินเทอร์เฟซเว็บ App Store Connect ที่นี่ นักพัฒนาจะอัปโหลดรูปภาพซึ่งจะแสดงบนการ์ด iOS เพื่อดึงดูดให้ผู้ใช้เปิดแอพเพล็ต คลิกปุ่ม Advanced App Clip
Experience จะเปิดเมนูใหม่และตั้งค่า URL เพื่อชี้ไปยังแอพเพล็ต นอกจากนี้ นักพัฒนาสามารถร้องขอให้ระบบปฏิบัติการตรวจสอบตำแหน่งทางภูมิศาสตร์ของอุปกรณ์พกพา และผู้ค้าสามารถเลือกใช้ฟีเจอร์นี้เพื่อเชื่อมโยงแอพเพล็ตกับร้านค้าหรือสถานที่เฉพาะได้
ฝั่งเซิร์ฟเวอร์
การกำหนดค่าเซิร์ฟเวอร์เว็บนั้นง่ายมาก ใน Xcode และ App Store Connect ที่กำหนดไว้ใน URL เช่น http://www.myst25.com/clip จะต้องมีดัชนี ไฟล์ HTML และเมตาแท็กจะต้องมี ID แอปพลิเคชันและ ID ชุดแอปพลิเคชันขนาดเล็ก ตามที่แสดงด้านล่าง เนื้อหาของไฟล์สามารถว่างเปล่าได้ โดยตำแหน่งที่สำคัญที่สุดคือเมตาแท็กเอง
ไฟล์ที่ชื่อ apple-app-site-association เป็นไฟล์สำคัญลำดับที่สองที่ต้องมีอยู่ในโฟลเดอร์รูทของเว็บเซิร์ฟเวอร์ เช่น/www ไฟล์นี้แสดงรายการอาร์เรย์ต่อไปนี้เท่านั้น:
“แอปคลิป” : {
“แอป”: [“TEAM_NAME.BUNDLE_ID (เช่น UL3MK8FNMR.com.st.st25ncf.clip)”],
“เส้นทาง”: [“จุดหมายปลายทาง (เช่น path/*)”]
