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

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

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

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

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

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

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

แล้ว Expo Screenshot APIs ล่ะ?

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

เคล็ดลับสำหรับแอป 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

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

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