Skip to content

Instantly share code, notes, and snippets.

@zregvart

zregvart/README.md

Last active January 8, 2018 11:26
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save zregvart/21bb526d2c608b92d322e7c9ee4b3dfa to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save zregvart/21bb526d2c608b92d322e7c9ee4b3dfa to your computer and use it in GitHub Desktop.
Download ZIP
How I work on UI locally
Raw
README.md

Steps:

  1. Start PostgreSQL from docker

    $ docker run -d --rm -p 5432:5432 -e POSTGRES_USER=postgres -e POSTGRES_PASSWORD=password -e POSTGRES_DB=syndesis postgres

  2. Start Syndesis backend (I run io.syndesis.runtime.Application from IDE), with JVM options:

     -Dendpoints.test_support.enabled=true -Ddeployment.load-demo-data=false -Dencrypt.key=hello

  3. Start tinyproxy from a directory that has tinyproxy.conf (below)

    $ tinyproxy -d -c tinyproxy.conf

  4. Modify the $SYNDESIS/app/ui/src/config.json (sample config is in the repo) the apiEndpoint needs to point to tinyproxy (http://localhost:9090):

    "apiBase": "http://localhost:9090"

  5. Start the UI with from $SYNDESIS/app/ui

    $ yarn start

  6. Open the browser to https://localhost:4200 use Chrome and Developer Tools

  7. Place a debugger; statement in a .ts file as a first breakpoint to have somewhere to start debugging

Raw
tinyproxy.conf
Port 9090
ReverseOnly Yes
ReversePath "/" "http://localhost:8080/"
AddHeader "X-Forwarded-User" "developer"
AddHeader "X-Forwarded-Access-Token" "dummy-token"
MaxClients 100
MinSpareServers 5
MaxSpareServers 20
StartServers 10
MaxRequestsPerChild 0
PidFile "tinyproxy.pid"
LogFile "tinyproxy.log"
@KurtStam
Copy link

KurtStam commented Dec 21, 2017 •
edited
Loading

On OSX I had to install tiny proxy using:
brew install tinyproxy --with-reverse

My src/config.json starts with

  "apiEndpoint": "http://localhost:9090/api/v1",
  "mapperEndpoint": "http://localhost:9090/mapper/v1",

and I had to
npm rebuild node-sass

and in app/ui/package.json turn off ssl so that the rest calls go through.
"start": "yarn ng serve --ssl false

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment