QBO UI Plugin Development

These are instructions for getting started with QBO plugin development. Plugins are iFrames that you can insert into various places inside QBO.

Power Point Presentation

Getting started with local development

  1. Fork this repo and rename it to the name of your plugin.

  2. Clone the repo to your local machine

  3. Open the server.crt file in the sslcert folder and add it to your keychain/trusted cert store (this will allow you to run your browser with full security turned on)

  4. Add the following to your hosts file (/etc/hosts on *nix)

     127.0.0.1 localhost.intuit.com
    
  5. Edit package.json and replace "Starter Plugin" with your own plugin name and repository location

  6. Run "npm install"

  7. Run "grunt dev" for development on https://localhost.intuit.com:34212

  8. A QBO Developer Sandbox account is recommended. Go to https://developer.intuit.com to get your free account.

  9. After you create and log into your free sandbox account, go to this link https://sandbox.qbo.intuit.com/app/plugins/qbodeveloper

  10. Click "Install" to install the qbo developer plugin

  11. Visit the "Gear" menu and click "Company Settings". Find the Developer tab.

  12. Add a new plugin with your own name (e.g. mycoolplugin). Notice it is marked "local storage". This means it will be configured on just your browser in its local storage.

  13. Refresh the browser so it will load your configuration.

  14. The example plugin overrides the Customers tab, so click the customers tab to see it. You may also access it from the Gear menu.

Access Points

There are several places in QBO where you can create access points for your plugin (places where users can navigate to your plugin). To configure these, you edit the config.json file in your starter plugin. There are plenty of samples in that file.