auth0 package

class: middle, center

## auth0 package

## .gray[secure*] .deep-orange[authentication in shiny apps]

</a>

## .blue[satRday]

### Insper .red[(] São Paulo, 2019
---
class: shuriken-100

.blade1.bg-cyan[
# What?
]

.hole.center[

# now you can do this!

<img src="img/hello.png" width="100%" style="display: block; margin: auto;" />
]

.blade3.bg-light-blue.yellow.center[
## https: //github.com/curso-r/auth0
]

---
class: split-three, center

.row.left[

# Why?

.center[
## Connect using MANY providers
]

.pull-left[
<img src="img/social.png" width="80%" style="display: block; margin: auto;" />
]

.pull-right[
<img src="img/enterprise.png" width="70%" style="display: block; margin: auto;" />
]

]

.row.middle[
##     
]

.row[
##  
]

---
class: split-three, center

.row.left[

# Why?

.center[
## Connect using MANY providers
]

.pull-left[
<img src="img/social.png" width="80%" style="display: block; margin: auto;" />
]

.pull-right[
<img src="img/enterprise.png" width="70%" style="display: block; margin: auto;" />
]

]

.row.middle[
##     
]

.row.bg-lime.black[
 
 
## FREE (mium)
]

---
class: split-one

.left[
# How?
]

## Use `app.R`

```r
library(shiny)
library(auth0)

ui <- fluidPage(
 h1("Olar"), 
 logoutButton("tchau")
)

server <- function(input, output, session) { }

*shinyAppAuth0(ui, server) ## only difference
```

---
class: split-one

.left[
# How?
]

## Use `app.R`

```r
library(shiny)
library(auth0)

ui <- fluidPage(
 h1("Olar"), 
 logoutButton("tchau")
)

server <- function(input, output, session) { }

*shinyAppAuth0(ui, server) ## only difference
```

---

# Really, just that?

.right-column[
No :/

### Create Auth0 account

### Create new Auth0 Application

### Fill connection info in `_auth0.yml` file

.left[

```r
name: myApp
shiny_config:
 local_url: http://localhost:8100
 remote_url: https://johndoe.shinyapps.io/myapp
auth0_config:
 api_url: https://<USERNAME>.auth0.com
 credentials:
 key: <CLIENT ID>
 secret: <CLIENT SECRET> 
```

]
]

.left-column[

]

---

# Really, just that?

.right-column[
No :/

### Create Auth0 account

### Create new Auth0 Application

### Fill connection info in `_auth0.yml` file

.left[

]
]

.left-column[

]

---
class: split-four

.row.bg-cyan.middle.left[
# .white[More?]

.center[
## `logoutButton()`

#### log out button

]
]

.row.bg-light-blue.center[
 
## `session$userData$auth0_info`

#### Capture user info
]

.row.bg-cyan.center[
 
## `use_auth0()`

#### Create `_auth0.yml` file
]

.row.bg-light-blue.center[
 
## `auth0_ui()` and `auth0_server()`

#### to use with `ui.R` and `server.R` framework
]

---
# Examples

---
# Examples

---
class: center split-three

.row.bg-white.left[
# Do you need help?

]

.row.bg-lime[
 
 
# Make **bookmarking** work well

]

.row.bg-green[
 
 
# Implement Auth0's user .yellow[**API**]
]

---
class: center split-four

.row.bg-pink.left[

# .yellow[Where?]
.center[
### .white[**CRAN**]

```r
install.packages("auth0")
```

]
]

.row.bg-purple[
 
### .white[**GitHub**]

```r
remotes::install_github("curso-r/auth0")
```
]

.row.bg-pink[
 
### .white[**Issues**]

```r
https://github.com/curso-r/auth0/issues
```

]

.row.bg-purple[
 
### .white[**Site**]

```r
https://curso-r.github.io/auth0
```
]

---

# Security

## I'm not a security expert!

---

# Security

## I'm not a security expert!

---

# Security

## I'm not a security expert!

---
class: center middle

# Stalk us

.pull-left[

### .red[Julio Trecenti] ([@jtrecenti](https://github.com/jtrecenti), cre)

### Curso-R team ([@curso-r](https://github.com/curso-r), aut)

]

.pull-right[

### Dean Attali ([@daattali](https://github.com/daattali), ctb)

### José Jesus ([@jjesusfilho](https://github.com/jjesusfilho), ctb)

]