IDE Setup

Setting up of the development environment

We are using for the TypeScript development VS Code or IntelliJ IDEA.

1. Open three terminal windows

   1. firebase login to the jh@jobelhome.com account

   2. firebase use dev Specify the Firebase environment you want to use [jh@jobelhome.com]

   3. yarn emulate - Start Firebase emulator with Firestore and Cloud Functions

   4. yarn start:win - Start React localhost on windows

   5. yarn start:mac - Start React localhost on mac

   6. yarn watch - Start live conversion from Typescript into JavaScript

   7. windows: yarn initConfig - Import the config data to the database, wait with this until the emulator setup is complete (1.st step)

   8. mac: cd functions --> yarn initConfig:emu

2. Call the refreshBooking Cloud Function to download the booking data : http://127.0.0.1:5001/jobelhome-test/europe-west1/refreshBooking

• 1. Go to a random booking in your local Firestore and copy a bookingId: bookings ➡️ bookings ➡️ random id

  2. Call redirectToRegistration Cloud Function with bookingId http://127.0.0.1:5001/jobelhome-test/europe-west1/redirectToRegistration?bookingId=#your booking id

  3. This will redirect you to the website if successful with the necessary data

  4. To call the registrate function click on the submit button

  5. To view the Cloud Function logs open the Firebase Emulator UI 

3. http://127.0.0.1:4000/logs

Postman API-Testing

For API test we are using Postman. To log in please us the jh@jobelhome.com Google account and choose the Google authentication. (use a separated Chrome profile!!!)

Go to Postman ...

Debugging

In order to debug a cloud function or any other logics in the Webstorm, do the following:

1. Run the emulator with debug mode ($ yarn debug)

2. You should see something like this in the logs => (Debugger listening on ws://127.0.0.1:9229/20b7a32e-5912-43bc-a26a-aac8a0e16a6d)

3. In the Webstorm IDE, open Run Configurations

4. Click + button.

5. Add "Attach to Node.js/Chrome"

6. Set the Host and Port (as printed in the log)

7. Click on the OK button

8. Put a breakpoint on the line that you want to debug

9. Run the configuration with Debug (the bug icon next to run)

10. Call the logic that you want to debug, it should stop where the breakpoint is placed