Tìm hiểu về file config.xml trong extension Opera

Cập nhật lúc 16h00' ngày 20/01/2012

Quản Trị Mạng - Trong bài viết trước, chúng tôi đã hướng dẫn và giới thiệu với các bạn một số bước cơ bản để tạo extension hoặc W3C Widget cho trình duyệt Chrome, nhưng trong quá trình làm thì chúng ta bắt buộc phải tạo file config.xml – trong đó có chứa toàn bộ các thông tin cần thiết để hệ thống nhận diện phiên bản chính xác của extension, tác giả, điều khoản thỏa thuận sử dụng... Có thể hiểu nôm na rằng nó tương tự như phần About của bất kỳ trang web nào. Trong bài viết dưới đây, chúng tôi giới thiệu chi tiết với các bạn về những bước thực hiện cách tạo file config.xml hoàn chỉnh.

Tạo file config.xml:

Trước tiên, các bạn hãy mở NotePad và lưu thành file config.xml, thay đổi chế độ Encoding thành UTF-8, vì chế độ này cho phép bạn sử dụng bất kỳ ký tự đặc biệt nào bên trong. File config.xml đơn giản nhất là: 

<widget xmlns="http://www.w3.org/ns/widgets"/>

Tuy nhiên, với tên domain cố định thì các bạn có thể tạo được nhiều hơn 1 extension, và cơ chế nhận diện từng extension qua tham số ID, ví dụ như dưới đây: 

<widget xmlns="http://www.w3.org/ns/widgets"
id="http://example.org/disco">
</widget>

Lưu ý rằng những thông số ở đây không hề bắt buộc, nghĩa là extension vẫn hoạt động bình thường nếu không có ID, ngay cả trên hệ thống local. Khi submit thì extension của bạn sẽ được lưu trữ tại Opera Extension, và hệ thống sẽ tạo hoặc thay thế ID với phần mở rộng tương ứng trên website của Opera.

Đối với 1 extension thì chắc chắn nó sẽ phải trải qua nhiều giai đoạn phát triển khác nhau, và việc cần làm ở đây là gán thông số phiên bản để người dùng biết được đâu là phiên bản mới nhất của extension. Chúng ta có thể chèn số thứ tự, chuỗi ký tự hoặc kết hợp:

<widget xmlns="http://www.w3.org/ns/widgets"
        id="http://example.org/disco"
        version="1.0">
</widget>

Bên cạnh đó, các bạn còn có thể tự điều chỉnh giá trị width height trong phần <widget>, đơn vị đo là pixel, và lưu ý rằng thông số này chỉ liên quan tới Widget. Ví dụ như sau:

<widget xmlns="http://www.w3.org/ns/widgets"
        id="http://example.org/disco"
        version="1.0"
        width="600"
        height="400">
</widget>

Thông tin trong phần <name> sẽ chỉ định tên của người, tác giả có liên quan đến extension, cũng như cách hiển thị khi được sử dụng trực tuyến. Cũng tương tự như phiên bản, phần thông tin này có thể ngắn hoặc dài tùy ý, ví dụ: The Saturday Night Disco Machine được rút gọn thành Disco

<widget xmlns="http://www.w3.org/ns/widgets"
        id="http://example.org/disco"
        version="1.0"
        width="600"
        height="400">
    <name short="Disco">The Saturday Night Disco Machine</name>
</widget>

Lưu ý rằng chúng ta có thể tạo extension đa ngôn ngữ, chẳng hạn như English, Japanese, French... Được thực hiện bằng cách thêm nhiều thẻ <name> vào trong file config.xml với thuộc tính xml:lang được chỉ định rõ ràng: 

<widget xmlns="http://www.w3.org/ns/widgets"
        id="http://example.org/disco"
        version="1.0"
        width="600"
        height="400">
    <name short="Disco" xml:lang="en">The Saturday Night Disco Machine</name>
    <name short="Disco" xml:lang="fr">La boîte de nuit disco du samedi</name>
</widget>

Tìm kiếm phần giá trị ngôn ngữ Subtag phù hợp tại đây, sau đó nhập giá trị này bằng chữ thường. 1 điểm nữa cần lưu ý là chỉ định phần Version mặc định, qua đó nếu trình duyệt không tìm thấy phiên bản thì sẽ hiển thị thông tin mặc định đó. Có thể làm được việc đó bằng cách bỏ qua thuộc tính ngôn ngữ trong đó, ví dụ: nếu French version là mặc định thì chúng ta phả xóa bỏ phần xml:lang="fr". Lưu ý rằng chúng ta cũng có thể sử dụng thuộc tính xml:lang để chỉ định chế độ đa ngôn ngữ cho Widget <author>, <license>, hoặc <description>.

Xác định mục đích sử dụng:

Các bạn có thể gán thêm đoạn thông tin Description nhằm mô tả tính năng và mục đích sử dụng của ứng dụng, add on, bằng cách thêm phần <description> vào bên trong:

<widget xmlns="http://www.w3.org/ns/widgets"
        id="http://example.org/disco"
        version="1.0"
        width="600"
        height="400">
    <name short="Disco" xml:lang="en">The Saturday Night Disco Machine</name>
    <description xml:lang="en">This Widget will help you to select all
        the movements you need to know to be the King of Disco.
        You can select a specific steps sequence and view the
        associated video.</description>
</widget>

Tiếp theo, người sử dụng có thể sẽ muốn biết tên tác giả đã tạo ra ứng dụng hoặc add on đó. Sử dụng phần <author> để chỉ định thông tin đó, kết nối tới trang chủ của tác giả, địa chỉ email... Như ví dụ dưới đây thì tác giả chính là Tony Manero: 

<widget xmlns="http://www.w3.org/ns/widgets"
        id="http://example.org/disco"
        version="1.0"
        width="600"
        height="400">
    <name short="Disco" xml:lang="en">The Saturday Night Disco Machine</name>
    <description xml:lang="en">
    This extension will help you to select all
    the movements you need to know to be the King of Disco.
    You can select a specific steps sequence and view the
    associated video.</description>
    <author href="http://example.org/tony/"
            email="tony@example.org">
    Tony Manero
    </author>
</widget>

Bên cạnh đó, phần <license> sẽ đề cập tới phần điều khoản thỏa thuận sử dụng, tác giả có cho phép copy, chỉnh sửa hoặc thay đổi, thêm bớt chức năng của extension hay không... Việc chỉ định đường dẫn kết nối tới trang cá nhân của tác giả là tùy chọn, thay vào đó thì chỉ cần nhập nội dung cần thiết dưới dạng text vào bên trong thẻ <license>, ví dụ như sau:

<widget xmlns="http://www.w3.org/ns/widgets"
        id="http://example.org/disco"
        version="1.0"
        width="600"
        height="400">
    <name short="Disco" xml:lang="en">The Saturday Night Disco Machine</name>
    <description xml:lang="en">
    This extension will help you to select all
    the movements you need to know to be the King of Disco.
    You can select a specific steps sequence and view the
    associated video.</description>
    <author href="http://example.org/tony/"
            email="tony@example.org">
    Tony Manero
    </author>
    <license href="http://www.opensource.org/licenses/mit-license.php">
    Licensed under the MIT license
    </license>
</widget>

Tiếp theo, phần icon – biểu tượng của ứng dụng hiển thị trên trình duyệt sau khi được cài đặt. Trong file config.xml chúng ta có thể đặt đường dẫn tới file ảnh nào đó, icon phải được đặt bên trong gói extension. Các bạn có thể chỉ định nhiều định dạng và kích cỡ icon khác nhau. Tuy nhiên, nếu icon không có kích thước bên trong, chẳng hạn như file SVG thì hãy thiết lập thông số kích thước, bao gồm width và height. Nếu áp dụng trên file PNG, GIF, JPEG thì sẽ không có tác dụng, vì extension sẽ lấy kích thước bên trong làm chuẩn. Ví dụ, nếu bạn đặt tất cả icon trong thư mục img/ trong gói extension thì chỉ định đường dẫn trong file config.xml như sau: 

<widget xmlns="http://www.w3.org/ns/widgets"
        id="http://example.org/disco"
        version="1.0"
        width="600"
        height="400">
    <name short="Disco" xml:lang="en">The Saturday Night Disco Machine</name>
    <description xml:lang="en">
    This extension will help you to select all
    the movements you need to know to be the King of Disco.
    You can select a specific steps sequence and view the
    associated video.</description>
    <author href="http://example.org/tony/"
            email="tony@example.org">
    Tony Manero
    </author>
    <license href="http://www.opensource.org/licenses/mit-license.php">
    Licensed under the MIT license
    </license>
    <icon src="img/disco-ball.png"/>
    <icon src="img/disco-ball.svg" width="18" height="18"/>
</widget>

Còn biểu tượng của nút bấm chức năng trong trình duyệt Chrome có kích thước chuẩn là 18 x 18, tất cả các bức ảnh to hoặc nhỏ hơn đều được chia lại tỉ lệ cho phù hợp.

Trang: 
T.Anh (Opera)
Đánh giá(?):
META.vn | Mua sắm trực tuyến
Bài viết mới nhất
Xem tất cả
Bài viết cũ hơn cùng chủ đề
Xem tất cả