Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/robingenz/capacitor-firebase-plugin-demo
⚡️ Simple Ionic Angular app to demonstrate the use of certain Capacitor Firebase plugins.
https://github.com/robingenz/capacitor-firebase-plugin-demo
Last synced: about 1 month ago
JSON representation
⚡️ Simple Ionic Angular app to demonstrate the use of certain Capacitor Firebase plugins.
- Host: GitHub
- URL: https://github.com/robingenz/capacitor-firebase-plugin-demo
- Owner: robingenz
- License: mit
- Created: 2021-09-16T20:12:46.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2024-06-24T18:59:49.000Z (6 months ago)
- Last Synced: 2024-11-01T22:50:43.169Z (about 1 month ago)
- Language: TypeScript
- Homepage:
- Size: 16.7 MB
- Stars: 13
- Watchers: 5
- Forks: 7
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-capacitorjs - capacitor-firebase-plugin-demo - Simple Ionic Angular app to demonstrate the use of certain Capacitor Firebase plugins. (Demo Apps / Community Plugins)
- awesome-capacitor - capacitor-firebase-plugin-demo - Simple Ionic Angular app to demonstrate the use of certain Capacitor Firebase plugins. (Demo apps / Case study)
README
# capacitor-firebase-plugin-demo
[](https://github.com/robingenz/capacitor-firebase-plugin-demo/actions)
⚡️ Simple Ionic Angular app to demonstrate the use of certain Capacitor plugins.
## Plugins
The following plugins are included:
- [capacitor-firebase/analytics](https://github.com/capawesome-team/capacitor-firebase)
- [capacitor-firebase/app](https://github.com/capawesome-team/capacitor-firebase)
- [capacitor-firebase/app-check](https://github.com/capawesome-team/capacitor-firebase)
- [capacitor-firebase/crashlytics](https://github.com/capawesome-team/capacitor-firebase)
- [capacitor-firebase/messaging](https://github.com/capawesome-team/capacitor-firebase)
- [capacitor-firebase/performance](https://github.com/capawesome-team/capacitor-firebase)
## Development Setup 💻
### Prerequisites
- Install [Node.js](https://nodejs.org) which includes [Node Package Manager](https://www.npmjs.com/get-npm)
- Android development: Install [Android Studio](https://developer.android.com/studio)
- iOS development: Install [XCode](https://apps.apple.com/de/app/xcode/id497799835?mt=12)
### Getting Started
Clone this repository:
```
git clone https://github.com/robingenz/capacitor-firebase-plugin-demo.git
```
Change to the root directory of the project:
```
cd capacitor-firebase-plugin-demo
```
Install all dependencies:
```
npm i
```
On **Android** and **iOS**, add a Firebase configuration file ([Android](https://github.com/capawesome-team/capacitor-firebase/blob/main/docs/firebase-setup.md#add-a-firebase-configuration-file) / [iOS](https://github.com/capawesome-team/capacitor-firebase/blob/main/docs/firebase-setup.md#add-a-firebase-configuration-file-1)).
On the **Web**, you need to update the `src/environment/environment.ts` and `src/environment/environment.prod.ts` files with your config values from the Firebase Console.
Prepare and launch the Android app:
```
npx ionic cap sync android
npx ionic cap run android
```
Prepare and launch the iOS app:
```
npx ionic cap sync ios
npx ionic cap run ios
```
This project uses [Ionic](https://ionicframework.com/) as app development platform and the [Ionic CLI](https://ionicframework.com/docs/cli).
## License
See [LICENSE](https://github.com/robingenz/capacitor-firebase-plugin-demo/blob/main/LICENSE).