electron/docs/api/remote.md

154 lines
5.2 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
2015-09-02 02:08:31 +00:00
(IPC) between the renderer process (web page) and the main process.
2015-05-22 02:32:59 +00:00
In Electron, only GUI-unrelated modules are available in the renderer process.
2015-08-29 05:17:35 +00:00
Without the `remote` module, users who want to call a main process API in
2015-09-02 02:08:31 +00:00
the renderer process will have to explicitly send inter-process messages
2015-09-01 22:30:08 +00:00
to the main process. With the `remote` module, you can invoke methods of the
2015-08-29 05:17:35 +00:00
main process object without explicitly sending inter-process messages, similar
to Java's [RMI](http://en.wikipedia.org/wiki/Java_remote_method_invocation).
2013-12-30 14:06:33 +00:00
2015-08-29 05:17:35 +00:00
An example of creating a browser window from a renderer process:
2013-08-14 22:43:35 +00:00
```javascript
var remote = require('remote');
var BrowserWindow = remote.require('browser-window');
2015-08-29 05:17:35 +00:00
2013-08-14 22:43:35 +00:00
var win = new BrowserWindow({ width: 800, height: 600 });
win.loadUrl('https://github.com');
```
2015-09-09 21:09:14 +00:00
**Note:** for the reverse (access the renderer process from the main process),
2015-09-10 19:19:37 +00:00
you can use [webContents.executeJavascript](web-contents.md#webcontentsexecutejavascriptcode-usergesture).
2015-08-29 05:17:35 +00:00
## Remote Objects
2013-12-30 14:06:33 +00:00
Each object (including functions) returned by the `remote` module represents an
object in the main 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
2015-09-01 22:30:08 +00:00
`new BrowserWindow` didn't create a `BrowserWindow` object in the renderer
process. Instead, it created a `BrowserWindow` object in the main process and
returned the corresponding remote object in the renderer process, namely the
`win` object.
2013-12-30 14:06:33 +00:00
2015-08-29 05:17:35 +00:00
## Lifetime of Remote Objects
2013-08-14 22:43:35 +00:00
2015-04-16 03:31:12 +00:00
Electron 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
2015-09-01 22:30:08 +00:00
in the main process will not be released. When the remote object has been
2015-08-29 05:17:35 +00:00
garbage collected, the corresponding object in the main process will be
2013-12-30 14:06:33 +00:00
dereferenced.
2013-08-14 22:43:35 +00:00
2015-08-29 05:17:35 +00:00
If the remote object is leaked in the renderer process (e.g. stored in a map but
never freed), the corresponding object in the main process will 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
## Passing callbacks to the main process
2013-08-14 22:43:35 +00:00
2015-08-29 05:17:35 +00:00
Code in the main process can accept callbacks from the renderer - for instance
2015-09-01 22:30:08 +00:00
the `remote` module - but you should be extremely careful when using this
feature.
2013-08-14 22:43:35 +00:00
First, in order to avoid deadlocks, the callbacks passed to the main process
are called asynchronously. You should not expect the main process to
2013-12-30 14:06:33 +00:00
get the return value of the passed callbacks.
2015-08-29 05:17:35 +00:00
For instance you can't use a function from the renderer process in an
`Array.map` called in the main process:
```javascript
// main process mapNumbers.js
exports.withRendererCallback = function(mapper) {
return [1,2,3].map(mapper);
}
exports.withLocalCallback = function() {
return exports.mapNumbers(function(x) {
2015-08-29 05:17:35 +00:00
return x + 1;
});
}
2015-08-29 05:17:35 +00:00
```
2015-08-29 05:17:35 +00:00
```javascript
// renderer process
var mapNumbers = require("remote").require("./mapNumbers");
var withRendererCb = mapNumbers.withRendererCallback(function(x) {
return x + 1;
})
var withLocalCb = mapNumbers.withLocalCallback()
console.log(withRendererCb, withLocalCb) // [true, true, true], [2, 3, 4]
```
2015-08-29 05:17:35 +00:00
As you can see, the renderer callback's synchronous return value was not as
expected, and didn't match the return value of an identical callback that lives
in the main process.
Second, the callbacks passed to the main process will persist until the
main 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');
2015-08-29 05:17:35 +00:00
2013-08-14 22:43:35 +00:00
remote.getCurrentWindow().on('close', function() {
// blabla...
});
```
But remember the callback is referenced by the main process until you
2015-08-29 05:17:35 +00:00
explicitly uninstall it. If you do not, each time you reload your window the
callback will be installed again, leaking one callback for each restart.
2015-09-01 22:30:08 +00:00
To make things worse, since the context of previously installed callbacks has
been released, exceptions will be raised in the main process when the `close`
2015-09-02 02:08:31 +00:00
event is emitted.
2015-08-29 05:17:35 +00:00
To avoid this problem, ensure you clean up any references to renderer callbacks
passed to the main process. This involves cleaning up event handlers, or
ensuring the main process is explicitly told to deference callbacks that came
from a renderer process that is exiting.
2015-08-29 05:17:35 +00:00
## Methods
2013-08-14 22:43:35 +00:00
2015-08-29 05:17:35 +00:00
The `remote` module has the following methods:
2013-08-14 22:43:35 +00:00
2015-08-29 05:17:35 +00:00
### `remote.require(module)`
2013-08-14 22:43:35 +00:00
* `module` String
Returns the object returned by `require(module)` in the main process.
2013-08-14 22:43:35 +00:00
2015-08-29 05:17:35 +00:00
### `remote.getCurrentWindow()`
2013-08-14 22:43:35 +00:00
2015-08-29 05:17:35 +00:00
Returns the [`BrowserWindow`](browser-window.md) object to which this web page
belongs.
2013-08-14 22:43:35 +00:00
2015-08-29 05:17:35 +00:00
### `remote.getCurrentWebContents()`
2015-05-11 06:05:20 +00:00
2015-08-29 05:17:35 +00:00
Returns the [`WebContents`](web-contents.md) object of this web page.
2015-05-11 06:05:20 +00:00
2015-08-29 05:17:35 +00:00
### `remote.getGlobal(name)`
2013-08-14 22:43:35 +00:00
* `name` String
Returns the global variable of `name` (e.g. `global[name]`) in the main
2013-12-30 14:06:33 +00:00
process.
2013-08-14 22:43:35 +00:00
2015-08-29 05:17:35 +00:00
### `remote.process`
2013-08-14 22:43:35 +00:00
Returns the `process` object in the main process. This is the same as
2015-08-29 05:17:35 +00:00
`remote.getGlobal('process')` but is cached.