Skip to content

Sample integration project between Salesforce and a React.js application

License

Notifications You must be signed in to change notification settings

pozil/salesforce-react-integration

Repository files navigation

Salesforce React integration

About

Sample integration project between Salesforce and a React application.

This app demonstrates the following concepts:

  • using JSforce as a Salesforce client
    • authenticating with OAuth 2.0 (login, logout, retrieving session info)
    • using the REST API to run a SOQL query
  • using the Lightning Design System (LDS) in a React application (all the CSS and icons of this app are provided by LDS)

The source code of this app is structured in the following way:

  • the client directory holds the React app
  • the server directory holds the node.js app that acts as a middleware with the Salesforce Platform

If you are building a React app with LDS, consider using the React LDS base components.

Installation

  1. Create a Connected App in Salesforce.

  2. Create a .env file in the root directory of this project and add this content (make sure to replace the values):

    loginUrl='https://login.salesforce.com'
    callbackUrl='http://localhost:8080/auth/callback'
    consumerKey='YOUR_CLIENT_KEY'
    consumerSecret='YOUR_CLIENT_SECRET'
    apiVersion='53.0'
    
    isHttps='false'
    sessionSecretKey='A_SECRET_STRING'
    
  3. Run npm run build to build the app.

  4. Run npm start to start the app.

Screenshots

Login screen Main screen