Trid - City Guide Document
  • Trid - City Guide Document
  • 1. Create Backend (Firebase)
  • 2. Setting up the iOS app
  • 2.1. Setup multi languages
  • 3. Setting up the Android app
  • 4. Setting up the Admin Site
  • 5. Admin Site Guide
  • 6. Config In - App Purchase
  • 7. Weather API
  • FAQ's
  • Demo
  • Resource Credits
  • Changelog
Powered by GitBook
On this page
  • Setting up the Admin Site
  • Create an admin account

4. Setting up the Admin Site

To manage (create, edit, delete, sort..) country, cities, categories, places, banner ad, users…you need to deploy the Admin Site Code on Trid package to Firebase Hosting that you're created in Step 1.

Previous3. Setting up the Android appNext5. Admin Site Guide

Last updated 6 years ago

Setting up the Admin Site

Before you can install the Firebase CLI, you will need to on your machine. Once you've installed Node.js, you can install the Firebase CLI using npm (the Node Package Manager).

Install Firebase CLI

  1. Open Terminal (MacOS, Linux) or Command line (windows). Enter bellow command:

$ npm install -g firebase-tools

2. You should now have a globally available firebase command available from any terminal window on your machine. Once you've installed the Firebase CLI, sign in using your Google account:

$ firebase login

3. After purchase and download Trip package. You can Rename and Unzip it everywhere on your computer. cd to Admin Site folder in Trid Package Folder.

4. Init Admin Site. 

firebase init

5. Use "Arrow down" and "Space" key to choose Hosting. Then "Enter".

6. Use "Arrow down" to select Your Project that created in Firebase

7. Enter > Enter > Enter

A file firebase.json created in Admin Site folder

8. Now. Open terminal and cd to Admin folder in Admin Site folder and "npm install"

Click + Add App button

10. Choose "Add Firebase to your web app"

11. Copy this statement

Importion: Don't need copy <script src="https://www.gstatic.com/firebasejs/5.6.0/firesbase.js></script>The Trid Admin Site still using firebase version 3.3.0. We will update it soon.

12. Open Admin site/public/admin/index.html

12. Select statement and paste

13. Ok. The last step. DEPLOY

cd to Admin Site folder. Write into command line: firebase deploy --only hosting

And waiting......

DONE. You deploy complete!

Go to hosting Url + /admin in the browser.

You can see Login admin site:

Important: To login to Admin Site. You need create an admin account.

Create an admin account

  1. Run your iOS or Android app that you was setting in Step 1 or Step 2

  2. In the App. Go to Sign Up and create an account here:

3. After create an account. Go to the Firebase Console ---> Database ---> Realtime Database

4. Open Users Table, you can see the account created in here.

5. In row isAdmin, set is True

Now, you can open the admin site and login with this admin account.

Done. Good luck :)

The command creates a firebase.json configuration file in the root of your project directory.

9. Come back Firebase console:

Ex:

You can see guide for import sample data in here:

firebase init
https://console.firebase.google.com
https://name-firebase-project.firebaseapp.com/admin/
https://leaestudio.gitbook.io/city-guide-document/1.-create-backend-firebase#import-trid-sample-data
install Node.js
https://firebase.google.com/docs/cli/
WELL DONE!
Add more app
Deploy Complete
Admin Site Login
Admin Site Manager