วิธีสร้าง Web App ขึ้น Chome Web Store

Chrome-maahalai-128

ตอนนี้ผมเริ่มสนใจที่จะเข็น Web App เข้า Chome Web Store เหมือนที่เคยเอา Web App ขึ้น Android Market …แต่ว่า Chome Web App สร้างเองได้ง่ายเหลือเชื่อ เพราะไม่ต้องรู้ภาษาโปรแกรมใดๆเลย เป็นเจ้าของเว็บหรือบล็อกเกอร์ก็ทำได้ครับ

คนที่จะสร้าง Web App คือเจ้าของเว็บหรือบล็อกเกอร์นะครับ หรือคนที่มีเว็บอยู่แล้ว และต้องการให้ผู้ชมเว็บที่ใช้ Chrome เข้าเว็บของเราได้ง่าย แค่คลิ๊กเดียว

เริ่มต้น

1. สร้าง icon เป็นไฟล์ png ขนาด 128

2. เปิดโปรแกรม Notepad แล้วใส่รายละเอียดดังนี้ ( Download ไฟล์ต้นฉบับ)

{
"name": "Maahalai",
"description": "มหาวิทยาลัยออนไลน์ เกมส์เฟสบุ๊ค แต่งภาพ และสาระโลกออนไลน์",
"version": "1.0",
"icons": {
"128": "128.png"
},
"app": {
"urls": [
"http://maahalai.com/"
],
"launch": {
"web_url": "http://maahalai.com/"
}
},
"permissions": [
"unlimitedStorage",
"notifications"
]
}

3. บันทึกไฟล์เป็น  manifest.json

4. นำ icon และไฟล์ manifest.json รวมกันเป็นไฟล์ zip

5. เข้ามาหน้า Developer Dashboard และอัพโหลด (สมัครเป็น Developer จ่ายค่าธรรมเนียม $5 คิดเป็นประมาณ 150 บาท)

Chrome-maahalai-125

 

6. ใส่รายละเอียด ต่างๆ สำคัญคือ

1. icon ขนาด 128 หรือจะปรับแต่งพื้นหลังเอง ขนาด 570x275px

2. อัพโหลด screenshots ขนาดที่พอดี 400×275 pixels

3. เลือก Categories

4. เลือก Language

5. ใส่คำอธิบายในช่อง Detailed description

จากนั้นก็ Publish ได้เลย

Chrome-maahalai-126

หลังจากที่ Publish แล้ว อาจต้องรออีกหลายนาที ถึงจะเผยแพร่ Web App และทำการติดตั้งได้

Chrome-maahalai-127

หลังจากที่ติดตั้งแล้ว แอพที่เราสร้างจะไปอยู่ในหน้าบุ๊คมาร์คนะครับ แต่ถ้าอยากให้ไปอยู่บนบาร์ทำเป็น Pop up ก็ต้องใช้เทคนิคท่สูงกว่านี้ ผมกำลังเรียนรู้แต่ยังทำไม่ได้สักที  อย่างไรถ้ามีเทคนิคใหม่ๆ เด๋วจะนำมาแบ่งปันที่นี่ครับ

Be Sociable, Share!
avatar

About คเณศ อธิรัตนกรัณฑ์

เว็บมาสเตอร์ : มีความต้องการจะสร้างสาระการเรียนรู้ใหม่ๆ ที่มีระบบให้กับสังคมออนไลน์ และเครือข่ายการเรียนรู้ที่มีคุณภาพ ...ช่วงนี้เว็บกำลังปรับปรุงและพัฒนาครับ มีอะไรเข้ามาคุยกันได้ที่เว็บบอร์ดนะครับ ถามในโพสอาจจะไม่ทันมาตอบ BoardMakky - Facebook - Twitter