Office Web App on 冯威的博客

OWA实现添加水印

Sat, 08 Apr 2017 00:01:55 +0800

OWA全称Office Web App，是用来做Office文档预览的一个很好的工具。现在客户有要求，需要在预览界面中添加水印。想起之前写的一篇文章《Office Web APP预览去掉顶部菜单》，就是通过修改样式来控制OWA的预览界面的。

通过F12查看OWA预览Word的界面，发现Word的每一页会被渲染在一个Img中展示，如下图：

Office Web App 2013发布在外网进行预览

Sat, 20 Jun 2015 00:00:00 +0800

Office Web App是用来做Office文档预览的一个很好的工具，网上的很多资料大都是跟SharePoint集成、Lync集成等，并且基本都是在内网部署。本文主要介绍下怎样在外网部署实现预览功能。

安装

OWA的安装可以参考下面链接：

https://technet.microsoft.com/zh-cn/library/jj219455.aspx

有关安装OWA的PowerShell命令可以参考下面链接：

http://technet.microsoft.com/zh-cn/library/ee890080.aspx

准备工作

OWA不能安装在域控上，所以必须准备两台服务器，如下：

域控服务器
- 服务器版本：Windows Server2012R2
- 域名：fwhyy.com
- 内网IP：10.15.3.160
- 外网IP：100.180.100.180
OWA服务器
- 服务器版本：Windows Server2012R2
- 完整机器名：owa.fwhyy.com
- 内网IP：10.15.3.180
- 外网IP：100.180.100.181
申请外网域名：owa.fwhyy.com，绑定到OWA服务器的外网IP：100.180.100.181

部署

1.在OWA服务器上执行下面PowerShell命令：

New-OfficeWebAppsFarm -InternalUrl "http://10.15.3.180" -AllowHttp -EditingEnabled -OpenFromUrlEnabled

注意InternalUrl 需要配置内网IP

2.命令成功执行后，会在IIS中创建两个站点，如下图：

3.在浏览器中输入：http://owa.fwhyy.com/hosting/discovery会得到一个放回xml结果的页面，该xml文件中显示的地址为内网IP，需要将内网IP换成域名：owa.fwhyy.com。保存该页面为discovery.xml文件留作备用。不同类型的文档会指向不同的页面来做预览，生成预览链接时会用到discovery.xml文件。

4.如果要将OWA的预览功能和自己的应用程序进行整合，还需要有一个Web API程序进行辅助，有关这部分内容可以参考下面链接：

http://www.cnblogs.com/poissonnotes/p/3267190.html

http://www.cnblogs.com/poissonnotes/p/3277280.html

具体请求流程参见下图：

5.除了discovery.xml中的地址需要修改为域名，其他所有涉及到有请求的地方全部使用内网IP。

总结

外网访问其实关键的是需要注意三点：

使用PowerShell命令创建站点时使用内网IP；
需要用域名进行访问，并且申请的域名必须和OWA服务器的完整机器名一致；
只有discovery.xml中的地址需要为域名，其他所有都是用内网IP。

后面会单独开篇来写一个简单的示例，包含改造后的WopiHosting部分。

Office Web APP预览去掉顶部菜单

Fri, 19 Jun 2015 00:00:00 +0800

Office Web APP应该是用来做Office文档预览最好的方式，原生的预览页面中的顶部会有Microsoft的相关文字以及一些功能按钮，比如文件,查找（如下图）。如果仅仅是预览没有什么问题，但系统中如果预览和下载两个工能的权限是分开的，在预览时文件按钮中的打印功能可以将文件导出成PDF，这样就分不开这两种功能权限了。下面就介绍怎样将顶部的Microsoft相关文字和功能按钮隐藏掉。

解决方法

在Office Web APP的预览会涉及4中类型的文件：Word、Excel、PowerPoint、PDF，不同的类型在预览时调用的文件是不一样的，其中Word和 PDF调用的是同一个文件。每个预览的页面都有对应的CSS文件，如下：

PowerPoint

C:\Program Files\Microsoft Office Web Apps\WebPPTViewer\pptresources\2052\styleread.css

Word

C:\Program Files\Microsoft Office Web Apps\WebWordViewer\Resources\2052\WordViewer.css

Excel

C:\Program Files\Microsoft Office Web Apps\ExcelServicesWfe\_layouts\styles\excelribbon.css

在上面的三个css文件中找到cui-ribbonTopBars，在css样式中追加display:none。下面是修改后的预览效果：