Netlify with Basic authentication - vue.js

I have created a Netlify web application using Vue.js as frontend framework and netlify function on backend side. I am trying to apply Basic authentication using build in Netlify functionality with _headers file. I only need the Basic Authentication for staging environment so I followed the guidens from this article, but the problem is that the Basic-Auth promts for username and password on every xhr call that the frontend is making to Netlify functions. Is there a solution for this, or have anyone experienced or did configuration like this before. I am looking for solution no matter if it is with configuration file or custom code implementation. Thank you!

Related

Self Hosted Supabase Setup

I have tried following the Supabase docs and googling but i cannot seem to get a basic authentication flow to work.
The stack i would like to use is keycloak(docker), supabase(self hosted) and nextjs to build the app.
I am using The following boilerplate just to test the authentication flow https://github.com/mryechkin/nextjs-supabase-auth
Can someone explain the the setup required to get the boilerplate project to work on a local machine (localhost) with the self hosted supabase and keycloak oatuh?

Windows Authentication in Blazor WASM

I am implementing a WebApp in our company's intranet with Blazor WebAssembly. I need to make API-Calls to our DevOps Server hosted in our intranet and need to use Windows Authentication to access the API. In the former used WPF Client it was enough to just add the UseDefaultCredentials-Flag on the HttpClient, but that does not work in WebAssembly anymore since the App is running in the browser. The Microsoft Docs state We don't recommend using Windows Authentication with Blazor Webassembly, but not recommend does not mean not support, so it has to be possible somehow, to attach the current App-User's Windows Credentials(Token) to the API Call. Unfortunately there exists no example on the docs page on how to implement this and I have not found any code on how to tackle this, although on some forums people wrote that it is possible, but did not include the How in their comments.
I am using .NET5 for both Server and Client and need to make the Api-Call with Windows Authentication from the Client, not the Server as most examples are using it, as my Server-Project uses the same User for all Requests but I need the User of the Client-Project.
Any kind of help is appreciated.

Has anyone successfully implemented Azure AD auth using Server Side Rendering Angular (Angular Universal)?

Currently We have an app that is using Angular Universal for Rendering. We have MSAL auth installed but we get random infinite loops with auth, especially new users.
We have tried catching these events and handling them but it does not seem to work. Looked at some documentation that says, MSAL is still not supported with Node and Server Side Apps.
I cannot use AUTH0. Does anyone have any ideas on how to accomplish the auth against azure ad in this type of app?
MSAL.js at the moment works only with single page applications. Support for Node applications is on the roadmap.
Still, there are a number of 3rd party libraries that you can use for this. I would suggest using passport-azure-ad. You can see a sample application here.

Use Wepack for Client only in strongloop-loopback

I want to use webpack bundling for only client part of Strongloop Loopback project (I want to use vueJs in client or frontend). I've been looking at loopback-webpack-plugin. As there is no proper documentation for it, I am unable to use in way I wanted.
Thanks in advance.
Since you are going to write your client in VueJS, the configuration of your build process for the client is going to be pretty much independent of LoopBack. Please look for resources on how to configure Webpack for VueJS.
There is one part relevant to LoopBack though: how to serve you VueJS front-end files from a LoopBack application. In a typical LoopBack project scaffolded via lb, the client (front-end) assets created by Webpack should be placed in the client directory. See Adding a static web page in LoopBack's documentation to learn how to expose the content of the client directory as a web application.

CakePHP and RESTful with PhoneGap

I have built a cakephp site with RESTFul calls. Happy to say these calls work when using curl from another php site. (This is all testing at the moment)
The next stage is setting up authorization, from my understand I'd be looking at either basic or digest loging to make RESTful calls.
I'd like to build a phonegap app, that requires login. Would RESTful calls to CakePHP be the way to go. i.e making a RESTful API for my site?
I'd like to provide an API key. How would this key be secured in a phonegap app?
How secure is phonegap in general? If the files for an app are css, html, js can't the app be broken into and the files revealed
Just looking for general advice and a direction to continue researching.
I believe what you need would be a stateless authentication system. CakePHP comes with 2 built in. Take a look at this example