ForceServer is a simple development server aimed at providing a simple and integrated developer experience when building applications that use Salesforce OAuth and REST services. ForceServer provides two main features:
- A Proxy Server to avoid cross-domain policy issues when invoking Salesforce REST services. (The Chatter API supports CORS, but other APIs don’t yet)
- A Local Web Server to (1) serve the OAuth callback URL defined in your Connected App, and (2) serve the whole app during development and avoid cross-domain policy issues when loading files (for example, templates) from the local file system.
Open a command prompt and type:
npm install -g force-server
or (Unix-based systems)
sudo npm install -g force-server
Create a file named index.html anywhere on you file system:
<html>
<body>
<ul id="list"></ul>
<script src="http://ccoenraets.github.io/forcejs/force.js"></script>
<script>
force.login(function() {
force.query('select id, Name from contact LIMIT 50', function (response) {
var str = '';
for (var i = 0; i < response.records.length; i++) {
str += '<li>' + response.records[i].Name + '</li>';
}
document.getElementById('list').innerHTML = str;
});
});
</script>
</body>
</html>
Code Highlights:
- The sample application above uses the ForceJS library. ForceJS and ForceServer are built to work closely together and provide an integrated developer experience.
- ForceJS uses a default connected app: No need to create a connected app to start development. You should however create your own connected app for production use.
- ForceServer automatically serves the OAuth callback URL: No need to create a callback HTML page during development.
This version is edited - it resolves issues with token refreshing and adds support for Form Data (file upload as well) for localhost.
Navigate to the directory where you created index.html, and type:
force-server
This command will start the server on port 8200, and automatically load your app (http://localhost:8200) in a browser window. You'll see the Salesforce login window, and the list of contacts will appear after you log in.
You can change the port number and the web root. Type the following command for more info:
force-server --help
To uninstall the CLI:
npm -g rm force-server
or
sudo npm -g rm force-server
ForceServer is CORS-enabled. Instead of running it locally as a development server, you can deploy it to Heroku as your Proxy Server. Click the button below to deploy ForceServer to Heroku:
To use the Proxy Server deployed to Heroku, call the force.init() function before force.login() and specify your Proxy URL. For example, if the Heroku app you just created is myproxy:
force.init({
proxyURL: 'https://myproxy.herokuapp.com'
});