الإنطلاق في تطوير تطبيق

In This Article
      1. تطبيقات الويب هي التطبيقات التي تم إنشاؤها باستخدام تقنيات الويب القياسية. وهي تعمل على أي متصفح ويب حديث، ويمكن تطويرها باستخدام الأدوات المفضلة لديك. بعض الخصائص التي تميز تطبيقات الويب عن المواقع: يتم تثبيت التطبيقات من قبل المستخدم، قائما بذاته ولا يحتاج لنافذة المتصفح، ويمكن أن يتم بناءها لتشغيلها أوفلاين. من أمثلة تطبيقات الويب: بريد جوجل، تويتر، إيثرباد.يقترح مشروع موزيلا المفتوح لتطبيقات الويب بعض الإضافات الصغيرة إلى المواقع لتحويلها إلى تطبيقات التي يمكن أن يتم تشغيلها في بيئة حوسبة قوية. هذه التطبيقات تعمل على متصفحات سطح المكتب والأجهزة المحمولة، وأسهل للمستخدم في إكتشاف وإطلاق المواقع على شبكة الإنترنات. بما لا ننسها أنها لديها إمكانية الوصول إلى مجموعة متنامية من الميزات الجديدة، مثل مزامنة عبر كافة أجهزة المستخدم.
  1. قبل أن تبدأ
      1. إن كنت مطورا جديدا وتبحث  عن كتابة تطبيقات الويب فإنك قد ترغب في التحقق من حالة تنفيذ API.
  2. نشر التطبيق
      1. الشيء الوحيد الذي عليك القيام به لإنشاء تطبيق ويب من موقع ويب هو إضافة بيان التطبيق. هذا ملف JSON يصف التطبيق الخاص بك، بما في ذلك إسم التطبيق، الأيقونات، ووصف للقراءة البشرية.
      2. البيان يجب أن يتم إستضافته على نفس دومين موقع الويب الخاص بك، ويجب أيضا أن يقدم مع :
      3. (ملاحظة: هذا حاليا ليس مفروضا من فايرفوكس لكنه ضروري لسوق فايرفوكس)
      4. للحصول على معلومات وتفاصيل أكثر حول البيان، يمكنك الرجوع إلى وثائق بيان التطبيق. هناك أدوات للتحقق من صحة البيان الخاص بك. أنظر في التحقق من صحة البيان.
    1. سياسة الأصل المتبعة
      1. من المهم أن نلاحظ أن كل تطبيق يجب أن يتم استضافته على المجال الخاص به. ويجب أن تكون تطبيقات مختلفة المجال ولا تشترك في نفس المجال. يمكن إستضافة التطبيقات على دومينات (مجالات) فرعية،  على سبيل المثال. انظر الأسئلة الشائعة حول بيانات التطبيقات وذلك للمزيد من المعلومات حول الأصول.
  3. التحقق ما إذ تم تثبيت التطبيق
      1. عند تحميل صفحة التطبيق في مستعرض الويب، تحتاج الصفحة للتعامل مع الحالة التي لا يمكن للمستخدم تثبيت التطبيق. يمكن التحقق من ما إذا تم تثبيت التطبيق أو لا من خلال إستدعاء الدالة checkinstalled وذلك مثل هذا:
      2. للحصول على طرق أخرى للتحقق، أنظر التصفح.
  4. تثبيت التطبيق
  5. Promoting the app
  6. Running offline and using advanced device APIs
    1. Storing data locally
  7. Examples
  8. See also

This translation is incomplete. Please help translate this article from English.

تطبيقات الويب هي التطبيقات التي تم إنشاؤها باستخدام تقنيات الويب القياسية. وهي تعمل على أي متصفح ويب حديث، ويمكن تطويرها باستخدام الأدوات المفضلة لديك. بعض الخصائص التي تميز تطبيقات الويب عن المواقع:
يتم تثبيت التطبيقات من قبل المستخدم، قائما بذاته ولا يحتاج لنافذة المتصفح، ويمكن أن يتم بناءها لتشغيلها أوفلاين. من أمثلة تطبيقات الويب: بريد جوجل، تويتر، إيثرباد.يقترح مشروع موزيلا المفتوح لتطبيقات الويب بعض الإضافات الصغيرة إلى المواقع لتحويلها إلى تطبيقات التي يمكن أن يتم تشغيلها في بيئة حوسبة قوية. هذه التطبيقات تعمل على متصفحات سطح المكتب والأجهزة المحمولة، وأسهل للمستخدم في إكتشاف وإطلاق المواقع على شبكة الإنترنات. بما لا ننسها أنها لديها إمكانية الوصول إلى مجموعة متنامية من الميزات الجديدة، مثل مزامنة عبر كافة أجهزة المستخدم.

 

قبل أن تبدأ

إن كنت مطورا جديدا وتبحث  عن كتابة تطبيقات الويب فإنك قد ترغب في التحقق من حالة تنفيذ API.

نشر التطبيق

الشيء الوحيد الذي عليك القيام به لإنشاء تطبيق ويب من موقع ويب هو إضافة بيان التطبيق. هذا ملف JSON يصف التطبيق الخاص بك، بما في ذلك إسم التطبيق، الأيقونات، ووصف للقراءة البشرية.

البيان يجب أن يتم إستضافته على نفس دومين موقع الويب الخاص بك، ويجب أيضا أن يقدم مع :

Content-Type of application/x-web-app-manifest+json
 

(ملاحظة: هذا حاليا ليس مفروضا من فايرفوكس لكنه ضروري لسوق فايرفوكس)

للحصول على معلومات وتفاصيل أكثر حول البيان، يمكنك الرجوع إلى وثائق بيان التطبيق. هناك أدوات للتحقق من صحة البيان الخاص بك. أنظر في التحقق من صحة البيان.

 

سياسة الأصل المتبعة

من المهم أن نلاحظ أن كل تطبيق يجب أن يتم استضافته على المجال الخاص به. ويجب أن تكون تطبيقات مختلفة المجال ولا تشترك في نفس المجال. يمكن إستضافة التطبيقات على دومينات (مجالات) فرعية،  على سبيل المثال. انظر الأسئلة الشائعة حول بيانات التطبيقات وذلك للمزيد من المعلومات حول الأصول.

 

التحقق ما إذ تم تثبيت التطبيق

عند تحميل صفحة التطبيق في مستعرض الويب، تحتاج الصفحة للتعامل مع الحالة التي لا يمكن للمستخدم تثبيت التطبيق. يمكن التحقق من ما إذا تم تثبيت التطبيق أو لا من خلال إستدعاء الدالة checkinstalled وذلك مثل هذا:

var request = navigator.mozApps.checkInstalled("http://path.to/my/example.webapp");
request.onsuccess = function() {
  if (request.result) {
    // we're installed
  } else {
    // not installed
  }
};
request.onerror = function() {
  alert('Error checking installation status: ' + this.error.message);
};

للحصول على طرق أخرى للتحقق، أنظر التصفح.

تثبيت التطبيق

You can distribute your app directly from your site. It's also a good idea to test installing from your site, just to make sure your manifest validates, before you submit it to the Firefox Marketplace.

Just construct a button or link that invokes this JavaScript:

var request = navigator.mozApps.install("http://path.to/my/example.webapp");
request.onsuccess = function() {
  // great - display a message, or redirect to a launch page
};
request.onerror = function() {
  // whoops - this.error.name has details
};

Invoking navigator.mozApps.install() causes the browser to load the manifest (i.e. example.webapp) and ask the user whether to install the application. If the user approves the installation, the app is installed into the browser. On OS X, application will be installed in the "Applications" folder.

The second parameter is an install_data argument to navigator.mozApps.install(), to persist some information into the user's installed-applications data store. This information can be synchronized to their other devices, and can be retrieved by your application using the getSelf() call (see Checking whether the app is installed). For example:

navigator.mozApps.install(
    "http://path.to/my/example.webapp",
    {
        user_id: "some_user"
    }
);

Promoting the app

Mozilla is building an app marketplace that takes care of discovery, reviews, ratings, and billing, using an open infrastructure that can be used by other third parties to create their own stores. But you're not required to list your app in a store.

If you want people to pay for your app, see Marketplace payments.

The Firefox Marketplace is expected to be available soon. You can also sign up for the Apps Developer newsletter to get news about the progress of the Firefox Marketplace, as well as tips and advice on creating apps.

Running offline and using advanced device APIs

Modern Web browsers have added a lot of great features to let your application run offline or access device capabilities. Here are some useful links:

Storing data locally

The localStorage API provides a key-value store of persistent data that you can use to keep track of user data between visits to your app. If the user has a modern browser, such as Firefox 4 or later, or Google Chrome, you can also use IndexedDB, a structured, high-performance client-side datastore.

If you have data that should be shared between instances of your app across all devices that a user uses, then you should use the install_data parameter to the install() function, as described above.

Examples

Some examples of open web apps:

See also

Document Tags and Contributors

 Contributors to this page: walidamriou
 Last updated by: walidamriou,