Could I make an entirely locally hosted app with WebView2/Winforms? - winforms

This might be a weird question but, I was thinking it would be cool to have access to Blazor in a desktop app. Is it possible for WebView2 to work with local Blazor WASM and html/css/javascript files or is it not designed for this?

You can user for example ASP.NET Core Blazor Hybrid which allow you host Blazor inside WinForms/WPF/MAUI

Related

How to combine separate front end (react.js - cra) and back end (asp.net core) applications into a single application

We currently have a reactjs front end app that runs on its own and is deployed to an azure app service on one sub domain, and a back end app, the api, an asp.net core app that is deployed to another app service on its own subdomain. Both have authentication managed by a third app, that uses identity server to authenticate requests to either the front or backend, that also is its own app service in azure. We'd like to combine the front-end and back-end. Is it possible for them to run together if we create a wwwroot folder in the api project and move the react app into there, and then modify the api project to serve static files? How does that impact the auth server usage in the mix? I assume that means we'd need to move to take advantage of duende bff then. Is this common? We'd like to do this in an effort to stop jwt token usage, because having the front end and back end in the same project/app would mean they are the same domain and we could authenticate with the auth server and get a samesite browser cookie for auth instead of the front end directly going to the auth server to get a token and store it in browser storage.
Microsoft Visual Studio already has a project template that uses ReactJS(for front-end) and C#.Net Core(for back-end).
You should have used this template while making this project solution in the first place.
As your ReactJS and .Net Core projects already exist, it will be difficult to combine them.
I am not sure whether it will work successfully but while checking the project structure. I noticed that the React app was placed in the Client App folder in the .Net Core project.
If it doesn't work then you could use the template from the Visual Studio project and try to move your code into that project.
Below are some helpful references:
Use React with ASP.NET Core
Integrate Create React app with .NET Core 5
Single project that contain React plus ASP.NET Core MVC Application

How to deploy a Flask+React application to Azure Web Service

I have been working on this app on my localhost, which has Flask as the backend (localhost:5000) and React as the front end (localhost:3000), and they have been communicating well. Now I am supposed to put it up online so that other ppl can see it as well - I didn't have much experience in Azure, but how can I deploy these two components(React&Flask) into one URL on Azure web app service? (Before I had some experience in using FTP to upload the 'build' folder to a "site/wwwroot" folder to put up a simple React app without any backend)
Newest
After testing, the python project is deployed in the webapp, the react project is deployed in the virtual application, and the normal node project is also deployed in the virtual application.
Deploy the flask python project to the windows environment, the normal deployment method will fail, please be sure to follow this blog document (third-party document) to operate, it works for me.
Running Flask app with HttpPlatformHandler in Azure App Services
The effect is shown in the figure. You can see that the normal node project can be accessed normally, but the react project is not. I think there are some bugs. (Has raised a support ticket to confirm)
The deployment method of virtual application is recommended to adopt the publishing method shown in the figure below.
Privious
It is recommended to choose windows when creating azure web app, because windows supports virtual application.
We can deploy flask app normally and deploy react app in virtual app.
Under normal circumstances, the process.env.port of the two webapps is the same and will not interfere with each other because of the virtual path.
Reference post:
1. Vue Frontend and Express backend on same Azure web app Service
2. Azure Front Door Is Not Maintaining Custom Domain in Browser

Responsive website into app or Hybrid mobile app?

So after too many searches I decided to ask this question.
First of all I'm building a mobile app using angularjs in my website (Online) not localhost. The app is a kind of a CRM based (CRUD mostly).
I have the cordova mobile application ready. I have a few questions here.
Is it acceptable, if I use the website URL directly in the inappbrowser URL (Like an iframe)?
Or. Should I need to put the angularjs files inside the www directory of the cordova app and access the server functions via API?
Which way is preferable? Why?
Will there be any performance differences?
If the No.1 is not a best practice, what is the major drawback on using the inappbrowser?
You can build Hosted Web App in an Apache Cordova:
For this scenario, you use a thin Cordova client (think of it as a web
browser embedded in a native app) that automatically redirects to your
Web site.
See also: Wrapping an existing web application in Cordova.
Other option: PWA.
From Wiki:
Progressive web applications (PWAs) are web applications that load
like regular web pages or websites but can offer the user
functionality such as working offline, push notifications, and device
hardware access traditionally available only to native applications.
PWAs combine the flexibility of the web with the experience of a
native application.

Single Page Application Authentication using Active Directory in Intranet

Is it possible to create a SPA using a JavaScript framework like Vue, React or Angular and secure it using Active Directory authentication? I've only seen Forms authentication examples.
Thanks for any help.
Yes. Windows authentication is performed by the web server (IIS or Apache, for example) so that's where you need to set it up. You can search Google for help on setting it up. There are lots of examples.
The framework behind the web server (Vue, React, Angular, etc.) isn't really relevant.

Can I use Ionic without node.js to build a hosted web app?

I am interested in using Ionic to build a web app. The tabs, form stuff, integration with angular.js... everything looks like it should work great.
However, Ionic also looks to be geared towards creating native apps for Android and IOS. It relies on node.js for services. I'll just be hosting it on my client's shared hosting account - I won't be able to get node.js working for it. I don't intend to develop the app to use any services, so I don't think I need node.js. I'll plan to communicate with my DB via http post.
I am interested to know - is there any reason I wouldn't do this? If I am not using any other means of communicating with a server, will I be okay without node.js? Is there a better option for creating an html5 mobile 1 page web app?
I also don't intend to access the camera, accelerometer, or any of that kind of thing, so I don't think I'll need cordova, either.
ionic uses node.js only for development, things like build, test and deploy
not necessarily for back-end proposes

Resources