electron/docs/api/remote.md

152 lines
5.9 KiB
Markdown
Raw Normal View History

2013-09-09 07:35:57 +00:00
# remote
2013-08-14 22:43:35 +00:00
2013-12-30 14:06:33 +00:00
The `remote` module provides a simple way to do inter-process communication
between the renderer process and the browser process.
In atom-shell, only GUI-related modules are available in the renderer process.
Without the `remote` module, users who wanted to call a browser-side API in
the renderer process would have to explicitly send inter-process messages
to the browser process. With the `remote` module, users can invoke methods of
browser-side object without explicitly sending inter-process messages,
similar to Java's
2013-12-30 14:06:33 +00:00
[RMI](http://en.wikipedia.org/wiki/Java_remote_method_invocation).
An example of creating a browser window in renderer process:
2013-08-14 22:43:35 +00:00
```javascript
var remote = require('remote');
var BrowserWindow = remote.require('browser-window');
var win = new BrowserWindow({ width: 800, height: 600 });
win.loadUrl('https://github.com');
```
2013-12-30 14:06:33 +00:00
## Remote objects
Each object (including functions) returned by the `remote` module represents an
object in the browser process (we call it a remote object or remote function).
When you invoke methods of a remote object, call a remote function, or create
2013-12-30 14:06:33 +00:00
a new object with the remote constructor (function), you are actually sending
synchronous inter-process messages.
In the example above, both `BrowserWindow` and `win` were remote objects and
`new BrowserWindow` didn't create a `BrowserWindow` object in the renderer process.
Instead, it created a `BrowserWindow` object in the browser process and returned the
corresponding remote object in the renderer process, namely the `win` object.
2013-12-30 14:06:33 +00:00
2013-08-14 22:43:35 +00:00
## Lifetime of remote objects
Atom-shell makes sure that as long as the remote object in the renderer process
2013-12-30 14:06:33 +00:00
lives (in other words, has not been garbage collected), the corresponding object
in the browser process would never be released. When the remote object has been
garbage collected, the corresponding object in the browser process would be
2013-12-30 14:06:33 +00:00
dereferenced.
2013-08-14 22:43:35 +00:00
If the remote object is leaked in renderer process (e.g. stored in a map but never
freed), the corresponding object in the browser process would also be leaked,
so you should be very careful not to leak remote objects.
2013-08-14 22:43:35 +00:00
2013-12-30 14:06:33 +00:00
Primary value types like strings and numbers, however, are sent by copy.
2013-08-14 22:43:35 +00:00
2013-12-30 14:06:33 +00:00
## Passing callbacks to browser
2013-08-14 22:43:35 +00:00
Some APIs in the browser process accept callbacks, and it would be attempting to
pass callbacks when calling a remote function. The `remote` module does support
doing this, but you should also be extremely careful with this.
2013-08-14 22:43:35 +00:00
First, in order to avoid deadlocks, the callbacks passed to the browser process
are called asynchronously, so you should not expect the browser process to
2013-12-30 14:06:33 +00:00
get the return value of the passed callbacks.
Second, the callbacks passed to the browser process will not get released
automatically after they are called. Instead, they will persistent until the
browser process garbage-collects them.
2013-12-30 14:06:33 +00:00
For example, the following code seems innocent at first glance. It installs a
2013-12-30 14:06:33 +00:00
callback for the `close` event on a remote object:
2013-08-14 22:43:35 +00:00
```javascript
var remote = require('remote');
remote.getCurrentWindow().on('close', function() {
// blabla...
});
```
The problem is that the callback would be stored in the browser process until you
2013-12-30 14:06:33 +00:00
explicitly uninstall it! So each time you reload your window, the callback would
be installed again and previous callbacks would just leak. To make things
2013-12-30 14:06:33 +00:00
worse, since the context of previously installed callbacks have been released,
when the `close` event was emitted, exceptions would be raised in the browser process.
2013-08-14 22:43:35 +00:00
Generally, unless you are clear what you are doing, you should always avoid
passing callbacks to the browser process.
2013-08-14 22:43:35 +00:00
2013-12-30 15:08:42 +00:00
## Remote buffer
An instance of node's `Buffer` is an object, so when you get a `Buffer` from
the browser process, what you get is indeed a remote object (let's call it remote
2013-12-30 15:08:42 +00:00
buffer), and everything would just follow the rules of remote objects.
However you should remember that although a remote buffer behaves like the real
2013-12-30 15:08:42 +00:00
`Buffer`, it's not a `Buffer` at all. If you pass a remote buffer to node APIs
that accept a `Buffer`, you should assume the remote buffer would be treated
2013-12-30 15:08:42 +00:00
like a normal object, instead of a `Buffer`.
For example, you can call `BrowserWindow.capturePage` in the renderer process, which
returns a `Buffer` by calling the passed callback:
2013-12-30 15:08:42 +00:00
```javascript
var remote = require('remote');
var fs = require('fs');
remote.getCurrentWindow().capturePage(function(buf) {
fs.writeFile('/tmp/screenshot.png', buf, function(err) {
console.log(err);
});
});
```
But you may be surprised to find that the file written was corrupted. This is
because when you called `fs.writeFile`, thinking that `buf` was a `Buffer` when
in fact it was a remote buffer, and it was converted to string before it was
written to the file. Since `buf` contained binary data and could not be represented
by a UTF-8 encoded string, the written file was corrupted.
2013-12-30 15:08:42 +00:00
The work-around is to write the `buf` in the browser process, where it is a real
2013-12-30 15:08:42 +00:00
`Buffer`:
```javascript
var remote = require('remote');
remote.getCurrentWindow().capturePage(function(buf) {
remote.require('fs').writeFile('/tmp/screenshot.png', buf, function(err) {
console.log(err);
});
});
```
The same thing could happen for all native types, but usually it would just
throw a type error. The `Buffer` deserves your special attention because it
might be converted to string, and APIs accepting `Buffer` usually accept string
too, and data corruption could happen when it contains binary data.
2013-12-30 15:08:42 +00:00
2013-08-14 22:43:35 +00:00
## remote.require(module)
* `module` String
2013-12-30 14:06:33 +00:00
Returns the object returned by `require(module)` in the browser process.
2013-08-14 22:43:35 +00:00
## remote.getCurrentWindow()
Returns the [BrowserWindow](browser-window.md) object which this web page
belongs to.
2013-08-14 22:43:35 +00:00
## remote.getGlobal(name)
* `name` String
2013-12-30 14:06:33 +00:00
Returns the global variable of `name` (e.g. `global[name]`) in the browser
process.
2013-08-14 22:43:35 +00:00
## remote.process
Returns the `process` object in the browser process. This is the same as
`remote.getGlobal('process')`, but gets cached.