วิธีการนำ App ใน XCode ออกมา เพื่อ upload ขึ้น App Store ตอนที่ 1

ที่มาเนื้อหาจาก: https://nextflow.in.th/training-consultant/setting-xcode-phonegap-project-for-distribute-app-store/


เอาล่ะ….

ตอนนี้เราคงพร้อมที่จะเริ่มเอา App ที่สมบูรณ์ (คิดว่านะ) ออกไปใช้ประชาชีทั่วไปได้ยลโฉมผ่าน App Store กันแล้ว มาดูกันว่ามีขั้นตอนอะไรบ้าง และสามารถทำตามไปพร้อมๆ กันใน video ด้านล่างครับ

1. สร้าง Provisioning Profile สำหรับการ Distribute

2. ตั้งค่า XCode Project

3. Sync Provisioning Profile และ Certificate มาไว้ใน XCode

4. ตั้งค่า Build Setting

5. Archive ตัว Project

วิดีโอ

0. เช็คความเรียบร้อย

  1. ต้องสมัคร iOS Developer Program เรียบร้อย (เสียตังค์ให้ Apple $99 จนขั้นตอนเสร็จสมบูรณ์)
  2. ทำงานเพิ่ม Apple ID ที่สมัคร iOS Developer Program เข้ามาใน XCode Menu > Preferences > Accounts
  3. ตรวจสอบ Bundle ID ใน project ให้ถูกต้อง

1. สร้าง Provisioning Profile สำหรับการ Distribute

  1. เข้าไปในหน้า Certificates, Identifiers & Profiles และเลือก Provisioning Profiles แบบ Distribution
  2. กดปุ่ม + ด้านบนขวาเพื่อสร้าง Provisioning Profile ใหม่
  3. เลือกแบบ Distribution – App Store
  4. เลือก App ID ที่สร้างไว้ ซึ่งควรจะตรงกับที่กำหนดไว้ใน Bundle ID ของ Project ใน XCode (ถ้าสงสัยว่า App ID เป็นยังไง ให้ดูเพิ่มเติมที่นี่)
  5. เลือก Certificate ที่ต้องการ (ปกติจะขึ้นเป็น iOS Distribution)
  6. ตั้งชื่อ Profile แล้วกด Generate
  7. Provisioning Profile จะพร้อมให้กด download ถือว่าสมบูรณ์ พร้อมไปขั้นตอนต่อไป

2. ตั้งค่า XCode Project

  1. Bundle Identifier: ตั้งชื่อให้ตรงกับ App ID ที่ใช้ออก Provisioning Profile เช่นถ้าใน Provisioning ที่สร้างในข้อ 1 คือ th.in.nextflow.* (ใช้เป็นแบบ Wildcard) ก็กำหนดเป็น th.in.nextflow.HelloWorld
  2. Version: ตั้งเวอร์ชั่น (ถ้าเป็นการออกแอพตัวแรก ตั้งไว้ที่ 1.0 ก็เหมาะสมดี)
  3. กำหนด Deployment Info: เช่น เวอร์ชั่น iOS ที่ต้องการ,​ ลงบน iPhone หรือ iPad หรือเหมา (Universal)
  4. กำหนด Icon ต่างๆ ให้เรียบร้อย

3. Sync Provisioning Profile และ Certificate มาไว้ใน XCode

(สำหรับ XCode เวอร์ชั่น 5 พัฒนาส่วนนี้ขึ้นมาช่วยเหลือเราได้มาก ผมน้ำตาไหลนิดๆ ด้วยความตื้นตัน)

  1. ไปที่ Preference > Accounts
  2.  เลือก App ID ของเรา แล้วคลิกปุ่ม View Detials ด้านล่างขวา
  3. ในส่วนของ Signing Identities ควรจะมี iOS Distribution ถ้าไม่มีให้กดปุ่ม + ด้านล่าง และเลือก iOS Distribution และในส่วนของ Provisioning Profiles ด้านล่าง ควรจะมีชื่อ profile ที่เราสร้างไว้ในข้อ 1 แล้ว ถ้าไม่มีให้ลองคลิกปุ่ม refresh ด้านล่างซ้าย (ใช่ครับ ปุ่มลูกษร หมุนๆ นั่นแหละ)
  4. เอาล่ะ พวกเราพร้อมที่จะไปขั้นตอนต่อไปแล้ว

4. ตั้งค่า Build Setting

  1. เลือก Project Setting > Targets > Build Setting (ถ้ามีหลาย Target ก็ต้องค่อยๆ ทำทีละ Target)
  2. ตั้งค่าตามนี้
    1. ในส่วนของ Architecture: ตั้งค่า Base SDK เป็น Latest OS
    2. ในส่วนของ Code Signing: ตั้งค่าส่วนของ Release Build ให้เป็น iOS Distribution
    3. ถ้าต้องการกำหนด iOS เวอร์ชั่นที่เก่ากว่า ให้ไปที่ iOS Deployment Target แล้วเลือกเวอร์ชั่นที่ต้องการ
  3. ตรวจสอบให้แน่ใจว่าค่าของ Target และ Project ตรงกัน

5. Archive ตัว Project

  1. เช็ค Scheme โดยไปที่ Project Menu > Scheme > Edit Scheme > Archive และให้แน่ใจว่าเลือก Build Configuration เป็น Release
  2. ในส่วนของ Schemes ด้านบน: ให้เลือก iOS Device (ให้แน่ใจว่า ไม่ได้ต่อสาย USB เข้ากับเครื่อง)
  3. เลือก Project Menu > Archive
  4. รอ ร๊อ รอ
  5. เสร็จสมบูรณ์ (ถ้ามีปัญหาเช่น Certificate หาย, icon ไม่สมบูรณ์, หรืออื่นๆ จะเจอ error ในขั้นตอนนี้)
  6. หน้าต่าง Organizer จะเปิดส่วนของ Archive ขึ้นมา (ยินดีด้วย)

 

Content retrieved from: https://nextflow.in.th/training-consultant/setting-xcode-phonegap-project-for-distribute-app-store/.

%d bloggers like this: