index.html 用于 Azure 移动应用程序

index.html for Azure Mobile Apps

我的 Azure Mobile app 有一个 index.html 页面,我想使用它来代替显示 "This mobile app is up and running" 的默认蓝色网页。我将 index.html 放在 wwwroot 文件夹中,并在 app.js

中将主页值设置为 false
var mobile = azureMobileApps({
   // Explicitly enable the Azure Mobile Apps home page
    homePage: false
});

但页面未提供。我得到的是包含此文本的空白页

Cannot GET / 

为了让我的移动应用程序提供静态 HTML 和 JS 页面,我还需要做什么?

将 app.js 中的代码替换为以下代码。

  1. 您需要告诉服务器使用特定文件夹中的静态文件(此处 public)。将索引文件放在 public 文件夹中。
  2. 然后你需要return当应用程序的root被调用时这个文件。

    mobileApp.tables.initialize()
    .then(function () {
        app.use(mobileApp);    // Register the Azure Mobile Apps middleware
        app.listen(process.env.PORT || 3000);   // Listen for requests
    
        //Need to add below 2 lines
        app.use(express.static('public'));
        app.get('/',function(req,res){
          res.sendFile('index.html');
        });
    });