{"repo":"damienbod/bff-aspnetcore-oidc-vuejs","free":true,"listed":false,"github":"https://github.com/damienbod/bff-aspnetcore-oidc-vuejs","clone":"git clone https://github.com/damienbod/bff-aspnetcore-oidc-vuejs.git","description":"Backend for frontend security architecture (BFF) OpenID Connect client using Vue.JS and ASP.NET Core","language":"C#","stars":24,"topics":["aspnetcore","bff","dotnet","oauth","openid-connect","openiddict","vuejs"],"license":"Apache-2.0","category":"auth-billing-email","readme_excerpt":"Backend for frontend security architecture (BFF) using Vue.JS and ASP.NET Core Implements an OpenID Connect confidential client client using Vue.JS and a UI and ASP.NET Core to implement the API. The application is secured using an OpenID Connect confidential client using OAuth PKCE. The Vue.js application is served from the ASP.NET Core application using the YARP reverse proxy in development. The Vue.js application is built into the wwwroot of the ASP.NET Core application in production. OpenIddict is used to implement the identity server. Setup Server The ASP.NET Core project is setup to run in development and production. In production, it uses the Vue.js production build deployed to the wwwroot. In development, it uses MS YARP reverse proxy to forward requests. [!IMPORTANT] In production, the Vue.js project is built into the wwwroot of the .NET project. Configure the YARP reverse proxy to match the Vue.js URL. This is only required in development. I always use HTTPS in development and the port needs to match the Vue.js developement env (vite.config.js). Setup Vue.js Vite project Add the certificates to the nx project for example in the /certs folder Update the vite.config.ts file: [!NOTE] The ASP.NET Core project setup uses port 4202, this needs to match the YARP reverse proxy settings for development. Setup development The development environment is setup to use the default tools for each of the tech stacks. Vue.js is used like recommended. I use Visual Studio code. A YARP","default_branch":null,"files":null,"tree":[],"storefront":"/r/damienbod","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/damienbod/bff-aspnetcore-oidc-vuejs/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}