auth0-angular-samples/quickstart/quickstart-login.yaml at 4dcc9d0dd32ff30792bca7cf2967784dd54bf3f6 · auth0-samples/auth0-angular-samples · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
appType: 'spa'
technology: 'angular'
technologyLabel: 'Angular'
sdkVersion: &sdkVersion '2.x'
defaultAppOrigin:
  scheme: &appScheme 'http'
  domain: &appDomain 'localhost'
  port: &port 4200
outputFolderName: &outputFolderName 'auth0-angular-samples'
callbackPath: '/'
logoutPath: '/'

inputs:
  auth0Domain:
  auth0ClientId:
  port:
    default: *port
  appDomain:
    default: *appDomain
  appScheme:
    default: *appScheme

placeholders:
  '%GIT_REMOTE%':
    environmentKey: 'gitRemote'
  '%GIT_BRANCH%':
    environmentKey: 'gitBranch'
  '%DOWNLOAD_URL%':
    environmentKey: 'downloadUrl'
  '%FOLDER_NAME%': *outputFolderName
  '%PORT%':
    inputKey: 'port'
  '%AUTH0_DOMAIN%':
    inputKey: 'auth0Domain'
  '%AUTH0_CLIENT_ID%':
    inputKey: 'auth0ClientId'
  '%SDK_VERSION%': *sdkVersion
  '%APP_DOMAIN%':
    inputKey: 'appDomain'
  '%APP_SCHEME%':
    inputKey: 'appScheme'
  'window.AUTH0_DOMAIN':
    inputKey: 'auth0Domain'
    prefix: '"'
    suffix: '"'
  'window.AUTH0_CLIENT_ID':
    inputKey: 'auth0ClientId'
    prefix: '"'
    suffix: '"'

snippets:
  get-app: &getApp
    source: 'quickstart/scripts/get-app.sh'
    language: 'bash'
  configure-and-start: &configureAndStart
    source: 'quickstart/scripts/configure-and-start.sh'
    language: 'bash'
  install-auth0: &installAuth0
    source: 'quickstart/scripts/install-auth0.sh'
    language: 'bash'
  app-config-ts: &appConfigTs
    source: 'src/app/app.config.ts'
    language: 'typescript'
  app-ts: &appTs
    source: 'src/app/app.ts'
    language: 'typescript'
  app-template: &appTemplate
    source: 'src/app/app.component.html'
    language: 'html'

tryOutStep: &tryOutStep
  - title: 'Try it out'
    contentBlocks:
      - type: markdown
        source: 'quickstart/markdown/try-steps.md'

download:
  - title: 'Clone or download the sample app'
    contentBlocks:
      - type: markdown
        source: 'quickstart/markdown/git-clone.md'
      - type: terminal
        <<: *getApp
      - type: markdown
        source: 'quickstart/markdown/get-app.md'
  - title: 'Link the sample app to Auth0'
    contentBlocks:
      - type: markdown
        source: 'quickstart/markdown/configure-and-start.md'
      - type: terminal
        <<: *configureAndStart
      - type: markdown
        source: 'quickstart/markdown/port-explanation.md'
  - <<: *tryOutStep

steps:
  - title: 'Install the Auth0 Angular SDK'
    contentBlocks:
      - type: markdown
        source: 'quickstart/markdown/install-sdk.md'
      - type: terminal
        <<: *installAuth0
  - title: 'Configure the Auth0Provider'
    contentBlocks:
      - type: markdown
        source: 'quickstart/markdown/add-provider.md'
      - type: snippet
        <<: *appConfigTs
  - title: 'Use the AuthService'
    contentBlocks:
      - type: markdown
        source: 'quickstart/markdown/use-auth-service.md'
      - type: snippet
        <<: *appTs
      - type: markdown
        source: 'quickstart/markdown/template-explanation.md'
      - type: snippet
        <<: *appTemplate
  - <<: *tryOutStep

nextSteps:
  links:
    - label: "Calling Protected APIs"
      url: "https://auth0.com/docs/quickstart/spa/angular#calling-protected-apis"
    - label: "Auth0 Angular SDK"
      url: "https://github.com/auth0/auth0-angular"