web analytics

UWP Tip : การนำแอปขึ้น Windows Store

cover-1

บทความนี้มาบันทึกการนำแอป UWP ขึ้น Windows Store ครับ แม้ว่า คนใช้ App ของ platform Windows จะน้อยนิดมาก ประมาณ 2% ของผู้ใช้ทั้งหมด แต่ด้วยความชอบส่วนตัวที่ผมเป็นแฟนบอยของ Microsoft ผมก็เลยชอบอะไรที่เป็น Windows ไปด้วย ก็เลยสนใจพวก UWP  ฮี่ๆ

เรื่องมีอยู่ว่า

ผมทำแอป UWP เสร็จแล้ว เป็นเกมจับคู่ง่ายๆ และจะลองนำลง Windows Store ก็เลยถือโอกาสนี้มาเขียนบทความบันทึกไว้ จริงๆนี่ไม่ใช่แอปแรกของผมบน Windows Store แต่เป็นตัวที่สอง ตัวแรกคือเกม Immortal Table แต่ครั้งนั้น เน้นลองผิดลองถูกก็เลยไม่ได้บันทึกเป็นบทความ

 

มี Developer Account หรือยัง

ถ้ายังไม่มีก็สมัครก่อนนะ มีค่าใช้จ่าย 19 USD เป็นแบบตลอดชีพ ไม่มีรายปี
โชคดีที่บังเอิญผมได้ CODE มาจาก Dream spark เลยได้ฟรีจ้า ตอนนี้ไม่รู้มีอยู่รึป่าว

สมัคร Dev account
https://developer.microsoft.com/en-us/store/register

ขอไม่อธิบายขั้นตอนการสมัครนะ คิดว่าสามารถทำเองได้สบายๆ

 

ใส่ข้อมูล Manifest ให้ครบถ้วน

ก่อนอื่นเลย ตรวจสอบข้อมูลแอป ใน Package.appmanifest ให้ครบถ้วนก่อน
เช่น ชื่อแอป พวกไอคอนแอป

3

 

สร้าง App Packages

ขอเริ่มจากสร้าง App packages ซึ่งก็คือไฟล์สำหรับขึ้น store คล้ายๆ .apk ของแอนดรอยด์
คลิกขวาที่ชื่อโปรเจค > Store > Create App Packages..

11

 

มีให้เลือกว่าจะใช้ package ไหน พอดีของผมเคยสร้างไว้แล้ว

12

 

ต่อมา เลือก Ouput ปลายทางของ App package
สังเกตด้านล่างจะมี Architecture ให้เลือก
คร่าวๆคือ x64 และ x86 ก็คือคอมพิวเตอร์ Windows 10 ทั้งหลาย
ส่วน ARM คือ Windows 10 mobile ถ้าออกแบบมาสำหรับมือถือด้วยก็เลือกอันนี้
แต่ในอนาคตอาจจะมี มือถือที่รัน x86 x64 ก็เป็นได้

13

 

กด Create แล้วรอสักพัก

a1

ระหว่างนี้อาจจะมี error ให้แก้ให้หมด อย่างเช่น ไม่ได้ใส่รูปไอคอนเป็นต้น

หากใครเจอ error แบบในรูปข้างล่าง วิธีแก้ คือให้ปิดแถบ XAML ออกให้หมดแล้วลองใหม่

25

 

ถ้าไม่มีอะไรผิดพลาด จะขึ้นหน้า Package Creation Completed
ซึ่งยังไม่จบเท่านี้ มีบริการ Windows App Certification Kit ด้วย
สำหรับใช้ทดสอบแอปเพื่อให้ตอนขึ้น store ไม่ถูกดีดกลับ
ซึ่งจะใช้เครื่องจริงก็ได้ หรือจะใช้ local machine เลือกตามสะดวก
จากนั้นกด Launch

15

 

ต่อมาก็เลือกว่าจะให้ Test ส่วนไหนบ้าง ก็เลือกทุกอันเลยละกัน แล้วกด Next

16

 

ไม่ต้องตกใจ เพราะ แอปของเราจะถูกรันไปมา หลายรอบ เพื่อประเมินผลด้านต่างๆ

ถ้าผลออกมาเป็น Succeed ก็รอดตัว ข้ามไปได้ แต่ถ้า FAILED ก็ต้องมาแก้ต่อ
ให้ทำการกดที่ Click here to view the result

17

 

ก็จะแสดงผลลัพธ์ว่ามัน fail ยังไง แล้วก็แก้ตามมันบอก หรือ google ดู

18

 

อัพโหลดแอปขึ้น Windows Store

ให้เข้าเว็บ Windows developer
https://developer.microsoft.com/en-us/dashboard/apps/overview

ล็อคอินให้เรียบร้อย

ให้ทำการสร้าง app ถ้ายังไม่มี
เสร็จแล้วก็กดเข้าที่ชื่อแอป

19

 

เลือกที่ Start your submission

20

 

ตรงนี้คือสิ่งที่เราต้องทำให้ครบก่อน แล้วแอปจะ public
ก็ไม่มีอะไรมากก็กำหนดราคา ใส่รายละเอียด ใส่รูป แล้วอัพไฟล์ App packages จบพิธี

21

ขอไม่อธิบายหน้าพวก รายละเอียดแอป ราคา นะ

มาที่หน้า Packages ก็เลือกไฟล์ .appxupload ซึ่งจะอยู่ใน
output ที่เราเลือกไว้ตอนต้น

22

 

ใส่จนครบแล้วจะได้แบบนี้ จากนั้นกด Summit ได้

23

 

จากนั้นก็รอกระบวนการ
ซึ่งจะนานอย่างน้อย 1 อาทิตย์ โดยจะมีการส่งเมลบอกว่าถึงไหนๆแล้วด้วยนะ

24

 

การดึงข้อมูลพื้นฐานจาก Store และ จองชื่อแอปผ่าน Visual studio

เราสามารถจองชื่อแอปผ่าน VS ได้เลย หรือถ้าเคยมแอปอยู่แล้วอยากจะดึงข้อมูลพื้นฐานของแอปนั้นมาใส่ก็ทำได้

คลิกขวาที่ชื่อโปรเจค > Store > Associate App with the Store..

1

 

จากนั้นจะขึ้นหน้าจอรายละเอียด ให้กด Next

2

 

ให้ล็อคอิน โดยใช้ Microsoft account

4

 

อาจมีเรื่องความปลอดภัยเล็กน้อย โดยใช้ โทรศัพท์มือถือ
เช่นใส่เลข 4 หลักสุดท้ายของเบอร์มือถือที่ลงทะเบียนไว้ แล้วก็เอา CODE ทาง SMS มากรอก

5

6

 

จากนั้น จะมีให้ทำการ จองชื่อแอป หรือสามารถเลือกแอปเดิมได้

7

 

ได้ชื่อแอปตามต้องการแล้ว จะมีหน้าสรุปให้อ่าน กด Assoiciate เป็นอันจบขั้นตอนแรก
แอปของเราตอนนี้ก็จะถูกตั้งค่าตาม App ที่ associate มาแล้วละ

8

 

 จบแล้ว

บทความนี้มีเพียงเท่านี้แหละ รูปแอบเยอะ แต่มันไม่ได้ยากอะไรเลยใช่มัยละ ใครทำแอปบน UWP เจ๋งๆ หรือ public อะไรน่าสนใจก็มาบอกกล่าวกันด้วยนะ จะไปช่วยโหลด ช่วยคอมเม้นให้

ขอบคุณที่ติดตามครับ (:

 

Reference

https://msdn.microsoft.com/en-us/library/hh454036.aspx