We have a node.js application that we built its front-end with VueJS, we deployed our back-end code (java spring) properly and we got a link (https://ourWebAppexample.net) that runs the back-end code as expected.
We usually run the front-end on a local host from a folder that contains the code with "npm run dev".
Now we want to deploy the front-end to Azure web-app using Visual Studio Azure extension.
We tried some tutorials (like: https://code.visualstudio.com/tutorials/app-service-extension/getting-started) and we got deployment successful but it didn't work properly.
How do we deploy a Vue.js application to Azure and get a "link" where our front-end code should run? is there any other way to deploy a node.js code (not using Visual Studio) ?
Related
We've been having this issue deploying MERN stack into a single Azure Linux App Service. At some point We were able to run the Express Server but not both (We were able to run react client on a Windows App Service). But then upon further test everything it was able to run (please screenshot below). Everything is running fine locally, though..
Here is our Azure Pipeline:
Azure Build Pipeline - Build
Azure Build Pipeline - Deploy
Here is our package.json
package.json
package.json - continuation
The code runs with no error as per the log stream:
log stream - linux app service
But the webpage displays as blank
I created a simple node.js express app that I want to host in an Azure Windows App Service.
The App Service resource was created successfully on Azure.
The project was created using the "Node.js Web Application" template.
When I attempt to deploy from Visual Studio 2019, I get the following error message:
web.config not found in project, to create a project to deploy to
Microsoft Azure you must create an Azure Node.js project.
Is there a different template I should be using?
If not, what the contents of the web.config file look like, so I can attempt to create it by hand.
For deploying Node js Application to Azure you need to select
Azure Node js Web Application Template.
You have selected Node.js Web Application.
If you select Azure Node js App, by default web.config will be generated.
Copy the already created source files to the newly created Azure node.js Application.
Update
You might not have selected Node.js development option while installing Visual studio.
Click on the Install more tools and features option and select Node.js and update the VS
am triying to deploy my vue asp.net core 3 app on ,azure , I can't publish my app through Visual Studio and I can't NPM run build and move it to IIS any idea ?
Using https://blog.bitsrc.io/getting-started-with-vue-js-in-net-core-using-visual-studio-efbb43703630 as a starting point, I didn't encounter any issues when publishing the GitHub repo to an Azure App Service, as shown below.
Since the VueJs is within a .NETCORE app, I did opt for a Linux App Service plan, which meant a longer startup time as the base images were being pulled. You didn't specify what errors you had but a simple git clone, npm i, F5 to make sure the app ran; I created the publish profile within Visual Studio and published. The publish profile should set the startup command of the app service to dotnet <your-project>.dll
I am trying to deploy my Quasar app through Azure Portal. I have created a web app service, connected my github repo through the Deployment centre, and ran the build and deploy github workflow successfully (note: my npm run build calls quasar build which the Quasar docs describe). When I use FileZilla to access my server, I see my entire app along with the dist/spa folder under site/wwwroot so I believe the build worked correctly. Unfortunately, when I try to access my app through the browser, I am welcomed with the default Azure webapp page rather than my app.
Default Azure WebApp Page
I am unsure why my files are not being served. I have deployed a very simple Nuxt.js app in the past using the same approach and managed to deploy it relatively quickly. Perhaps nuxt.js does something under the hood that I am not aware about.
Any leads will be greatly appreciated.
I have followed all the steps here to deploy my Aurelia application to Azure, however I am getting the following error when I try to access the application URL:
You do not have permission to view this directory or page.
My application is essentially the same as the skeleton app and has no server.js or node.js file.
Can anybody point me in the right direction on how to deploy my application?
According the intrdocution:
Aurelia is a next generation UI framework.
Which means that the Aurelia is a fronted javascript library, and a Node.js server application, which should be based on a HTML+CSS application architecture. Need a index.html file in the root directory of your application at least. You can make a complete Aurelia application as mentioned at http://aurelia.io/hub.html#/doc/article/aurelia/framework/latest/quick-start/1, and deploy it to Azure.
Furthermore, we can leverage Custom Deployment Script to bundle the Javascript sources via gulp or babel, you can refer the answer of Custom startup command for Node.js app on Azure with Babel 6 for details.