65.9K
CodeProject 正在变化。 阅读更多。
Home

从 iPad/iPhone 访问 SharePoint 2010

Chak
starIconstarIconstarIconstarIconstarIcon

5.00/5 (2投票s)

2012年1月27日

CPOL

9分钟阅读

viewsIcon

61179

探索从 iPad/iPhone 访问 SharePoint 2010 的选项

从 iPad/iPhone 访问 SharePoint 2010

Microsoft SharePoint 2010 支持几种现代、基于标准且符合 XHTML 1.0 的浏览器，例如 Internet Explorer 8、Firefox 3.6 和 Safari 4.x。SharePoint 和 iPad 并不兼容。SharePoint fundamentally 是面向企业内部网络的桌面型软件，它不是为移动设备设计的，更不是为互联网社交在线协作设计的。有 2 种方法可以从 iPad/iPhone 访问 SharePoint。

1. 通过 Safari 等浏览器访问
2. 第三方客户端应用程序

有许多合作伙伴和第三方开发商通过客户端应用程序为 SharePoint 2010 内容提供移动访问解决方案，包括 Apple iPhone/iPad。您可以在 Apple iPhone/iPad App Store 中找到其中许多。本文档将仅讨论第一种方法。

SharePoint 访问

SharePoint 2010 开箱即用，提供了渲染默认 SharePoint 模板移动视图的功能。这些移动视图通常可以接受用于企业内部网或企业外部网部署，但不太适合面向公众的网站。与任何其他项目一样，成功实施的关键在于规划。在构建面向公众的 SharePoint 2010 网站时，您可以完全灵活地确定用于渲染网站的 HTML、样式表和 ECMAScript。设计师和开发人员可以使用基本的 Web 标准，也可以利用最新的 HTML 5 结构。使用 SharePoint 构建一个可以在移动设备上轻松查看的面向公众的网站，需要对移动设备的功能有很好的了解。

访问选项

开箱即用功能 (OOB Features)

我们可以通过调整 SharePoint 配置来使用开箱即用的功能。SharePoint 2010 为列表和库提供了基本的移动视图。但在大多数情况下，这可能不适用于面向公众的网站。

使用移动视图

SharePoint Server 2010 的移动功能支持通过支持 Web 浏览器的移动设备（如 Apple iPad）进行访问，以便查看和导航到 SharePoint 页面、文档库、列表数据、内容以及使用 Office Web Apps 的 Office 文档。通过将 Apple iPad 的 Safari USERAGENT 字符串添加到 SharePoint 2010 的 compat.browser 文件中，SharePoint 2010 可以检测到 Apple iPad 并自动重定向到移动视图（轻量级 Web 界面）。

如何将 Apple iPad 添加到 compat.browser
  • 要添加或更新移动浏览器，您需要编辑 compat.browser 文件。
  • 您可以在 <system>\inetpub\wwwroot\wss\VirtualDirectories\80\App_browsers\compat.browser 中找到该文件。
  • 要添加 iPad 的 useragent，请编辑 compat.browser 文件，并在 iPhone 部分之后追加此内容
<!-- iPad Safari Browser --> 
<!-- sample UA "Mozilla/5.0 (iPad; U; CPU OS 4_2_1 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8C148 Safari/6533.18.5" -->
<browser id="iPadSafari" parentID="AppleSafari">
<identification>
<userAgent match="iPad" />
<userAgent match="Mobile" />
</identification>
<capabilities>
<capability name="isMobileDevice" value="true" />
<capability name="canInitiateVoiceCall" value="true" />
<capability name="optimumPageWeight" value="1500" />
<capability name="requiresViewportMetaTag" value="true" />
<capability name="supportsTouchScreen" value="true" />
<capability name="telephoneNumberDetectionDisabled" value="true" />
</capabilities>
</browser>
  • 在命令提示符下键入以下命令并按 Enter 键，然后重启 Internet Information Services (IIS)：iisreset /noforce

使用标准视图

对于品牌化的发布网站，您可能希望向 Apple iPad 展示完整的 Web 界面。在这种情况下，您可以通过将 isMobile 属性设置为“false”来禁用自动重定向。

非开箱即用方式

根据需求，我们可以创建一种仅供移动设备使用的网站版本，以满足预期访问者的需求。

设备方向检测

在为 iPhone、iPad 和其他移动设备开发时，我们首先要做的就是检测设备，以便应用特定的代码或样式。以下代码片段将使用各种方法检测 iPhone 和 iPad，具体取决于您的情况，您可以选择其中一种或多种方法的组合。

JavaScript

无论您是开发 Web 应用程序还是仅为 iPhone 创建兼容版本，针对特定 JavaScript 来创建丰富的交互式 UI 都非常有益。

if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i) || (navigator.userAgent.match(/iPad/i))) {
alert('SharePoint Mobile Website');
}
CSS

浏览器嗅探可能有用，但由于许多原因，检测浏览器并不是最佳实践，因为存在许多种类的移动设备，而您不希望为每种特定设备编写代码。我更倾向于使用 CSS 来针对带有特定方向的设备，这可能会使设计变得复杂，因为您必须考虑布局如何调整，但是

如果您正在寻找一种更简洁的方法，仅将 CSS 样式应用于 iPhone 或小型移动设备，您应该使用以下方法。

@media screen and (max-device-width: 480px){ 
/* iPhone specific CSS goes here */
}

如果您选择为 SharePoint 2010 互联网站点创建移动视图，那么您接下来需要选择一种或多种构建站点的方法，并确定用户将如何导航。

  1. 自定义开箱即用的移动主页
  2. 为开箱即用的 Web 部件创建移动适配器
  3. 为移动页面创建自定义字段渲染控件
  4. 使用 SharePoint 变体以及自定义母版页和 CSS 来适应移动设备
  5. 从 SharePoint 2010 拉取内容的自定义 ASP.NET 应用程序
  6. 使用第三方解决方案来协助创建 SharePoint 2010 移动网站
自定义开箱即用的移动主页

SharePoint 2010 具有一个移动页面渲染系统，该系统利用模板来确定如何显示页眉、内容和页脚。通过创建自己的渲染模板，您可以更改默认的开箱即用的移动主页以满足您的需求。

为开箱即用的 Web 部件创建移动适配器

许多默认的 SharePoint Web 部件都有一个基本的移动视图，当设备访问移动页面时会显示该视图。如果您有自己的自定义 Web 部件，则需要创建一个移动适配器才能在移动页面上正确显示它们。

为移动页面创建自定义字段渲染控件

SharePoint 2010 允许开发人员为移动页面构建自定义字段渲染控件。这些自定义字段渲染控件使开发人员能够完全控制字段在列表的显示、编辑和新建表单中的显示方式。

使用 SharePoint 变体以及自定义母版页和 CSS 来适应移动设备

一项名为“变体”的功能，最初用于启用多语言网站，可以用于管理移动设备的独立视图。Microsoft ECM 博客指出，“变体是 SharePoint 的一项功能，它有助于管理和维护可为多个受众提供的内容。这些受众可能因不同的语言、国家或地区而异，但也可以代表不同的品牌或设备。”使用变体功能，结合自定义移动母版页和 CSS 样式，可以为面向公众的 SharePoint 网站提供一个移动版本。

从 SharePoint 2010 拉取内容的自定义 ASP.NET 应用程序

一些组织决定编写一个专门针对移动设备的自定义 ASP.NET Web 应用程序。这些 Web 应用程序利用 SharePoint 2010 服务器和/或客户端对象模型来检索将在移动视图中渲染的内容。这种创建移动网站的方法涉及更多工作，但它在移动网站的渲染和功能方面提供了很大的灵活性。

使用第三方解决方案来协助创建 SharePoint 2010 移动网站

Microsoft 合作伙伴创建了多种第三方解决方案，可用于帮助构建面向公众的网站的移动版本。这些解决方案提供了框架，可用于构建基于存储和管理在 SharePoint 2010 中的内容的全功能移动网站。

查看报表和记分卡

Microsoft SharePoint Server 2010 的 2011-12 累积更新 (CU 2011-12) 使组织能够在运行 iOS 5 Safari 浏览器的 Apple iPad 设备上查看某些类型的报表和记分卡。本文介绍了用户可以在 iPad 上查看哪些业务智能内容，如何配置报表和记分卡以正确显示，以及如何在 iPad 上导航业务智能内容。http://technet.microsoft.com/en-au/library/hh697482.aspx

富文本编辑

Mobile Safari 不支持 Safari 那么多的功能。它是 Safari 的简化版本，早期不支持的一个属性是 contentEditable。此属性广泛用于 SharePoint、Google Docs、TinyMCE 等。在 iOS 5.x 发布后，iPad/iPhone 设备现在支持富文本编辑控件。

HTML5 支持

HTML5 是古老标记语言的最新、最伟大的更新。它带来了许多可能彻底改变 Web 的重大变革。它是许多平台的未来，您可以放心，下一版 SharePoint 将会使用它。我们进行了一些 Web 浏览器测试，发现了一个有趣的结果：iOS 5 的更新版 Mobile Safari 拥有所有移动浏览器中最高的 HTML 5 兼容性。在测试中，我们运行了 HTML5Test.com 的兼容性测试套件，该测试套件会检查浏览器对 HTML5 标准的遵守程度。他们发现 iOS 5 版的 Mobile Safari 在所有移动浏览器中表现最好。iOS 5 的 HTML5 功能比其前代 iOS 4.3 增加了 36%。

启用 SharePoint 的 HTML5 支持

为了使您的 SharePoint 网站支持 HTML5，您需要
1. 更改母版页以允许 HTML5
替换以下内容

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
有了
<!DOCTYPE html>
2. 移除强制 IE 8 渲染
<meta http-equiv="X-UA-Compatible" content="IE=8"/>
3. 在网站中，将一个新的内容编辑器 Web 部件添加到您希望显示 HTML 5 的页面上。打开内容的 HTML 编辑器
4. 将您的 HTML 5 代码放入出现的 HTML 源窗口中，然后单击“确定”

身份验证选项

  • Citrix / Remote Desktop 应用程序
  • 通过 HTTPS 在浏览器中进行凭据对话框
  • 基于表单的声明身份验证

匿名网站无法从移动设备访问，除非我们禁用 viewformpageslockdown 功能。

安全注意事项

  • iPad 将嵌入式视频请求传递给 QuickTime 进行渲染
  • QuickTime 缺乏对任何代理或身份验证方法的支持，并且 iPad 无法加入域
  • 视频文件必须可匿名访问

Flash 支持

Apple 设备从未支持 Flash 动画演示和 Flash 内容。但是，使用 Adobe Flash Media Server 4.5 和 Adobe Flash Access 3.0，您现在可以在 iPad 和 iPod 上观看 Flash 视频。

iPad 缺乏对以下方面的支持

  • Silverlight
  • 右键菜单命令
  • 无法编辑文档
  • Scroll

设计注意事项

规划是在 SharePoint 2010 中构建成功的移动可访问网站的关键。在设计移动网站时，我们可能需要构建一个适合用户预期使用的设备功能的站点导航系统。有些移动设备是触摸屏的，允许用户像使用桌面或笔记本电脑鼠标一样导航网站。其他移动设备只有一系列箭头键和一个选择按钮。这两种不同的导航形式可能对您选择如何设计移动网站产生重大影响。为了确保所有访问者都能获得愉快的体验，这里需要仔细考虑和规划。

参考文献

http://msdn.microsoft.com/en-us/library/bb802539.aspx

http://msdn.microsoft.com/en-us/library/ee539079.aspx

http://msdn.microsoft.com/en-us/library/bb862011.aspx

http://msdn.microsoft.com/en-us/library/ms464268.aspx

http://msdn.microsoft.com/en-us/library/bb802700.aspx

© . All rights reserved.