feat: add SPA/vue quickstart (#835)

Co-authored-by: Tom Papiernik <[email protected]>

Author: aeneasr

Makefile

@@ -4,19 +4,26 @@ export GO111MODULE        := on
 export PATH               := .bin:${PATH}
 
 .PHONY: install
-install: code-examples/protect-page-login/nextjs/package-lock.json code-examples/protect-page-login/expressjs/package-lock.json package-lock.json
+install: code-examples/protect-page-login/nextjs/package-lock.json code-examples/protect-page-login/expressjs/package-lock.json package-lock.json code-examples/protect-page-login/go/go.sum code-examples/auth-api/expressjs/package-lock.json code-examples/protect-page-login/vue/package-lock.json code-examples/protect-page-login/flutter_web_redirect/pubspec.lock
 		cd code-examples/protect-page-login/nextjs && npm i
 		cd code-examples/protect-page-login/expressjs && npm i
 		npm i
+		cd code-examples/protect-page-login/flutter_web_redirect && flutter pub get
+		cd code-examples/protect-page-login/go && go mod download && go build -o server
+		cd code-examples/protect-page-login/php && composer install
+		cd code-examples/auth-api/expressjs && npm i
+		cd code-examples/protect-page-login/vue && npm i
 
 .PHONY: build-examples
 build-examples:
-		cd code-examples/protect-page-login/nextjs && npm run build;
+		cd code-examples/protect-page-login/nextjs && npm run build
+		cd code-examples/protect-page-login/flutter_web_redirect && flutter build web --web-renderer html
+		cd code-examples/protect-page-login/vue && VUE_APP_API_URL=http://localhost:4007 VUE_APP_ORY_URL=http://localhost:3006 npm run build
 
 .PHONY: test
 test: install build-examples .bin/ory
 		./src/scripts/test.sh
 
 .bin/ory: Makefile
-		bash <(curl https://raw.githubusercontent.com/ory/meta/master/install.sh) -d -b .bin ory v0.1.22
+		bash <(curl https://raw.githubusercontent.com/ory/meta/master/install.sh) -d -b .bin ory v0.1.33
 		touch -a -m .bin/ory

code-examples/auth-api/expressjs/index.js

@@ -0,0 +1,60 @@
+const express = require('express')
+const cors = require('cors')
+const { V0alpha2Api, Configuration } = require('@ory/client')
+
+const app = express()
+
+// highlight-start
+const ory = new V0alpha2Api(
+  new Configuration({
+    // Points to the local Ory API server (Ory TunneL).
+    basePath: process.env.ORY_URL || 'http://localhost:4000',
+    baseOptions: { withCredentials: true }
+  })
+)
+// highlight-end
+
+app.use(
+  // highlight-start
+  cors({
+    origin: process.env.UI_URL || 'http://localhost:8080',
+    credentials: true // <- Required for CORS to accept cookies and tokens.
+  })
+  // highlight-end
+)
+
+app.use((req, res, next) => {
+  // A simple middleware to authenticate the request.
+  // highlight-start
+  ory
+    .toSession(
+      undefined,
+      // This is important - you need to forward the cookies (think of it as a token)
+      // to Ory:
+      req.headers.cookie
+    )
+    .then(({ data }) => {
+      req.session = data
+      next()
+    })
+    .catch(() => {
+      res.status(401)
+      res.json({ error: 'Unauthorized' })
+    })
+  // highlight-end
+})
+
+app.get('/api/hello', (req, res) => {
+  res.json({
+    message: 'Hello from our API!',
+    // highlight-start
+    session_id: req.session.id,
+    identity_traits: req.session.identity.traits
+    // highlight-end
+  })
+})
+
+const port = process.env.PORT || 8081
+app.listen(port, () => {
+  console.log(`Example app listening on port ${port}`)
+})