Beginning App Development
On this page
The BigCommerce team has developed an array of sample apps and tools to assist developers in the initial phase of app development. In this article, we’ll introduce those tools and go over how to begin app development by installing and registering a draft app.
Here’s a few things you’ll need before beginning app development:
- Store / Dev Sandbox (required to test app installation)
- Developer Portal Account (required to register apps)
- BigCommerce partnership (required to publish apps to marketplace)
Beginning with hello world
The fastest way to begin app development is by starting with one of our Hello World apps. Create and install an app in minutes with our Hello World Express example on CodeSandbox, or clone the starter for your preferred stack:
- Python / Flask (github)
- PHP / Silex (github)
- Ruby / Sinatra (github)
- Laravel / React (github)
- Node / FaunaDB / Nelify (github)
Testing locally with ngrok
npm install express-generator -g # install express generate express myapp # generate new express app cd myapp # move into app dir npm install ngrok # install ngrok npm install # install dependencies npm start # start app ngrok http 3000 # start ngrok
Registering a draft app
Once you’ve exposed an app to the internet, you can register a draft app in the Developer Portal using the app’s callback URLs. To do so:
Click Create an App.
Name your app.
Enter your app’s callback URLs. If you’re using ngrok, they’ll look like this:
Click Update & Close.
Click View Client ID to view the app’s
Installing a draft app
Draft apps are installable on stores owned by the same email as the Developer Portal account. Use the following steps to installLog into the store and navigate to Apps > My Apps > My Draft Apps and click the app to install the draft. Once you click Install, BigCommerce will begin the OAauth flow by making a
GET request to the app’s
/auth callback URL. If the app handles all the requests successfully, the app will be installed and you can begin feature development.
- Node API Client
- Python API Client
- PHP API Client
- Ruby API Client
- Ruby OmniAuth Gem
- Big Design Developer Playground
- Figma UI Kit
- Adobe Illustrator UI Kit