adobe / adobe/aio-cli-plugin-app

linux: aio app run --local testing in the browser issue

Open
#311 3 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
28
Forks
41
Avg merge
1d 2h
Merged PRs (30d)
3

Description

See related: #327

## Environment

Ubuntu Linux 20.04
Google Chrome 86
aio-cli 5.0.1

## Description

The url to go in the browser is:
```
To view your local application:
-> https://localhost:9080
To view your deployed application in the Experience Cloud shell:
-> https://experience.adobe.com/?devMode=true#/custom-apps/?localDevUrl=https://localhost:9080
```
However, by going to `https://localhost:9080` and trying to run an action in the browser, you will get an `insecure mixed content` error in the developer console, which prevents the browser from connecting to the Openwhisk server at `http://172.2.10.1:3232` (note the `http`). (IP address as an example: under Linux you need an IP address to access the Openwhisk server via the Docker image)

The workaround is to disable the block on `Insecure Content` for the site. Click on the lock icon in the URL bar for Chrome, select `Site Settings`, then scroll to the `Insecure Content` item. Select `Allow`, then reload the page.

The reason `mixed content` works for `localhost` is because Chrome allows it, this may change in the future.

# References
Why we can't access Openwhisk in Docker as localhost https://github.com/adobe/aio-lib-web/issues/87

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.