将网站添加到现有的Azure移动应用程序(应用程序服务)

mbm29414

我有一个现有的Azure App Service移动应用程序。它适用于iOS和Android客户端(和外部网站)。我的理解是,所有App Service选项本质上都是同一产品,并应用了不同的默认模板,因此我想将自己的一些网页添加到此Mobile App中。

我创建了一个测试/示例Web App,在App Service编辑器中,该wwwroot文件夹中似乎只有一个文件:hostingstart.html(有趣的是,甚至没有web.config。为什么呢?)

在我的Node.js移动应用程序上,当然有一个很大的文件夹结构,看起来像这样(一些项目被省略了):

  • api(文件夹)
  • node_modules(文件夹)
  • 桌子(文件夹)
  • 打字(文件夹)
  • app.js
  • iisnode.yml
  • package.json
  • web.config

我曾尝试index.html在此根(wwwroot)文件夹中添加一个,但随后导航到http://{service name}.azurewebsites.net/index.html与往常一样只给了我相同的“此服务已创建”页面。

因此,然后我进入app.js文件并更改了此内容:

var mobile = azureMobileApps({
    // Explicitly enable the Azure Mobile Apps home page
    homePage: true
});

对此:

var mobile = azureMobileApps({
    // Explicitly enable the Azure Mobile Apps home page
    homePage: false
});

之后,出现以下错误:

  • 导航至{service name}.azurewebsites.net退货:
    • 不能获取 /
  • 导航至{service name}.azurewebsites.net/index.html退货:
    • 无法获取/index.html

当我的一种API方法遇到这样的错误时,我检查了{api method}.json文件中的设置我认为这不是答案。

我猜想文件中的某种开关允许直接*.html请求得到处理。我的web.config文件中有以下条目

<!-- First we consider whether the incoming URL matches a physical file in the /public folder -->
<rule name="StaticContent">
  <action type="Rewrite" url="public{REQUEST_URI}"/>
</rule>

<!-- All other URLs are mapped to the node.js site entry point -->
<rule name="DynamicContent">
  <conditions>
    <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="True"/>
  </conditions>
  <action type="Rewrite" url="app.js"/>
</rule>

我假设我需要在此处进行一些更改以允许访问,但是那又是什么呢?

陈亚伦

有趣的是,甚至没有web.config这是为什么?

按我的经验,如果app.js/ server.js/index.js包含在wwwroot文件夹中,然后Azure的应用服务会认为它是一个应用程序的Node.js并自动生成的web.config。

我假设我需要在此处进行一些更改以允许访问,但是那又是什么呢?

我认为您无需在此处进行任何更改。根据web.config中的以下行。您可能需要考虑将您的静态文件(例如html,js,css等)放在/public下方的文件夹中wwwroot

<!-- First we consider whether the incoming URL matches a physical file in the /public folder -->
<rule name="StaticContent">
  <action type="Rewrite" url="public{REQUEST_URI}"/>
</rule>

以下是我经过测试的屏幕截图。 在此处输入图片说明 在此处输入图片说明

您还可以通过Express通过以下代码执行相同的操作,

app.use(express.static('public'))

实际上,Azure Mobile AppsNode.js SDK是一个express中间件软件包,可轻松为您的移动应用程序创建后端并使它在Azure上运行。中间件处理诸如/tables和的特定路由/api同时,您还可以将任何其他所需的中间件或路由安装到Express应用程序上,从而可以自由使用任何您认为合适的规定“最佳实践”。

如有任何其他疑问,请随时告诉我。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何将更多的Web应用程序添加到现有的Windows Azure网站

来自分类Dev

将GWT添加到现有的Maven Web应用程序

来自分类Dev

将MeteorJS添加到现有的AngularJS / MEAN堆栈应用程序

来自分类Dev

如何将LiveView添加到现有的Elixir / Phoenix应用程序?

来自分类Dev

将websockets添加到现有的php应用程序

来自分类Dev

使用 .Net 4 将 MVC 项目添加到现有的 Web 应用程序

来自分类Dev

如何将Angular 2.0添加到现有的ASP.NET MVC应用程序

来自分类Dev

将Web API添加到现有的asp.net Web窗体应用程序

来自分类Dev

将客户端Blazor添加到现有的ASP.NET MVC5应用程序

来自分类Dev

将WCF RESTful服务作为应用程序添加到经典ASP网站

来自分类Dev

将 PWA 添加到现有应用程序。有好处吗?

来自分类Dev

将应用程序洞察添加到无状态服务结构应用程序

来自分类Dev

无法将“按需运行” WebJob添加到Azure移动应用程序

来自分类Dev

将XCTest单元测试添加到现有应用程序不起作用

来自分类Dev

Django将字段添加到现有模型应用程序

来自分类Dev

使用Devise将SpreeCommerce添加到现有应用程序

来自分类Dev

将Watchkit添加到现有应用程序-问题

来自分类Dev

将[hazelcast-jet]添加到现有应用程序

来自分类Dev

如何将平台添加到现有Flutter应用程序/项目中?

来自分类Dev

将Piranha CMS添加到现有应用程序

来自分类Dev

如何将iPad UI添加到现有应用程序?

来自分类Dev

无法将 React-Native 添加到现有应用程序

来自分类Dev

将替换现有文件添加到 GmailToDrive 应用程序脚本

来自分类Dev

如何将 vuetify 对话框添加到现有应用程序中?

来自分类常见问题

如何将Web API添加到现有的ASP.NET MVC(5)Web应用程序项目中?

来自分类Dev

将核心数据添加到现有的选项卡式应用程序(ios swift,Xcode6)

来自分类Dev

将React或React Native嵌入到现有的移动应用程序中

来自分类Dev

将现有的GWT项目迁移到GWT移动应用程序和PhoneGap

来自分类Dev

将React或React Native嵌入到现有的移动应用程序中

Related 相关文章

  1. 1

    如何将更多的Web应用程序添加到现有的Windows Azure网站

  2. 2

    将GWT添加到现有的Maven Web应用程序

  3. 3

    将MeteorJS添加到现有的AngularJS / MEAN堆栈应用程序

  4. 4

    如何将LiveView添加到现有的Elixir / Phoenix应用程序?

  5. 5

    将websockets添加到现有的php应用程序

  6. 6

    使用 .Net 4 将 MVC 项目添加到现有的 Web 应用程序

  7. 7

    如何将Angular 2.0添加到现有的ASP.NET MVC应用程序

  8. 8

    将Web API添加到现有的asp.net Web窗体应用程序

  9. 9

    将客户端Blazor添加到现有的ASP.NET MVC5应用程序

  10. 10

    将WCF RESTful服务作为应用程序添加到经典ASP网站

  11. 11

    将 PWA 添加到现有应用程序。有好处吗?

  12. 12

    将应用程序洞察添加到无状态服务结构应用程序

  13. 13

    无法将“按需运行” WebJob添加到Azure移动应用程序

  14. 14

    将XCTest单元测试添加到现有应用程序不起作用

  15. 15

    Django将字段添加到现有模型应用程序

  16. 16

    使用Devise将SpreeCommerce添加到现有应用程序

  17. 17

    将Watchkit添加到现有应用程序-问题

  18. 18

    将[hazelcast-jet]添加到现有应用程序

  19. 19

    如何将平台添加到现有Flutter应用程序/项目中?

  20. 20

    将Piranha CMS添加到现有应用程序

  21. 21

    如何将iPad UI添加到现有应用程序?

  22. 22

    无法将 React-Native 添加到现有应用程序

  23. 23

    将替换现有文件添加到 GmailToDrive 应用程序脚本

  24. 24

    如何将 vuetify 对话框添加到现有应用程序中?

  25. 25

    如何将Web API添加到现有的ASP.NET MVC(5)Web应用程序项目中?

  26. 26

    将核心数据添加到现有的选项卡式应用程序(ios swift,Xcode6)

  27. 27

    将React或React Native嵌入到现有的移动应用程序中

  28. 28

    将现有的GWT项目迁移到GWT移动应用程序和PhoneGap

  29. 29

    将React或React Native嵌入到现有的移动应用程序中

热门标签

归档