MarkEdmondson1234
commented
4 years ago I don't know the root cause, but I deployed the app.R above in a Docker container and it did load the JS script correctly, can you see if the below configuration solves your issue?
Folder:
|
|- app.R
|- Dockerfile
|- client.jsonapp.R
library(shiny)
library(searchConsoleR)
library(googleAuthR)
options(googleAuthR.verbose = 2)
gar_set_client(web_json = "client.json",
scopes = "https://www.googleapis.com/auth/webmasters")
ui <- fluidPage(
googleAuth_jsUI('auth', login_text = 'Login to Google'),
tableOutput("sc_accounts")
)
server <- function(input, output, session) {
auth <- callModule(googleAuth_js, "auth")
# debug
observe(print(googleAuth_jsUI('auth', login_text = 'Login to Google')))
sc_accounts <- reactive({
req(auth())
with_shiny(
list_websites,
shiny_access_token = auth()
)
})
output$sc_accounts <- renderTable({
sc_accounts()
})
}
shinyApp(ui = ui, server = server)Dockerfile
FROM rocker/shiny
# install R package dependencies
RUN apt-get update && apt-get install -y \
libcurl4-openssl-dev libssl-dev \
## clean up
&& apt-get clean \
&& rm -rf /var/lib/apt/lists/ \
&& rm -rf /tmp/downloaded_packages/ /tmp/*.rds
## Install packages from CRAN
RUN install2.r --error \
-r 'http://cran.rstudio.com' \
googleAuthR searchConsoleR
COPY client.json /srv/shiny-server/client.json
COPY app.R /srv/shiny-server/app.R
EXPOSE 8080
USER shiny
# avoid s6 initialization
# see https://github.com/rocker-org/shiny/issues/79
CMD ["/usr/bin/shiny-server"]The client.json was a web client json from my project:
{"web":{"client_id":"10XXX","project_id":"XXXX","auth_uri":"https://accounts.google.com/o/oauth2/auth","token_uri":"https://accounts.google.com/o/oauth2/token","auth_provider_x509_cert_url":"https://www.googleapis.com/oauth2/v1/certs","client_secret":"XXXXX","redirect_uris":["http://localhost"],"javascript_origins":["https://www.example.com","http://localhost:1221"]}}I needed to add the domain of my URL where the docker file was running to the JavaScript origins in the GCP console.
This ran and populated the JS button, HTML source of app:
<body>
<div class="container-fluid">
<script src="https://apis.google.com/js/auth.js"></script>
<button id="auth-login" onclick="auth();" class="btn btn-primary">Login to Google</button>
<button id="auth-logout" onclick="out();" class="btn btn-danger">Log Out</button>
<script type="text/javascript">var authorizeButton = document.getElementById('auth-login');var signoutButton = document.getElementById('auth-logout');signoutButton.style.display = 'none';function auth() {var config = {'client_id': 'XXXX.apps.googleusercontent.com','scope': 'https://www.googleapis.com/auth/webmasters' , 'prompt':'consent'};gapi.auth.authorize(config, function() {token = gapi.auth.getToken();console.log('login complete');Shiny.onInputChange('auth-js_auth_access_token', token.access_token);Shiny.onInputChange('auth-js_auth_token_type', token.token_type);Shiny.onInputChange('auth-js_auth_expires_in', token.expires_in);authorizeButton.style.display = 'none';signoutButton.style.display = 'block';});}function out(){gapi.auth.signOut();location.reload();}</script>
<div id="sc_accounts" class="shiny-html-output"></div>
</div>
</body>
</html>
domsle
What goes wrong
A Shiny app that authenticates using googleAuth_jsUI works in RStudio Server, does not allow to autenticate when build into Docker image, and then run either directly from Docker or Shiny Proxy, or Shiny Server (here we will focus only on direct Docker).
Steps to reproduce the problem
Create and run the following app:
This application requires to have a json file in auth/analytics.json. This, RStudio Server version can be run from RStudio, or from docker with this Dockerfile:
Then, build it in console with:
docker build -t image_tag .And run at port 4000 with:docker run -p 4000:3838 image_tagExpected output
Note that while all this little thingie does is print your Google Console websites in console, the problem appears way earlier - the application running in RStudio Server shows only the login button:
After clicking and authentication, it will print a list of websites to console.
The console output, apart from the list (as I have an observe print on the button:
Actual output
Instead of one login button, there are shown both images at the same time:
Console Output:
After clicking the Login button this error appears:
Which is caused by the empty script in selected line:
In the correct website there is a full script in this line:
This code appears to not be able to import JavaScript function here. I have also tried putting the .js file in the app directly in js folder, and this did not work.
Session Info
Server:
Docker: