Azure Web 应用程序为 vuejs 应用程序提供服务

Question

我有一个使用webpack的vuejs应用，也可以打包成电子应用。

应用的结构如下：

https://github.com/kahwooi/vuetron

它可以在webpack-dev-server上运行。

我的问题是该应用程序可以在 Azure 或任何 Web 服务器上运行吗？

Answer 1

是的，一般来说，Azure Web Apps 作为 Web 服务平台为 Web 应用程序提供生产环境。因此，您可以尝试以下步骤来满足在 Azure 上运行 vuetron 的最简单要求。

1. 在本地环境中安装 vuetron：

   # Install electron and webpack-dev-server 
   npm install -g electron webpack-dev-server
   
   # Install vue-cli and scaffold boilerplate
   npm install -g vue-cli
   vue init kahwooi/vuetron my-project
   
   # Install dependencies and run your app in development mode
   cd my-project
   npm install
   # View app using browser at http://localhost:8080, automatically updates the browser on changes.
   
   # Run as electron desktop app
   webpack
   

2. 删除您目录中.gitignore 文件中的/dist。

3. 通过 Azure-Cli 创建具有本地 git 部署的 Web 应用：

   azure login
   azure config mode asm
   azure site create --git {your_site_name}
   

4. 通过 Git 将您的应用程序部署到 Azure：

   git add .
   git commit -m "{your commit message}"
   git push azure master
   

5. 最后，在浏览器中启动您的实时 Azure 应用：

   azure site browse
   

如有任何疑问，请随时告诉我。