Ionic 5 Full Starter App
  • Enappd Apps
  • Ionic 5 Full App
    • What is Ionic 5 Full App?
    • Template Features
    • Initial Setup
      • Environment Configuration
      • Credentials
    • Running the app
    • Deploying app as PWA
    • Building App on device
    • How to use this template?
      • Copy a module to another app
      • Shared Component & Modules
      • Map Service
    • Beginner Pack Features
      • Firebase
      • Layouts
      • Sidemenus
      • Login and Signups
      • Chat screens
      • Chat Lists
      • Video Playlists
      • Grids and Lists Layouts
    • Startup Pack Features
      • Wordpress
        • Wordpress JSON API Basics
        • Wordpress in Ionic 5 Full App
      • Translation - Multi-language
      • Using Custom Fonts
      • Infinite scroll
      • Content Loaders
      • Pull to refresh
      • List re-ordering
      • Date Pickers
    • Pro Pack Features
      • Phaser Game Framework
      • AdMob Integration
        • AdMob Introduction
        • Setting up Google Admob
        • Integration
      • Social Sharing
      • QR and Barcode Scanning
      • Google Places
      • Google Autocomplete
      • Social Logins
        • Google Login
        • Facebook Login
        • Twitter Login
      • Woo-commerce Integration
    • Removing a Page / Component
    • Removing a plugin
    • FAQs
    • Changelog
    • Troubleshoot
Powered by GitBook
On this page

Was this helpful?

  1. Ionic 5 Full App
  2. Initial Setup

Credentials

Which credentials do you need to run the app starter features properly

Ionic Full App starter contains several features which depends on personal credentials of some online service. Some of these credentials are included in the source code for demo purpose, and some of these are removed for confidentiality purpose.

Here's a list and explanation of the credentials you will need to properly run every feature of Ionic Full App

Login / Authentication

  1. Facebook login - You will need to create an app on developer.facebook.com. Then replace the app_id in the starter to allow users to log in to your own app. Rest of the process remains same. Find more details in our blog - Facebook login in Ionic apps

  2. Google login - You will need to create an app on Google cloud/Firebase. Then replace the credentials (google-services.json) in the starter to allow users to log in to your own app. Rest of the process remains same. Find more details in our blog - Google login in Ionic apps

  3. Twitter login - You will need to create an app on Twitter / Fabric. Then replace the credentials in the starter to allow users to log in to your own app. Rest of the process remains same. Find more details in our blog - Twitter login in Ionic apps

Maps

You will need your own Google Maps API Key to implement any map features. Since this API is now paid, we do not recommend using any random API Key.

Follow the official instructions to get Google Maps API Key.

Firebase

Firebase provides email authentication, signup, database, CRUD operation, storage and much more. You will need to create a Firebase project, and use the credentials in the app. These credentials are used in environment.ts file.

For more details, read our blogs related to Firebase

  • Email auth in Firebase

  • Anonymous login in Firebase

  • Connect Firebase to Ionic app

  • Hosting and DB connection in Firebase

AdMob

To create your own ads, and to get the reward for the ad clicks, you need to create your own AdMob project and attach the credentials in the app. Current credentials in the Ionic Full App starter are demo IDs and WILL NOT work in a production app.

You can read more about creating AdMob project and credentials in our blog - AdMob for Ionic Capacitor apps (You can ignore the Capacitor part of the blog, as the Full App is built on Cordova)

Payment Gateways

  1. Stripe - You need to create a Stripe account, get credentials and replace them in the source code. Current credentials are test credentials, and WILL NOT work in a production app. For more details, read our blogs

    • Stripe integration in Ionic apps using Firebase

    • Stripe integration in Ionic apps using Node, Express server

  2. PayPal - You need to create a PayPal account, get credentials and replace them in the source code. Current credentials are test credentials, and WILL NOT work in a production app. For more details, read our blog - PayPal integration in Ionic apps

PayPal has recently changed the mobile SDK, and now recommends using Braintree integration. We are working on publishing a post for the same

3. Apple Pay - Read more about Apple Pay in our blog - Apple Pay in Ionic apps

Wordpress and WooCommerce

The Ionic Full app starter features fully functional WooCommerce and blog fetching from Wordpress. To attach these features to your own app, you will need to create your own Wordpress (/Woocommerce enabled) website, and attach those credentials in the source code.

If you keep using our demo credentials for WooCommerce, you won't be able to attach it to your own e-commerce store. For details, check our blogs

  • Wordpress in Ionic

  • WooCommerce in Ionic

Developer License

If you plan to build a production app out of this app starter, you will need a developer license. Both Android ($25 lifetime) and iOS ($99 per year) have their own developer licenses. You need to register to Google Play and Apple App store before you can publish any app on these.

PreviousEnvironment ConfigurationNextRunning the app

Last updated 3 years ago

Was this helpful?