如何在 SharePoint Online 中托管 Blazor WASM 应用程序

Question

我正在尝试在 SharePoint Online 中托管 Blazor WASM 项目。 SharePoint 编程对我来说是新的，显然我在这里遗漏了一些东西。

我认为我应该做的是：

1. 创建 Blazor 应用
2. 使用 Web 部件创建 SharePoint 加载项。
3. 将 Web 部件放在 SharePoint 页面上。
4. 向文档库添加一个按钮，该按钮将导航到该页面。

我希望有人可以确认上述高级步骤，并帮助我在下面列表的底部遇到困难。

到目前为止执行的步骤：

1. 创建 Blazor 项目。这样做了，它在 https://local:
上调试得很好
2. 将 SharePoint 加载项项目添加到我的解决方案中：
   1. 添加 > 新项目... > SharePoint 插件并为其命名。
   2. 提供我的开发人员网站的 url（我认为这没关系；它是一个开发人员网站并支持旁加载），然后为“您希望如何托管您的 SharePoint 外接程序？”选择“提供商托管”。
   3. 为要定位的最早版本的 SharePoint 选择“SharePoint Online”。
   4. 选择“ASP.NET Web 窗体应用程序”作为 Web 应用程序项目类型（据我所知，这与我的项目无关）。
   5. 选择“使用 Windows Azure 访问控制服务（用于 SharePoint 云加载项）”进行身份验证。
3. 将 AddIn、AddInWeb 和 Blazor 项目设置为我的解决方案的启动项目。
4. 将 Web 部件添加到我的 AddIn 项目：
   1. 添加 > 新项目... > 客户端 Web 部件（主机 Web）。
   2. （暂时）输入 Blazor 项目的 localhost url。
5. 开始调试，以便将加载项旁加载到我的开发站点上。 我的 Blazor 应用程序在浏览器窗口中打开并按预期显示 在另一个窗口中，SharePoint 主机 Web 被重定向到我的 Default.aspx 主机网站。
6. 在新标签页中打开我的开发站点。
7. 添加页面：
   1. 导航到左侧导航菜单上的“页面”。
   2. 选择新建 > Web 部件页（不确定这是否是正确的选择）。
   3. 为其命名并选择“整页，垂直”作为布局模板。
   4. 保留默认的“站点资产”作为库以保存页面。
   5. 在设计器中，单击“添加 Web 部件”并选择我的 Web 部件（前面有一个六边形图标），然后单击“添加”。
   6. 在这里，我收到“您将被重定向到未注册为应用启动 URL 的以下 URL”警告。

我想我需要使用 appregnew.aspx 为我的租户注册应用程序（因此，不是为开发站点）。 我试了一下，但警告不断出现。当我单击警告中的“单击此处立即进入应用程序”链接时，Web 部件似乎消失了，只留下了页眉。 注册应用时输入的详细信息：

• 客户端 ID 和客户端密码：单击“生成”
• 标题：
• 应用域：本地主机：
• 重定向 URI：https://localhost:/

Answer 1

对于 Blazor Wasm 应用，不要选择提供程序托管加载项，而是选择 SharePoint 托管加载项。 如问题中所述，（AFAIK）无法告诉 Wasm 应用程序的客户端 ID 和客户端密码是什么。 在加载项的 AppManifest.xml 中，在 AppPrincipal/Internal 元素的 AllowedRemoteHostUrl 属性中添加 Blazor 应用的 url。