diff options
Diffstat (limited to 'files/zh-cn/firefox_sync/javascript_client_api')
| -rw-r--r-- | files/zh-cn/firefox_sync/javascript_client_api/index.html | 296 |
1 files changed, 0 insertions, 296 deletions
diff --git a/files/zh-cn/firefox_sync/javascript_client_api/index.html b/files/zh-cn/firefox_sync/javascript_client_api/index.html deleted file mode 100644 index 768a941761..0000000000 --- a/files/zh-cn/firefox_sync/javascript_client_api/index.html +++ /dev/null @@ -1,296 +0,0 @@ ---- -title: JavaScript 客户端 API -slug: Firefox_Sync/JavaScript_Client_API -translation_of: Archive/Mozilla/Firefox_Sync/JavaScript_Client_API ---- -<h2 id="概览">概览</h2> -<p>This page describes how to use the client-side Sync JavaScript API. This API is available in Mozilla-based products that use Sync, such as Firefox (both desktop and mobile).</p> -<p>Please note that usage of the Sync APIs is governed by a terms of service:</p> -<blockquote> - <p><em>By accessing or using the Firefox Sync APIs in connection with the development of your own client software to access the Firefox Sync services (a “Third Party Client”), you acknowledge that you will need to install and use a local version of the Firefox Sync server for multiple account testing and that any use of Mozilla’s hosted Firefox Sync services is subject to Mozilla’s Firefox Sync Terms of Service at <a class="link-https" href="https://services.mozilla.com/tos/" rel="freelink">https://services.mozilla.com/tos/</a>. Further, you agree (a) to maintain and link to (including on websites from which your Third Party Client may be downloaded) a separate, conspicuous, and reasonably detailed privacy policy detailing how data collected or transmitted by your Third Party Client is managed and protected; (b) that your Third Party Client will only store data in encrypted form on the Firefox Sync servers operated by Mozilla; (c) that you and your Third Party Client will use the Firefox Sync APIs solely for their intended purpose; (d) that your Third Party Client will not hide or mask its identity as it uses the Services and/or Firefox Sync APIs, including by failing to follow required identification conventions; and (e) that you and your Third Party Client will not use the Firefox Sync APIs for any application or service that replicates or attempts to replicate the Services or Firefox Sync experience unless such use is non-confusing (by non-confusing, we mean that people should always know with whom they are dealing and where the information or software they are downloading came from). You may not imply, either directly or by omission, that your Third Party Client is produced or endorsed by Mozilla. By providing access to the Firefox Sync APIs, Mozilla is not granting you a license to any of our trademarks.</em></p> -</blockquote> -<h2 id="开始之前">开始之前</h2> -<p>Before you start learning the JavaScript API, you should spend some time on <a class="external" href="http://docs.services.mozilla.com/" rel="freelink">http://docs.services.mozilla.com/</a> reading about how the Sync service operates. This will help fundamental understanding significantly.</p> -<h2 id="API_位置">API 位置</h2> -<p>The Sync JavaScript client API is defined in files in the <code>services/sync/</code> directory of <em>mozilla-central</em> or similar repository.</p> -<h2 id="术语"><span class="short_text" id="result_box" lang="zh-CN"><span>术语</span></span></h2> -<dl> - <dt> - SyncEngine</dt> - <dd> - The main Sync client object. It's what starts all the magic.</dd> - <dt> - Engine</dt> - <dd> - Governs the synchronizing of a specific set of information. e.g. there is an engine for bookmarks, tabs, history, preferences, etc.</dd> - <dt> - Record</dt> - <dd> - Piece of information that gets synchronized. Records are transformed to WBO's, uploaded to a collection in a Sync server and eventually downloaded by other Sync clients.</dd> - <dt> - Tracker</dt> - <dd> - Entity that tracks changes to data. Each engine has a corresponding tracker which listens for changes to data or events it is interested in. When something of interest occurs, it interacts with the engine to let it know something has happened and it might want to take action</dd> - <dt> - Store</dt> - <dd> - Entity that serves as a data store/proxy for information in an engine. The name <em>store</em> is somewhat of a misnomer, as stores don't actually persistently store anything, but rather serve as short-lived data stores during the course of a single sync and act as proxies to other data stores within the application (like the places database) outside of Sync.</dd> -</dl> -<h2 id="创建自定义引擎"><span class="short_text" id="result_box" lang="zh-CN"><span>创建自定义</span><span>引擎</span></span></h2> -<p>The Sync client ships with a number of engines out of the box (history, bookmarks, etc). It is possible for other components, including 3rd party extensions, to supplement the set of engines and synchronize their own data.</p> -<p style="margin-left: 40px;"><strong>一个小警告</strong>: the JavaScript Client API is still a young component and is continuing to evolve. Therefore, developers outside of the Sync core should know that their code could require significant refactoring in future releases. <strong>Before developing against the JavaScript API, it is recommended to speak to developers of the API</strong>. See <a class="link-https" href="https://wiki.mozilla.org/Services/Sync" rel="freelink">https://wiki.mozilla.org/Services/Sync</a> for their contact information.</p> -<p>To create a custom Sync engine to synchronize a new data you, you'll need to define an engine object that extends the base <em>SyncEngine</em> object. This involves writing types that extend the <em>Store</em>, <em>Tracker</em>, and <em>Record</em> types as well.</p> -<p>It will be very helpful to look at an existing sync engine for guidance. Have a look at one of the following files:</p> -<ul> - <li>services/sync/modules/engines/bookmarks.js</li> - <li>services/sync/modules/engines/history.js</li> -</ul> -<h3 id="建立一个JS模块"><span class="short_text" id="result_box" lang="zh-CN"><span>建立一个</span><span>JS</span><span>模块</span></span></h3> -<p>The code for your custom sync engine should live in a <a href="/en/JavaScript_code_modules/Using" title="en/Using JavaScript code modules">JS module</a>. First off we're going to import the files mentioned above at the top the file. We're also going to import ''util.js'' as it contains many useful helpers.</p> -<pre>const Cu = Components.utils; -Cu.import("resource://services-sync/engines.js"); -Cu.import("resource://services-sync/record.js"); -Cu.import("resource://services-sync/util.js"); -</pre> -<h3 id="The_Record_Object">The Record Object</h3> -<p>The record object is a wrapper around a single instance of whatever data it is that you are syncing -- a single bookmark, history URL, password or form data entry. For some sync engines, it makes sense to bundle all data into one record. The tabs and preferences engines work that way. For other engines, it makes sense to have multiple records per sync. It all depends on the data model. If in doubt, consult the Sync developers.</p> -<p>The base record objects are defined in <em>services/sync/modules/record.js</em>. There's a base <em>Record</em> object, which defines the basic record API. But, you want to use a derived class, <em>CryptoWrapper</em>, which seamlessly encrypts and decrypts records on the client. This makes your synchronized data more secure and unreadable by the server operators. All you have to do is write an object that extends <em>CryptoWrapper</em> and maintains a property called <em>cleartext</em>. <em>cleartext</em> must be a JSON-able object. Put into it all values that you want to have encrypted, stored on the server, decrypted, and synced up.<br> - <br> - You may find it useful to write getters and setters for various properties of your record implementation.<br> - <br> - The skeleton of a sample record implementation:</p> -<pre>function FooRecord(collection, id) { - CryptoWrapper.call(this, collection, id); -} -FooRecord.prototype = { - __proto__: CryptoWrapper.prototype, - _logName: "Record.Foo", - ttl: FOO_TTL, // optional - - get bar() this.cleartext.bar, - set bar(value) { - this.cleartext.bar = value; - }, - get baz() this.cleartext.baz, - set baz(value) { - this.cleartext.baz = value; - } -}; -</pre> -<p>To save all that typing for declaring the getters and setters, you can also use <em>Utils.deferGetSet</em>:</p> -<pre>function FooRecord(collection, id) { - CryptoWrapper.call(this, collection, id); -} -FooRecord.prototype = { - __proto__: CryptoWrapper.prototype, - _logName: "Record.Foo", - ttl: FOO_TTL // optional -}; -Utils.deferGetSet(FooRec, "cleartext", ["bar", "baz"]); -</pre> -<h3 id="存储对象"><span class="short_text" id="result_box" lang="zh-CN"><span>存储对象</span></span></h3> -<p>The Store object (which extends <em>Store</em>, as defined in <em>services/sync/modules/engines.js</em>) has the job of creating and maintaining a set of Record objects from the underlying data. The store must also make updates to the underlying data itself based on incoming Record objects. The majority of the code you write for syncing a new data type will most likely be in the Store implementation.</p> -<p>Each Record that the Store keeps track of must be identified by a unique ID (unique among all records in the store) called GUID. Depending of what type of data you're working with, you might already have GUIDs built into your data that you can make use of (note that GUIDs must be allowed to change and should be URL friendly). If not, you may have to invent your own mapping from data objects to GUIDs as long as it's consistent. In this case, it is highly recommended to use the <em>Utils.makeGUID()</em> helper to generate new GUIDs:</p> -<pre>let newGuid = Utils.makeGUID(); -</pre> -<p>Your Store object <strong>must</strong> implement the following methods:</p> -<ul> - <li>itemExists(id)</li> - <li>createRecord(id, collection)</li> - <li>changeItemID(oldId, newId)</li> - <li>getAllIDs()</li> - <li>wipe()</li> - <li>create(record)</li> - <li>update(record)</li> - <li>remove(record)</li> -</ul> -<p>You may also find it useful to override other methods of the base implementation, for example <em>applyIncomingBatch</em> if the underlying storage for your data supports batch operations.</p> -<dl> - <dt> - createRecord</dt> -</dl> -<dl> - <dd> - The <code>createRecord( id, collection )</code> method gets called by the engine to request a new record for an item with a given GUID. It's your Store's responsibility to instantiate a Record object, assign the given GUID, and return it.</dd> -</dl> -<dl> - <dt> - itemExists(guid)</dt> -</dl> -<dl> - <dd> - Should simply return <code>true</code> if an item with the given guid exists in the store, <code>false</code> otherwise.</dd> -</dl> -<dl> - <dt> - changeItemID(oldId, newId)</dt> -</dl> -<dl> - <dd> - Must find the stored item currently associated with the guid <code>oldId</code> and change it to be associated with the guid <code>newId</code>.</dd> -</dl> -<dl> - <dt> - getAllIDs()</dt> -</dl> -<dl> - <dd> - Must return an iterable list containing the GUIDs of every item being stored on the local system. This can be a dictionary-type object where the keys are the GUIDs and the values are whatever; or it can simply be a list of GUIDs. This is the method that the engine will call the first time it syncs, in order to get a complete inventory of what data there is that will need to be uploaded to the server. Unless the items you're syncing have their own inherent GUIDs already defined, you'll need to invent GUIDs for all your items at this time. When one of these GUIDs is later passed as an argument to <code>createRecord()</code>, you need to return a record based on the matching data. Therefore, it's the responsibility of this method to define the guid -> item mapping, and to store it for later reference by other methods.</dd> -</dl> -<dl> - <dt> - wipe()</dt> -</dl> -<dl> - <dd> - When this method is called, your Store needs to completely wipe all of its stored data from the local application. That doesn't mean just whatever caches of the data the Store happens to be maintaining; it means the underlying data itself. For instance, <code>BookmarkStore.wipe()</code> deletes all bookmarks from the current Firefox profile. How to do this for your particular data type is up to you to figure out.</dd> -</dl> -<p>The next three methods are called by the sync algorithm when it determines that the state of the local application needs to be changed to keep it up-to-date with the user's remote activities. The sync algorithm will call your Store object with a record to be created, updated, or removed, and it is your Store object's responsibility to apply this change to the local application using whatever methods are neccessary.</p> -<dl> - <dt> - <code>create(record)</code></dt> -</dl> -<dl> - <dd> - Not to be confused with <code>createRecord()</code>, this method (which should probably be renamed for clarity soon) tells your Store to create a new item in the local application, based on the data in record. (So for example, <code>BookmarkStore.create()</code> adds a new bookmark to the Firefox profile).</dd> -</dl> -<dl> - <dt> - <code>update(record)</code></dt> -</dl> -<dl> - <dd> - The argument is a record which has been remotely modified; your Store should locate the matching local item (presumably using the GUID, which is available in record.id) and update it to the new values provided in <code>record</code>.</dd> -</dl> -<dl> - <dt> - <code>remove(record)</code></dt> -</dl> -<dl> - <dd> - The argument is a record which has been remotely deleted; your Store should locate the matching local item and delete it. (Don't rely on the record that is passed in to this method having any of its attributes set correctly except for <code>.id</code>. The <code>.id</code> should be al you need, anyway.)</dd> -</dl> -<dl> - <dt> - <code>applyIncomingBatch</code> :</dt> - <dd> - TODO</dd> -</dl> -<h4 id="Example_Store_Skeleton">Example Store Skeleton</h4> -<pre>// Maintains the store of all your Foo-type items and their GUIDs. -function FooStore(name) { - Store.call(this, name); -} -FooStore.prototype = { - __proto__: Store.prototype, - itemExists: function(guid) { - // Return true if an item with given guid exists in the store. - }, - createRecord: function(id, collection) { - record = new FooRecord(uri); - // Look up the data corresponding to this guid, by the mapping - // you've defined. - // Set the data and the guid on the new record: - record.bar = 17; // or whatever - record.id = guid; - // return the record - return record; - }, - changeItemID: function(oldId, newId) { - // Find the item with guid = oldId and change its guid to newId. - }, - getAllIDs: function() { - // Return a list of the GUIDs of all items. Invent GUIDs for any items - // that don't have them already, and remember the mapping for later use. - }, - wipe: function() { - // Delete everything! - }, - create: function(record) { - // Create a new item based on the values in record - }, - update: function(record) { - // look up the stored record with id = record.id, then set - // its values to those of new record - }, - remove: function(record) { - // look up the stored record with id = record.id, then delete it. - } -}; -</pre> -<h3 id="Writing_a_Tracker_Class">Writing a Tracker Class</h3> -<p>Your tracker class must inherit from <code>Tracker</code>, which is defined in <code>services/sync/modules/trackers.js</code>. Its purpose in life is to track changes to whatever data type you are syncing. It must maintain a list of GUIDs for objects that have been changed and therefore require syncing. It also has to maintain a "score", which is a number from 0 to 100 which represents "how badly does this data type need to be synced right now". Getting your tracker to track changes in the underlying data is probably easiest to do if you register your tracker as an observer, so that it can receive notifications from one or more Mozilla components. What events you listen for is entirely up to you. You can find out more about registering as an observer here: [link].</p> -<h4 id="The_Score">The Score</h4> -<p>The '''score''' is stored in <code>this.score</code>, a variable defined by the base Tracker class. Set your score by assigning a value to <code>this.score</code>. The score number is used by the scheduler to decide when your engine will be synced. Setting it to zero means "I have no need to sync". The higher you set this number, the more urgently the scheduler treats your request. Setting it to 100 means "Sync me immediately". It's up to you to figure out the best way to assign a score based on the current state of whatever data type you're tracking. Your tracker score is automatically reset to zero after each time your engine syncs.</p> -<h4 id="The_changed_GUID_list">The changed GUID list</h4> -<p>The base class maintains a list of GUIDs that need syncing. When your tracker detects that an item has changed, you should add it to this list by calling: this.addChangedID(guid); These GUIDs correspond to the <code>.id</code> fields of your Record objects; see the section on the Store class for more about defining and maintaining the mapping between GUIDs and Records.</p> -<h4 id="Example">Example</h4> -<p>Here's the skeleton of a sample Tracker class.</p> -<pre>function FooTracker(name) { - Tracker.call(this, name); - - // Register yourself as event listener or observer for whatever - // you want to track. Note that this may unnecessarily slow down - // things for users who don't use Sync. It's a bit smarter to have - // yourself notified when to start and stop tracking therefore: - Svc.Obs.add("weave:engine:start-tracking", this); - Svc.Obs.add("weave:engine:stop-tracking", this); -} -FooTracker.prototype = { - __proto__: Tracker.prototype, - _enabled: false, - observe: function observe(subject, topic, data) { - switch (topic) { - case "weave:engine:start-tracking": - if (!this._enabled) { - // register event handler or observer here - ... - this._enabled = true; - } - break; - case "weave:engine:stop-tracking": - if (this._enabled) { - // remove event handler or observer here - ... - this._enabled = false; - } - break; - }, - - onEvent: function onEvent() { - /* Here is where you'd handle the event. See the documentation for - whatever service you are observing to find out what to call this - method, what arguments to expect, and how to interpret them. */ - var guid = 0; - - /* Here is where you'd include code to figure out the GUID of the item - that has changed... */ - this.addChangedID(guid); - - // Update the score as you see fit: - this.score += 10; - } - }; -</pre> -<h3 id="Writing_an_Engine_class">Writing an Engine class</h3> -<p>Your Engine class serves to tie together your Store, Tracker, and Record classes into a bundle that the Sync service can instantiate and use. You're probably sick of writing subclasses by this point, but don't worry: this one is very easy. I saved it for last because it requires the least code. Your class must derive from the <code>SyncEngine</code> class, defined in <code>services-sync/modules/engines.js</code>. <code>SyncEngine</code> contains a lot of code which handles logic for the core sync algorithm, but your subclass won't need to call any of this directly, unless you are overriding part of the sync algorithm to provide custom sync behavior (an advanced technique outside the scope of this article).</p> -<p>A sample Engine class:</p> -<pre>function FooEngine() { - Weave.SyncEngine.call(this, "Foo"); -} -FooEngine.prototype = { - __proto__: Weave.SyncEngine.prototype, - _recordObj: FooRecord, - _storeObj: FooStore, - _trackerObj: FooTracker -};</pre> -<p>As you can see, there isn't actually any new code here at all; the prototype simply defines some metadata such as the Store and Tracker classes to use, and the human-readable name that will be used in the log files to identify errors and status messages coming from this engine. (Don't forget that you'll need to import Weave. So the top of your file should include:)</p> -<pre>const Cu = Components.utils; // etc... -Cu.import("resource://services-sync/main.js");</pre> -<h3 id="Installing_your_classes_into_Sync">Installing your classes into Sync</h3> -<p>You can register your engine in an "weave:service:ready" observer using the <code>Weave.Engines.register(FooEngine)</code> function. However, "weave:service:ready" is issued after the "weave:engine:start-tracking" observer notification. If your tracker observes "weave:engine:start-tracking", it's best to have the Sync service register your engine. Stick your engine class on to the Weave object:</p> -<pre>Weave.FooEngine = FooEngine; -</pre> -<p>and add "Foo" to the <code>services.sync.registerEngines</code> preference (it's a comma separated list of engine names). You can also set up a component that registers a weave:service:ready observer and at that time, imports main.js as well as your engine. Also, for me, doing Weave.Engines.register(FooEngine) worked better then doing Weave.FooEngine = FooEngine. Reason for this is, Weave will iterate through the registerEngines preference and try to instantiate each engine it has there before you the line mentioned above ever has a chance to execute.This means the constructor to your engine is not ready when Weave tries to instantiate it.</p> -<h3 id="Testing_and_Debugging_your_Engine">Testing and Debugging your Engine</h3> -<p>Set observers in the Tracker to tell when your datatype changes, after which the score needs to be set. You can also add api's to the engine, get a handle of the engine by going Weave.Engines.get("Foo") and call it directly.</p> |