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-03-26 15:20:31 +00:00
|
|
|
between the renderer process and the main process.
|
2014-05-10 03:51:25 +00:00
|
|
|
|
2015-05-22 02:32:59 +00:00
|
|
|
In Electron, only GUI-unrelated modules are available in the renderer process.
|
2015-03-26 15:20:31 +00:00
|
|
|
Without the `remote` module, users who wanted to call a main process API in
|
2014-05-10 03:51:25 +00:00
|
|
|
the renderer process would have to explicitly send inter-process messages
|
2015-03-26 15:20:31 +00:00
|
|
|
to the main process. With the `remote` module, users can invoke methods of
|
|
|
|
main process object without explicitly sending inter-process messages,
|
2014-05-10 03:51:25 +00:00
|
|
|
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');
|
|
|
|
```
|
|
|
|
|
2015-08-17 13:03:04 +00:00
|
|
|
Note: for the reverse (access renderer process from main process), you can use
|
|
|
|
[webContents.executeJavascript](browser-window.md#webcontents-executejavascript-code).
|
2015-06-06 11:38:00 +00:00
|
|
|
|
2013-12-30 14:06:33 +00:00
|
|
|
## Remote objects
|
|
|
|
|
2014-05-10 03:51:25 +00:00
|
|
|
Each object (including functions) returned by the `remote` module represents an
|
2015-03-26 15:20:31 +00:00
|
|
|
object in the main process (we call it a remote object or remote function).
|
2014-05-10 03:51:25 +00:00
|
|
|
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.
|
|
|
|
|
2014-05-10 03:51:25 +00:00
|
|
|
In the example above, both `BrowserWindow` and `win` were remote objects and
|
|
|
|
`new BrowserWindow` didn't create a `BrowserWindow` object in the renderer process.
|
2015-03-26 15:20:31 +00:00
|
|
|
Instead, it created a `BrowserWindow` object in the main process and returned the
|
2014-05-10 03:51:25 +00:00
|
|
|
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
|
|
|
|
|
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-03-26 15:20:31 +00:00
|
|
|
in the main process would never be released. When the remote object has been
|
|
|
|
garbage collected, the corresponding object in the main process would be
|
2013-12-30 14:06:33 +00:00
|
|
|
dereferenced.
|
2013-08-14 22:43:35 +00:00
|
|
|
|
2014-05-10 03:51:25 +00:00
|
|
|
If the remote object is leaked in renderer process (e.g. stored in a map but never
|
2015-03-26 15:20:31 +00:00
|
|
|
freed), the corresponding object in the main process would also be leaked,
|
2014-05-10 03:51:25 +00:00
|
|
|
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
|
|
|
|
2015-03-26 15:20:31 +00:00
|
|
|
## Passing callbacks to the main process
|
2013-08-14 22:43:35 +00:00
|
|
|
|
2015-08-27 16:10:02 +00:00
|
|
|
Code in the main process can accept callbacks from the renderer - for instance the `remote` module -
|
|
|
|
but you should be extremely careful when using this feature.
|
2013-08-14 22:43:35 +00:00
|
|
|
|
2015-03-26 15:20:31 +00:00
|
|
|
First, in order to avoid deadlocks, the callbacks passed to the main process
|
2015-08-27 16:10:02 +00:00
|
|
|
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-27 16:10:02 +00:00
|
|
|
For instance you can't use a function from the renderer process in a `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) {
|
|
|
|
return x + 1;
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
// 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]
|
|
|
|
```
|
|
|
|
|
|
|
|
As you can see, the renderer callback's synchronous return value was not as expected,
|
|
|
|
and didn't match the return value of an indentical callback that lives in the main process.
|
|
|
|
|
|
|
|
Second, the callbacks passed to the main process will persist until the
|
2015-03-26 15:20:31 +00:00
|
|
|
main process garbage-collects them.
|
2013-12-30 14:06:33 +00:00
|
|
|
|
2014-05-10 03:51:25 +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...
|
|
|
|
});
|
|
|
|
```
|
|
|
|
|
2015-08-27 16:10:02 +00:00
|
|
|
But remember the callback is referenced by the main process until you
|
|
|
|
explicitly uninstall it! If you do not, each time you reload your window the callback will
|
|
|
|
be installed again, leaking one callback each restart.
|
|
|
|
|
|
|
|
To make things worse, since the context of previously installed callbacks have been released,
|
|
|
|
when the `close` event was emitted exceptions would be raised in the main process.
|
2013-08-14 22:43:35 +00:00
|
|
|
|
2015-08-27 16:10:02 +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.
|
2013-08-14 22:43:35 +00:00
|
|
|
|
|
|
|
## remote.require(module)
|
|
|
|
|
|
|
|
* `module` String
|
|
|
|
|
2015-03-26 15:20:31 +00:00
|
|
|
Returns the object returned by `require(module)` in the main process.
|
2013-08-14 22:43:35 +00:00
|
|
|
|
|
|
|
## remote.getCurrentWindow()
|
|
|
|
|
2015-01-21 21:47:28 +00:00
|
|
|
Returns the [BrowserWindow](browser-window.md) object which this web page
|
|
|
|
belongs to.
|
2013-08-14 22:43:35 +00:00
|
|
|
|
2015-07-03 02:58:31 +00:00
|
|
|
## remote.getCurrentWebContents()
|
2015-05-11 06:05:20 +00:00
|
|
|
|
|
|
|
Returns the WebContents object of this web page.
|
|
|
|
|
2013-08-14 22:43:35 +00:00
|
|
|
## remote.getGlobal(name)
|
|
|
|
|
|
|
|
* `name` String
|
|
|
|
|
2015-03-26 15:20:31 +00:00
|
|
|
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
|
|
|
|
|
|
|
## remote.process
|
|
|
|
|
2015-03-26 15:20:31 +00:00
|
|
|
Returns the `process` object in the main process. This is the same as
|
2014-05-10 03:51:25 +00:00
|
|
|
`remote.getGlobal('process')`, but gets cached.
|