Please note: due to our complex development and SSR setup, the features of browsersync & weinre that can be used are limited. Specifically, live code updating will not work, and it is likely that form inputs will not sync between devices. For a more elaborate description of the limitations, please see the discussion in ticket SWO-5421.

There is an issue with running weinre locally which can be mitigated by installing globally As a one time step, please run npm install weinre -g before continuing

Running Browsersync

1. Open a separate console and run yarn debugger {YOUR_IP_ADDRESS}, this will run browsersync and weinre servers

   We will now guess your IP if you dont provide one and automativally bind your host. The script will give you 2 links:

   running weinre on http://10.1.3.95:9000
   running browsersync on http://10.1.3.95:3101/
   

   and finally

   Now open up your service on this and the target machine with /devices/enable?host=10.1.3.95
   

2. Run a development server for any of the microservices (e.g. yarn dev:member)

3. On the host machine & target machine

   Navigate to http://10.1.3.95:{SERVICE PORT}/devices/enable?host=YOUR_IP

   refresh both the browsers, they should now be 'synced' and will display a message breifly (top right)

4. open Weinre or Browsersync depending on needs

Happy bugging