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

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

אפליקציית 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 יופעל כשהמשתמש יפעיל את האפליקציה. הוא מיד ייפתח חלון לאפליקציה ברוחב ובגובה שצוינו. הרקע שלך הסקריפט עשוי להכיל מאזינים נוספים, חלונות, פרסום הודעות ונתוני הפעלה, שכולם משמש את דף האירוע לניהול האפליקציה.

שלב 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 כדי להציג את דף ניהול האפליקציות והתוספים ובחירה בכלים > תוספים.

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

לוחצים על הלחצן Load unpacked extensions (טעינת תוסף לא ארוז), מנווטים לתיקייה של האפליקציה ולוחצים על OK (אישור).

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

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

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

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

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