สำหรับนักพัฒนา Expo

สำหรับ workflow ของ Expo และ EAS Submit

TL;DR. เครื่องมือบนเบราว์เซอร์ ไม่ต้องใช้ Mac ในการออกแบบ (ต่างจาก Fastlane บน iOS) ส่งออกขนาด App Store และ Play Store จากงานออกแบบเดียว จากนั้นเผยแพร่หน้าร้านค้าที่เสร็จแล้วตรงไปยัง App Store และ Google Play หรือจะนำไปใส่ใน EAS Submit เองก็ได้ ไม่ต้องตั้งค่า ไม่ต้องมี Snapfile

จุดเด่นของ Expo คือการส่งแอป iOS โดยไม่ต้องมี Mac แต่เครื่องมือภาพหน้าจอส่วนใหญ่ทำลายจุดเด่นนั้น Fastlane snapshot ต้องการ Xcode คีย์บอร์ดลัดภาพหน้าจอของ simulator ต้องการ Mac และตัวอัปโหลดภาพหน้าจอของ AppCenter ต้องการ build จาก Mac Mokbi ทำงานทั้งหมดในเบราว์เซอร์ทำให้ story ไม่ต้องใช้ Mac ยังคงใช้ได้ถึงขั้นตอนสร้าง marketing assets

Mokbi อยู่ตรงไหนใน EAS Submit

EAS Submit ดูแลส่วนอัปโหลดไฟล์ไบนารีของการ deploy App Store / Play Store ไม่ได้ดูแลการสร้างภาพหน้าจอคุณต้องเตรียมภาพเหล่านั้นแยกต่างหากขั้นตอน:

  1. ถ่ายภาพหน้าต้นฉบับ จาก npx expo start บนอุปกรณ์จริงหรือ simulator Expo Go ใช้ได้สำหรับนี้
  2. เปิด Mokbi ในเบราว์เซอร์เดียวกันวางหรือลากภาพหน้าจอลงการเชื่อมต่อ WebRTC เชื่อมโทรศัพท์สำหรับถ่ายโอนโดยตรงถ้าไม่ต้องการใช้ AirDrop
  3. ออกแบบคารูเซล marketing คำบรรยายกรอบอุปกรณ์ตัวแปรภาษา
  4. ส่งออก ZIP ตามขนาด App Store + Play Store
  5. เผยแพร่ไปยังทั้งสองร้านค้า Mokbi ส่งหน้าร้านค้าที่เสร็จแล้วไปยัง App Store Connect และ Play Console ให้คุณ (EAS Submit ดูแลเฉพาะไฟล์ไบนารี ไม่ใช่ marketing assets)

แล้ว Expo Screenshot APIs ล่ะ?

expo-screen-capture บล็อกภาพหน้าจอระหว่าง runtime (ฟีเจอร์รักษาความปลอดภัยสำหรับแอปที่มีข้อมูลสำคัญ) ไม่ใช่ตัวสร้างไม่มีเทียบเท่าแบบ Expo-native ของ Fastlane snapshot หรือ marketing-composer Mokbi เติมเต็มช่องว่างนั้นจากฝั่งเบราว์เซอร์

เคล็ดลับสำหรับแอป Expo โดยเฉพาะ

  • อย่าใส่ splash screen ของ Expo ใน marketing screenshots splash screen ค่าเริ่มต้นที่มีแบรนด์ส่งสัญญาณ "boilerplate" ให้ถ่ายภาพ main view จริงของแอปแทน
  • Native UI ใน EAS Build ต่างจาก Expo Go ถ่ายภาพหน้าจอจากเวอร์ชัน EAS-built จริงไม่ใช่จาก Expo Go เพราะ layout บางส่วนต่างกันระหว่างสอง
  • แอป Universal ต้องการภาพหน้าจอทั้ง iPad และ iPhone EAS Submit รับได้ทั้งสองแต่ App Store Connect จะไม่ส่งแอปไปที่ iPad โดยไม่มีชุดภาพหน้าจอ iPad

เรียนรู้: ฟีเจอร์ · คู่มือ · ราคา

เปิดเครื่องมือแก้ไข →