יצירת האפליקציה הראשונה

במדריך הזה מוסבר איך ליצור את אפליקציית Chrome הראשונה. אפליקציות Chrome בנויות באופן דומה לתוספים, כך שהמפתחים הנוכחיים יזהו את שיטות המניפסט והאריזה. בסיום, צריך רק ליצור קובץ מיקוד של הקוד והנכסים כדי publish את האפליקציה.

אפליקציית Chrome מכילה את הרכיבים הבאים:

  • המניפסט מספר ל-Chrome על האפליקציה, על המשמעות שלה, על אופן ההפעלה שלה ועל ההרשאות הנוספות הנדרשות.
  • סקריפט הרקע משמש ליצירת דף האירוע שאחראי לניהול מחזור החיים של האפליקציה.
  • יש לכלול את כל הקוד בחבילה של אפליקציית Chrome. כולל מודולים של HTML, JS, CSS ו-Native Client.
  • כל הסמלים והנכסים האחרים חייבים להיכלל בחבילה גם כן.

שלב 1: יצירת המניפסט

קודם כול יוצרים את קובץ manifest.json (פורמטים: קובצי מניפסט מתארים את המניפסט בפירוט):

{
  "name": "Hello World!",
  "description": "My first Chrome App.",
  "version": "0.1",
  "manifest_version": 2,
  "app": {
    "background": {
      "scripts": ["background.js"]
    }
  },
  "icons": { "16": "calculator-16.png", "128": "calculator-128.png" }
}

שלב 2: יוצרים את סקריפט הרקע

בשלב הבא, יוצרים קובץ חדש בשם background.js עם התוכן הבא:

chrome.app.runtime.onLaunched.addListener(function() {
  chrome.app.window.create('window.html', {
    'outerBounds': {
      'width': 400,
      'height': 500
    }
  });
});

בקוד לדוגמה שלמעלה, onLaunched event יופעל כשהמשתמש יפעיל את האפליקציה. לאחר מכן, ייפתח מיד חלון לאפליקציה ברוחב ובגובה שצוינו. סקריפט הרקע עשוי להכיל פונקציות listener, חלונות, הודעות פוסט ונתוני הפעלה נוספים – כל אלה משמשים את דף האירוע לניהול האפליקציה.

שלב 3: יצירת דף של חלון

יצירת הקובץ window.html:

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    <div>Hello, world!</div>
  </body>
</html>

שלב 4: יצירת הסמלים

מעתיקים את הסמלים הבאים אל תיקיית האפליקציות:

שלב 5: מפעילים את האפליקציה

הפעלת הסימונים

הרבה מממשקי ה-API של אפליקציות Chrome עדיין ניסיוניים, לכן כדאי להפעיל ממשקי API ניסיוניים כדי שתוכלו לנסות אותם:

  • עוברים לכתובת chrome://flags.
  • מחפשים 'ממשקי API ניסיוניים של תוספים' ולוחצים על הקישור 'הפעלה' שלהם.
  • מפעילים מחדש את Chrome.

טעינת האפליקציה

כדי לטעון את האפליקציה, צריך להציג את דף הניהול של האפליקציות והתוספים. לשם כך, לוחצים על סמל ההגדרות של Chrome ובוחרים באפשרות כלים > תוספים.

מוודאים שתיבת הסימון מצב פיתוח סומנה.

לוחצים על הלחצן טעינת התוסף שלא באריזה, מנווטים לתיקייה של האפליקציה ולוחצים על אישור.

פתיחת כרטיסייה חדשה והפעלה

לאחר טעינת האפליקציה, פתח דף 'כרטיסייה חדשה' ולחץ על סמל היישום החדש.

לחלופין, אפשר לטעון ולהפעיל משורת הפקודה

האפשרויות הבאות בשורת הפקודה ב-Chrome עשויות לעזור לך לחזור על התהליך:

  • --load-and-launch-app=/path/to/app/ מתקין את האפליקציה הארוזה מהנתיב הנתון ומפעיל אותה. אם האפליקציה כבר פועלת, היא תיטען מחדש עם התוכן המעודכן.
  • --app-id=ajjhbohkjpincjgiieeomimlgnll מפעיל אפליקציה שכבר נטענה ב-Chrome. המערכת לא מפעילה מחדש אפליקציה שהופעלה בעבר, אבל היא מפעילה את האפליקציה החדשה עם תוכן מעודכן.