Skip to content

hermwong/phonegap-app-stockpile

 
 

Repository files navigation

Stockpile

n. - A storage pile accumulated for future use

A PhoneGap example app using Vue.js, Framework7 (with Vue.js bindings) and the Adobe Stock API.

Stockpile Icon

Previewing the app

Requirements

  • PhoneGap CLI: npm install -g phonegap
  • Adobe Stock API key
    • TODO: Add Adobe Stock registration instructions

Getting an Adobe Stock API key

  1. Start by visiting the Adobe I/O Console Integrations.
  2. Click "New Integration", then choose "Access an API" --Continue
  3. Next choose "Adobe Stock" and "OAuth Integration" below that -- Continue
  4. Choose "New integration" -- Continue
  5. Give your integration a name like "Stockpile" and a Description like "A test Adobe Stock integration with a PhoneGap app"
  6. Choose Web as the platform
  7. The Default redirect URI part is not used by this app, so put in any URL (preferably your own). I have used "https://phonegap.com" and "https://phonegap\.com" for the Redirect URI pattern.
  8. Prove you are not a robot, then click the Create integration button
  9. Your integration has been created. Click "Continue to integration details" to get your API key
  10. Your API key will be under "API Key (Client ID)" on the left. You'll need to use that instead of the dummy key in src/utils/config.js

Clone

git clone https://github.com/phonegap/phonegap-app-stockpile
cd phonegap-app-stockpile
npm install
npm run build
phonegap serve

Another option, for rapid developing in the browser, instead of npm run build and phonegap serve, you can also use

npm run dev

...which will run a hot reloading server and start up the browser at http://localhost:8080. This will also allow use of the Vue.js development extension in Chrome

Template

((NOTE: This uses the npm package that has not been updated to use Vue.js))

Alternatively, you can use the app as a template for the PhoneGap CLI:

phonegap create Stockpile --template phonegap-app-stockpile
cd Stockpile
phonegap serve

View

You can now view the app either in a browser atlocalhost:3000, or using the PhoneGap Developer App on your device(s).

Of course, all the other PhoneGap CLI commands work as expected.

phonegap platform add ios
phonegap run ios
cordova platform add android
cordova run android --device

etc...

About

n. - A storage pile accumulated for future use

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 61.4%
  • Vue 33.5%
  • HTML 5.1%