Tạo ứng dụng của bạn trong chrome store

Bạn muốn publish ứng dụng của mình lên chrome store. Hãy bắt đầu tạo ứng dụng đầu tiên của mình lên chrome store để mọi người biết đến.

Chromes store cho phép xuất bản các ứng dụng, nơi mà người dùng chrome store dễ dàng tìm thấy. Mục đích chính của store để giúp người dùng chrome tìm thấy ứng dụng.

Với chrome store bạn có thể làm được gì?

• Apps: tạo 1 bản cài đặt ứng dụng web. Một bản cài đặt ứng dụng web có thể là 1 website thông thường với 1 số thông tin metadata. Loại này được gọi là hosted app. Loại 2 nâng cao hơn loại 1, các file của ứng dụng web được nén vào file Zip cho phép người dùng download & cài đặt nó, thì gọi là packaged app.

Cả 2 loại này đều cho phép tạo biểu tượng trong Chrome's New Tab page. Trước khi thực hiện ứng dụng này, bạn cần có 1 website/host để upload ứng dụng lên. Nếu bạn muốn add website lên ứng dụng thì cần có địa chỉ website.

• themes: Tạo themes cho trình duyệt chrome.
• Extensions: phần mở rộng, đây thực sự là lập trình cho chrome. Thay đổi hành vi của trình duyệt, phần này bạn sẽ can thiệp sâu vào trình duyệt. Ứng dụng này gọi là browser add-on.

Mọi ứng dụng đều yêu cầu file manifest (File mô tả thông tin chi tiết về ứng dụng) & tài nguyên khác như biểu tượng, hình ảnh....Bạn đặt chúng vào 1 file nén Zip và upload lên Chrome Developer Dashboard. Chrome web store sẽ chuyển thành file có định dạng .crx. Người dùng sẽ download file này & cài đặt ứng dụng.

Yêu cầu cơ bản để thiết kế & lập trình ứng dụng chrome:

• Biết về HTML, Javascript & CSS.

Tạo ứng dụng hosted app.

Ứng dụng này đơn giản nhất so với 3 ứng dụng còn lại, với ứng dụng này bạn chỉ cần 1 biểu tượng cho ứng dụng & file manifest.

{
  "name": "Free Ebook-Software",
  "description": "Chia sẻ tài liệu, phần mềm miễn phí danh cho tất cả mọi người",
  "version": "1",
  "app": {
    "urls": [
  //các địa chỉ domain URL cho phép ứng dụng chạy
      "*://thuvien.khosachnoi.net/",//*đại diện cho http or https
      "*://thuvien.khosachnoi.net/"
    ],
    "launch": {
      "web_url": "http://thuvien.khosachnoi.net/" //chạy ứng dụng sẽ duyệt url này.
    }
  },
  "icons": {
    "128": "icon_128.png" //biểu tượng hiển thị trên chrome tab, có kích thước 128x128
  },
  "permissions": [
 //2 thiết lập này, có nghĩa ứng dụng có thể chạy HTML5
    "unlimitedStorage",
    "notifications"
  ]
}

Save file với tên manifest.json.
Chú ý:

• Biểu tượng icons, để ở kích thước 128x128 và có phần mở rộng .png.
• Phần app->urls có thể không cần thiết. Trường này sẽ lọc & khớp với trường launch->web_url, nếu khớp thì cho duyệt web_url.
• *: đại diện cho http or https, chỉ hỗ trợ 2 giao thức này.
• Giao thức không kèm theo cổng (port) trong trường app->urls: ví dụ: http://localhost:2222.
• Nếu các địa chỉ web_url đều có phần bắt đầu giống nhau, chẳng hạn: 
• domain/a/b/1.html
• domain/a/b/2.html

thì chỉ định phần bắt đầu chung này trong app->urls là: *://domain/a/b/

Bạn muốn  ứng dụng chạy ra 1 cửa sổ, đồng thời thiết lập kích thước cho nó thì thêm trường:

{
"launch"
 ..
 "container":"panel",
 "height":700,
 "width"500:
}

Mặc định trường container="tab", ứng dụng sẽ được chạy ra 1 tab của trình duyệt chrome.

Nạp ứng dụng.
B1: tạo thư mục & đặt 2 file: manifest.json & icon_128.png vào thư mục.
B2: Trong trình duyệt chrome, chọn setting->tools->extension.

Nhấn vào developer mode, nhấn tiếp  Load unpacked extension. Một hộp thoại xuất hiện, yêu cầu chỏ vào thư mục ứng dụng (chọn thư mục vừa tạo ứng dụng).

B3: Mở 1 tab mới chrome, hãy ứng dụng của bạn đã xuất hiện, Click vào ứng dụng để chạy.

Debug:
Để xem chi tiết lỗi sử dụng tính năng Pack extension, ngay cạnh nút Load unpacked extension.

Xuất bản ứng dụng lên Chrome store.
B1: Nén thư mục ứng dụng thành định dạng .zip (không chấp nhận định dạng .rar) .
B2: Truy cập vào https://chrome.google.com/webstore/developer/dashboard, nhấn add new item (Thêm mục mới), chọn file zip bạn vừa tạo & nhấn nút upload.


Các lỗi khi upload:

An error occurred: Invalid manifest. If your manifest includes comments, please remove them as our gallery does not support them yet.
M_ERR_PRFX2
=> manifest.json không được chứa dòng comments. Hoặc không có trường version, bạn cần chỉ định cả 2 trường: version & manifest_version.

An error occurred: Mnifest version 1 is unsupported. Please upgrade to manifest version 2
=> thêm trường "manifest_version": 2  (không lồng trong dấu "), Vì version 1 không hỗ trợ trong phiên bản Chrome 18.

An error occurred: Invalid version number in manifest. Please make sure the newly uploaded package has a larger version in manifest.json than the previous package.
=>Khi update file ứng dụng thì nâng cấp trường version lên, không được trùng phiên bản trước.

Nếu gặp lỗi khi publish hosted app, vì lý do developer không thể tạo sản phẩm do mình sở hữu thì xoá trường app->urls.

Sau khi upload thành công, điền thông tin của ứng dụng. Tiếp tục nhấn publish changes để xuất bản.
Chú ý: bạn phải trả phí 5$ để xuất bản ứng dụng lên chrome store.