The flying-disc project is a template for a dynamic Android/iOS app for a chapter's GDG DevFest. It pulls data from the Google+ API and utilizes Firebase, Ionic Framework, and Cordova.
-
Ensure you have Ionic installed (and are using the latest version)
-
Create a Firebase account, create a new app, and setup Firebase auth for the social logins
- Google+
- GitHub
-
Create Google Cloud project for API key
- Can use the same project created when setting up Google+ login in step 2
-
Create a new Ionic project
ionic start devfest sidemenu
-
Replace the /www folder with the /www folder from this project.
-
Update GDG branding and Firebase project ID
-
Update GDG branding in
/js/config.js
-
Update Firebase project ID in
/js/app.js
-
-
Add required plugins:
-
Add the InAppBrowser plugin (needed for Facebook OAuth on device)
cordova plugin add cordova-plugin-inappbrowser
-
Add the dialogs plugin (for native style alert dialogs)
cordova plugin add cordova-plugin-dialogs
-
Add the status bar plugin (to fix iOS status bar & app header issue)
cordova plugin add cordova-plugin-statusbar
-
Add the toast plugin (for native style toast notifications)
ionic plugin add https://github.com/EddyVerbruggen/Toast-PhoneGap-Plugin
-
Add the social sharing plugin (for device's native sharing options)
ionic plugin add https://github.com/EddyVerbruggen/SocialSharing-PhoneGap-Plugin/
-
Add the calendar plugin (for device's native calendar access)
ionic plugin add https://github.com/EddyVerbruggen/Calendar-PhoneGap-Plugin.git
-
Add the Ionic User service
ionic add ionic-platform-web-client ionic io init
-
Add the Ionic Analytics service (only if not including User service above)
ionic add ionic-platform-web-client ionic io init
-
Add the Ionic Analytics service
ionic add ionic-platform-web-client ionic plugin add phonegap-plugin-push ionic io init
-
-
Add desired platforms (NOTE: you can only
add ios
if on a Mac)ionic platform add ios ionic platform add android
-
Test in an emulator (NOTE: you can only
emulate ios
if on a Mac)sudo npm install -g ios-sim cordova emulate ios cordova emulate android
-
Run on desired platform (NOTE: you can only
run ios
if on a Mac)ionic build ios ionic run ios ionic build android ionic run android