Copyright (C) 2013 IjianDao.Com，All Rights Reserved
网络尖刀 版权所有他的最新文章
他的热门文章
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)登录以解锁更多InfoQ新功能
获取更新并接收通知
给您喜爱的内容点赞
关注您喜爱的编辑与同行
966,690 二月 独立访问用户
语言 & 开发
架构 & 设计
文化 & 方法
您目前处于：
百度搜索对PWA的探索和初步实践
百度搜索对PWA的探索和初步实践
0&他的粉丝
日. 估计阅读时间:
，人工智能、区块链、大数据、架构等领域海内外先驱实践！
亲爱的读者：我们最近添加了一些个人消息定制功能，您只需选择感兴趣的技术主题，即可获取重要资讯的。
相关厂商内容
相关赞助商
就我个人理解，PWA与传统的Web比，主要是多了下面几个关键特性：
（1）离线可用；
（2）主屏图标；
（3）启动动画；
（4）通知。
同时，这里要强调一下渐进增强（Progressive），这也是我们最容易忽略的地方。也就是说，PWA不是0或者1，而是渐进增强&&我们可以用PWA涉及到的技术，逐步改善移动Web的体验，而不是说做了什么，才是真正的PWA。
3.PWA的关键技术
PWA涉及到的关键技术是：
（1）&&& Service Workers
（2）&&& Add to home screen：manifest
（3）&&& Web push notificatikons
接下来会在我们的专栏里讲到Service Workers和add to home screen，由于受限网络环境，现在没有办法来做和演示Web push notifications。为了让大家直观体验一个入门的PWA应用的感受，首先请看一段我们做的一个PWA的视频：
也可以扫码访问（设备要求：Chrome for Android 56+）：
二、PWA开发背景
手机移动互联网的兴起，使得App占据了大家在互联上的部分时间。大家会通过移动App来满足自己日常的需求，所以移动互联网的入口不再是单一的浏览器，而是从手机桌面可以直达的App。
但是，移动原生的App是把双刃剑，它也有着其缺点：
（1）打开率低：90%的用户打开的App不会超过10个；
（2）安装麻烦：移动App引导安装非常麻烦；
（3）信息孤立：App之间很难信息打通。
而大部分用户的80%时间，都给了不超过3个的超级App
2.PWA和原生App的差异
我们来从一些特性上，对PWA和原生App进行对比，如下表所示。
3.PWA对Web App的影响
总结一下，PWA的对于Web App带来的影响：
（1）体验层面向原生App靠拢：离线可用，主屏图标入口，启动动画，基本上可以和原生 App的体验一致；
（2）开发模式的变革：Web开发同时考虑离线模式和体验；
（3）App的安装更新机制带来运营方式的变化：url可达，应用间可链接，不仅仅依赖商场分发应用。
三、PWA开发步骤
这里以我们开发的百度天气为例，来阐述PWA开发过程中的关键步骤。
1.基本功能介绍
&百度天气&既是一个 PWA 的应用，也是一个普通的 Web 页面。在利用PWA提供的特性之前，首先需要在普通的 Web 页面上实现天气相关功能。主要包括：定位当前城市、获取城市天气、切换城市，这部分的具体业务实现不再赘述，我们下文主要介绍 PWA 相关特性的开发过程。
2.页面代理：Service Worker
百度天气的 Service Worker 位于 /sw.bundle.js，使用这一路径即可在navigator.serviceWorker上加以注册，此时 Service Worker 的install 事件会被立即触发。注册代码如下：
下次用户访问百度天气时，上述注册的 Service Worker 会被激活，Service Worker的activate 事件被触发。此后Service Worker就可以截获页面请求来应用缓存策略了。在 Service Worker 被激活时，会更新缓存以移除旧版本的百度天气资源：
Service Worker 通过 fetch 事件可以截获来自天气页面的网络请求，这些请求包括页面脚本、图片、字体，以及获取天气数据的 AJAX。我们对这些请求应用不同的缓存策略：
上述代码片段遵循的标准：https://www.w3.org/TR/service-workers/ （Working Draft）
这些功能的浏览器兼容性：Android Browser 53+，Opera Mobile 37，Chrome for Android 56，Samsung Internet 4+，QQ Browser 1.2文件：sw-register.png，sw-activate.png，sw-fetch.png
3.缓存策略：fetch
在 Service Worker 实现的缓存策略中，Fetch API 用来发送真正的网络请求。因为可以使用 JavaScript API 管理缓存，所以可以实现很灵活的缓存策略。比如缓存优先&&首先查看缓存，当缓存失效时再去访问网络。这一策略适用于资源文件，如字体、样式、图片等。百度天气的背景图片（根据天气不同而不同）、样式表、页面脚本都采用这一策略。其流程图如下：
Service Worker 的 API 都采用 Promise风格的异步接口，因此上述流程并不复杂：
网络优先：首先查看网络，当网络失败时应用本地缓存。这一策略适合实时数据，比如获取天气信息的 AJAX 请求。这样每次页面刷新都可以获得最新的天气信息，当离线时会降级到使用本地缓存。并给出离线的提示。
先缓存后网络：对于实时性要求不高的数据，还可以先使用缓存更新页面，再去触发网络请求。这需要页面脚本中使用 Caches API 和 Fetch API，存在兼容性问题。（百度天气中没有使用该策略）。
上述代码片段遵循的标准：https://fetch.spec.whatwg.org/（Living Standard）
这些功能的浏览器兼容性：Android Browser 53+，Opera Mobile 37+，Chrome for Android 56+，QQ Browser 1.2+
上述图片参考：https://jakearchibald.com/2014/offline-cookbook/
4.应用清单：Manifest
Web App Manifest只需作为一个普通的 link 标签引入到HTML页面中。可实现的PWA特性包括： App Install Banner，桌面图标和文字，以及启动页面的 UI 元素。
应用清单遵循的标准：https://www.w3.org/TR/appmanifest/（Working Draft）
该特性的浏览器兼容性：Chrome for Android 56+，Samsung Internet 4+，Opera Mobile 37+，QQ Browser 1.2+
文件：manifest.png, 1.png, 2.png, 3.png
四、PWA开发总结1.Service Worker
开发过程中，主要技术点就是Service Worker，所以在此做一下Service Worker方面的总结，分为两方面：注册Service Worker、更新Service Worker。
注册 Service Worker
Service Worker 脚本与页面脚本的执行上下文不同，在百度天气的开发过程中，注册阶段遇到的一些关键点有：
需要 HTTPS 或者安全的域（比如 localhost）。
Service Worker 所在文件本身的路径不得低于其注册的 scope（默认为当前路径）。
Fetch API 可能不太相同（比如缺少 match 方法），可以通过引入一些 polyfill 来解决。
更新 Service Worker
默认情况下 SW 更新周期为不多于24小时，由浏览器自行更新。因此调试时需要额外的工具来及时更新百度天气：
Chrome 调试：可在 Chrome 调试中勾选Update on Reload。
移动端调试：可增加一些调试用功能，比如点10下天气更新日期，即可更新 Service Worker。
2.关于存储
HTML5 Application Cache 被 W3C 废弃以后，客户端 JavaScript 存储大概有三种选择：IndexDB、LocalStorage、Caches API。其中， LocalStorage 大多实现都是同步接口，只适合存少量数据；IndexDB 适合存储需要检索的大量；百度天气选用 Caches API，其接口较为简单易用，况且它是 Service Worker 标准中特意给出的离线缓存 API。
关于 cache 大小：最大存储配额并未标准化，但实现上通常以 Origin 来管理（而非 API），大多浏览器都不小于 50MB，这一配额远大于百度天气的缓存资源大小（&1M）。
五、PWA的未来
对任何新技术未来的判定，都不可能一概而论。但PWA的出现，的确为现有的Web增加了很多令人鼓舞的特性，同时也带来了很多挑战，比如：
（1）规范标准的确立：一些特新还都是草案，还会有变更；
（2）终端环境的支持：目前国内浏览器和操作系统厂商不支持；
（3）开发模式变革。
但是，在我们做的PWA的实例中，基于PWA的Web也拥有了接近原生App一样的体验，因此我们有理由认为PWA会为当前的Web体验带来一次用户体验上的革命。
同时，因为PWA对于支持上的问题，对于这些用户体验上的提升的落实，百度搜索也会极其的推动PWA在国内Web站点的真正落地，为Web体验的优化做应该做的事情。
例如，我们很快会在自己厂牌App使用的浏览器内核（安卓）中支持ServiceWorker，也会进行持续的探索iOS的实现可能性，为Web站点的开发者提供更多可用的真实案例和可复用的操作方法。
关于开发模式的方面的摸索，我们后续会把我们一些PWA相关的开发经验、工具集等逐步总结发布给大家，我们将会长期推动和跟进PWA。
淀粉：如何添加到桌面？
沈洲：对于开发者来说，通过manifest来实现添加桌面，对于用户来说，需要浏览器原生支持。
淀粉：老师您好，PWA和微信小程序的本质区别该如何界定？
沈洲：PWA是Web，开发的，可链接的，可索引的；小程序是微信的。
淀粉：现在的浏览器环境，有多少比例支持？
沈洲：在国内目前很少，Android的Chrome支持，但是百度会尽快支持。
淀粉：PWA是除了谷歌在推动，在业界浏览器商中接受度如何？
沈洲：据我们所知，国内好多厂商包括百度都有相关计划。
淀粉：PWA 是不是只应用于安卓？iOS 上是怎样的情况呢？谢谢。
沈洲：iOS目前5年计划中提到，目前暂不明确具体计划。
淀粉：PWA技术能否用在PC端，并响应式适配移动端？
沈洲：PC的Chrome是支持的，这项技术是Web的，不分PC和Mobile，只看浏览器支持力度。
淀粉：请问沈老师，当用户清除系统缓存或浏览器缓存时，PWA应用会出现什么情况？谢谢。
沈洲：会被清除掉，缓存和域名相关，但是桌面图标还在。
淀粉：以后Web 站点都是这样的形式吗？原来的 Web 站点还存在吗？
沈洲：PWA不是0或1，PWA是渐进式的，在原有基础上增强。
淀粉：PWA的出现会不会引起搜索引擎算法大的变动？会不会增加爬虫抓取页面内容的难度？
沈洲：百度对于用户体验好的站点，一直都在更青睐，PWA是索引抓取更友好的。
淀粉：您好，请问PWA的标准，是有谁来制定的？
沈洲：PWA是W3C的一系列的标准，所有的厂商实现都会遵循W3C规范。
淀粉：如何在开发过程中预览调试？
沈洲：Chrome有原生很好的debug工具。
沈洲，百度网页搜索部资深Web前端工程师，负责PWA和百度搜索结合与落地。沈洲于2008年加入百度，先后担任图片搜索Web前端技术负责人，视频搜索Web前端技术负责人。自2011年起，加入网页搜索部Web前端团队，担任技术负责人。先后负责百度搜索Web前端渲染架构、百度搜索前端速度、百度搜索生态调研、百度搜索用户行为日志专题等工作。自2015年底起，负责百度搜索前端极速浏览框架和移动网页加速器工作，目前极速浏览框架覆盖的点出PV已经过亿，移动网页加速器覆盖的量已经过千万。
感谢对本文的策划，对本文的审校。
给InfoQ中文站投稿或者参与内容翻译工作，请邮件至。也欢迎大家通过新浪微博（，），微信（微信号：）关注我们。
Author Contacted
语言 & 开发
301 他的粉丝
架构 & 设计
728 他的粉丝
2 他的粉丝
3 他的粉丝
2 他的粉丝
0 他的粉丝
告诉我们您的想法
允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p
当有人回复此评论时请E-mail通知我
允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p
当有人回复此评论时请E-mail通知我
允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p
当有人回复此评论时请E-mail通知我
赞助商链接
InfoQ每周精要
订阅InfoQ每周精要，加入拥有25万多名资深开发者的庞大技术社区。
架构 & 设计
文化 & 方法
InfoQ.com及所有内容，版权所有 ©
C4Media Inc. InfoQ.com 服务器由 提供, 我们最信赖的ISP伙伴。
极客邦控股（北京）有限公司
找回密码....
InfoQ账号使用的E-mail
关注你最喜爱的话题和作者
快速浏览网站内你所感兴趣话题的精选内容。
内容自由定制
选择想要阅读的主题和喜爱的作者定制自己的新闻源。
设置通知机制以获取内容更新对您而言是否重要
注意：如果要修改您的邮箱，我们将会发送确认邮件到您原来的邮箱。
使用现有的公司名称
修改公司名称为：
公司性质：
使用现有的公司性质
修改公司性质为:
使用现有的公司规模
修改公司规模为：
使用现在的国家
使用现在的省份
Subscribe to our newsletter?
Subscribe to our industry email notices?
我们发现您在使用ad blocker。
我们理解您使用ad blocker的初衷，但为了保证InfoQ能够继续以免费方式为您服务，我们需要您的支持。InfoQ绝不会在未经您许可的情况下将您的数据提供给第三方。我们仅将其用于向读者发送相关广告内容。请您将InfoQ添加至白名单，感谢您的理解与支持。&>&如何打造自己的PWA应用.
如何打造自己的PWA应用.
上传大小：20.68MB
如何打造自己的PWA应用.
综合评分：0（0位用户评分）
10积分/C币
下载个数：
{%username%}回复{%com_username%}{%time%}\
/*点击出现回复框*/
$(".respond_btn").on("click", function (e) {
$(this).parents(".rightLi").children(".respond_box").show();
e.stopPropagation();
$(".cancel_res").on("click", function (e) {
$(this).parents(".res_b").siblings(".res_area").val("");
$(this).parents(".respond_box").hide();
e.stopPropagation();
/*删除评论*/
$(".del_comment_c").on("click", function (e) {
var id = $(e.target).attr("id");
$.getJSON('/index.php/comment/do_invalid/' + id,
function (data) {
if (data.succ == 1) {
$(e.target).parents(".conLi").remove();
alert(data.msg);
$(".res_btn").click(function (e) {
var parentWrap = $(this).parents(".respond_box"),
q = parentWrap.find(".form1").serializeArray(),
resStr = $.trim(parentWrap.find(".res_area_r").val());
console.log(q);
//var res_area_r = $.trim($(".res_area_r").val());
if (resStr == '') {
$(".res_text").css({color: "red"});
$.post("/index.php/comment/do_comment_reply/", q,
function (data) {
if (data.succ == 1) {
var $target,
evt = e || window.
$target = $(evt.target || evt.srcElement);
var $dd = $target.parents('dd');
var $wrapReply = $dd.find('.respond_box');
console.log($wrapReply);
//var mess = $(".res_area_r").val();
var mess = resS
var str = str.replace(/{%header%}/g, data.header)
.replace(/{%href%}/g, 'http://' + window.location.host + '/user/' + data.username)
.replace(/{%username%}/g, data.username)
.replace(/{%com_username%}/g, data.com_username)
.replace(/{%time%}/g, data.time)
.replace(/{%id%}/g, data.id)
.replace(/{%mess%}/g, mess);
$dd.after(str);
$(".respond_box").hide();
$(".res_area_r").val("");
$(".res_area").val("");
$wrapReply.hide();
alert(data.msg);
}, "json");
/*删除回复*/
$(".rightLi").on("click", '.del_comment_r', function (e) {
var id = $(e.target).attr("id");
$.getJSON('/index.php/comment/do_comment_del/' + id,
function (data) {
if (data.succ == 1) {
$(e.target).parent().parent().parent().parent().parent().remove();
$(e.target).parents('.res_list').remove()
alert(data.msg);
//填充回复
function KeyP(v) {
var parentWrap = $(v).parents(".respond_box");
parentWrap.find(".res_area_r").val($.trim(parentWrap.find(".res_area").val()));
评论共有0条
综合评分：
积分/C币：3
综合评分：
积分/C币：10
VIP会员动态
CSDN下载频道资源及相关规则调整公告V11.10
下载频道用户反馈专区
下载频道积分规则调整V1710.18
spring mvc+mybatis+mysql+maven+bootstrap 整合实现增删查改简单实例.zip
资源所需积分/C币
当前拥有积分
当前拥有C币
输入下载码
为了良好体验，不建议使用迅雷下载
如何打造自己的PWA应用.
会员到期时间：
剩余下载个数：
剩余积分：0
为了良好体验，不建议使用迅雷下载
积分不足！
资源所需积分/C币
当前拥有积分
您可以选择
程序员的必选
绿色安全资源
资源所需积分/C币
当前拥有积分
当前拥有C币
(仅够下载10个资源)
为了良好体验，不建议使用迅雷下载
资源所需积分/C币
当前拥有积分
当前拥有C币
为了良好体验，不建议使用迅雷下载
资源所需积分/C币
当前拥有积分
当前拥有C币
您的积分不足，将扣除 10 C币
为了良好体验，不建议使用迅雷下载
你当前的下载分为234。
你还不是VIP会员
开通VIP会员权限，免积分下载
你下载资源过于频繁，请输入验证码
您因违反CSDN下载频道规则而被锁定帐户，如有疑问，请联络:!
若举报审核通过，可返还被扣除的积分
被举报人：
chiling1129
举报的资源分：
请选择类型
资源无法下载
资源无法使用
标题与实际内容不符
含有危害国家安全内容
含有反动色情等内容
含广告内容
版权问题，侵犯个人或公司的版权
*详细原因：
如何打造自己的PWA应用.创建 PWA 网站 (Project Server 2010)
不是 IT 专业人员？
创建 PWA 网站 (Project Server 2010)
创建 PWA 网站 (Project Server 2010)
Project 2010
适用于： Project Server 2010 上一次修改主题：
创建 Microsoft Project Web App (PWA) 网站功能会在 Microsoft SQL Server 的指定实例上创建四个 Microsoft Project Server 2010 数据库。 Note
如果贵组织要求数据库管理员手动创建数据库，请先让数据库管理员查看并创建四个 Project Server 数据库和 Microsoft SharePoint Server 2010 内容数据库，然后再执行本文中的过程。
如果场中的服务器未连接到 Internet，则一些 PWA 和 SharePoint Server 页面的加载速度可能会慢。这是因为 SharePoint Server 证书会尝试联系 Microsoft 下载服务器以获取最新的根链证书。可以通过配置 SharePoint Server 场中的服务器上的“证书路径验证设置”组策略设置，让服务器不尝试自动更新证书，从而解决此问题。有关详细信息，请参阅 （PWA 和 SharePoint 页面加载缓慢）(http://blogs.msdn.com/b/brismith/archive//project-server-2010-slow-load-times-of-pwa-and-sharepoint-pages.aspx)。
如果在将来将这些服务器连接到 Internet，建议重新配置 SharePoint Server 场中的服务器上的“证书路径验证设置”以自动更新证书。
Project Web App 网站需要 Web 应用程序来托管它。你可以使用现有 Web 应用程序或为 PWA 新建一个。有关如何创建 Web 应用程序的详细信息，请参阅。
强烈建议为每个 PWA 网站及其关联项目工作区使用单独的 SharePoint Server 2010的内容数据库。若要在它自己的内容数据库中正确隔离 PWA 网站，则必须在其他管理员没在你要部署 PWA 的 Web 应用程序上创建新网站时部署 PWA。
通过将 PWA 及其关联项目工作区放在单独的内容数据库中，可大大简化网站迁移、备份和还原过程。 创建 PWA 网站需要 5 个基本步骤：
创建内容数据库以托管 PWA 网站及其关联项目工作区。
暂时锁定现有内容数据库。
创建 PWA 网站本身。
锁定 PWA 内容数据库以防添加其他网站集。
解除锁定现有内容数据库。
SharePoint Server 2010 使用循环算法来确定网站集在内容数据库中的分布。若要将 PWA 网站部署到特定内容数据库，则必须锁定计划部署 PWA 的 Web 应用程序中的任何现有内容数据库。该过程不会影响用户访问；它只影响新网站集的分布。 Note
如果要将 PWA 部署到专供 PWA 使用的新 Web 应用程序，可以使用随该 Web 应用程序一起为 PWA 创建的默认内容数据库。在此情况下，无需执行下面的锁定过程。但是，建议在部署 PWA 之后将该内容数据库的“此数据库中允许创建的最大网站数”设置设定为“1”。这有助于避免将来在该数据库中创建 PWA 之外的其他网站集。
若要锁定内容数据库，请对与你计划部署 PWA 网站的 Web 应用程序关联的每个内容数据库执行以下步骤。 Important
在执行本节中的过程时，请确保没有其他管理员正在向你计划部署 PWA 的 Web 应用程序添加网站集。
锁定内容数据库
在 SharePoint 管理中心中的“应用程序管理”部分，单击“管理内容数据库”。
在“当前网站集数”列中，记下计划锁定的数据库的网站集数。
在“数据库名称”列中，单击要锁定的内容数据库的链接。
在“数据库容量设置”部分：
在“此数据库中允许创建的最大网站数”框中，键入此数据库的现有网站集数（此过程前面的“当前网站集数”列中的值）。 Note
记下此参数的当前值。创建 PWA 网站后，必须将其改回此值。
在“生成警告事件之前允许的最大网站数”框中，键入一个小于“此数据库中允许创建的最大网站数”的值的数值。 Note
记下此参数的当前值。创建 PWA 网站后，必须将其改回此值。
单击“确定”。
创建内容数据库
在 SharePoint 管理中心中的“应用程序管理”部分，单击“管理内容数据库”。
单击“添加内容数据库”。
在“Web 应用程序”部分，选择计划部署 PWA 网站的 Web 应用程序。
在“数据库名称和验证”部分，键入计划部署 PWA 数据库的数据库服务器名称，然后键入数据库名称。
单击“确定”。
创建和配置内容数据库后，下一步是创建 PWA 网站本身。
创建 PWA 网站
在 SharePoint 管理中心中的“应用程序管理”部分，单击“管理服务应用程序”。
在“管理服务应用程序”页上，单击“Project Server Service 应用程序”。
在“管理 Project Web App 网站”页上，单击“创建 Project Web App 网站”。
按照下表中的说明完成“创建 Project Web App 网站”页：
用于托管 Project Web App 的 SharePoint Web 应用程序
用于 PWA 网站的 Web 应用程序。
Project Web App 路径
此 PWA 网站的根网站的路径。
此 PWA 网站的用户界面语言。
将 Project Web App 路径用作主机标头
如果要在根 URL（例如，https://www.contoso.com）上托管 PWA，请使用此选项。
管理员帐户
将添加到此 PWA 实例的“Project Server Administrators”安全组的用户帐户。首次访问 PWA 网站时，必须使用此帐户。
主数据库服务器
要在其中托管 Project Server 数据库的 SQL Server 实例。如果你的数据库管理员已经创建了 Project Web App 数据库，请在相应的文本框中指定这些数据库的名称。如果以前未创建过这些数据库，系统会自动创建。
已发布数据库名称
此 PWA 实例的 Project Server 已发布数据库的名称。
草稿数据库名称
此 PWA 实例的 Project Server 草稿数据库的名称。
归档数据库名称
此 PWA 实例的 Project Server 归档数据库的名称。
报告数据库服务器
要在其中部署报告数据库的 SQL Server 实例（如果不同于主数据库服务器）。
使用主数据库服务器
选中此复选框可将报告数据库部署到先前指定的主数据库服务器。清除此复选框可将报告数据库部署到不同的数据库服务器，并在“报告数据库服务器”框中指定要使用的 SQL Server 实例。
报告数据库名称
此 PWA 实例的 Project Server 报告数据库的名称。
此网站中 SharePoint 内容的配额
PWA 网站的最大网站存储空间（以 MB 为单位）。
此网站中 SharePoint 内容的配额警告
以 MB 为单位的网站存储级别，在此级别将向网站管理员发送警告电子邮件。
单击“确定”。
Project Server 启动 PWA 网站创建过程。这可能需要一些时间。当网站创建过程完成时，PWA 网站列表上显示的状态为“已预配”。 设置 PWA 网站后，请验证它是否是在创建的内容数据库中创建的。使用 Get-SPSite Windows PowerShell 命令，将新内容数据库作为参数传递：
验证 PWA 网站位置
确认你满足以下最低要求：请参阅 。
在“开始”菜单中，单击“所有程序”。
单击“Microsoft SharePoint 2010 产品”。
单击“SharePoint 2010 Management Shell”。
在 Windows PowerShell 命令提示符（即 PS C:\&）处，键入以下命令，然后按 Enter：
Get-SPSite -ContentDatabase &ContentDatabaseName& 该命令应返回 PWA 网站的 URL，并且不包含其他 URL。 Note
如果内容数据库中列出除 PWA 网站 URL 之外的其他 URL，请删除该 PWA 网站，并使用新内容数据库重新启动该过程。
一旦 PWA 网站位于所需内容数据库中，必须锁定该数据库以防止 SharePoint Server 2010 向该数据库中添加其他网站集。可通过将内容数据库的最大网站数配置为 1 来实现此目的。
配置此设置不会阻止创建新项目工作区。
锁定内容数据库
在 SharePoint 管理中心中的“应用程序管理”部分，单击“管理内容数据库”。
在“数据库名称”列中，单击创建的内容数据库的链接。
在“数据库容量设置”部分：
在“生成警告事件之前允许的最多网站数”框中，键入 0。
在“此数据库中允许创建的最多网站数”框中，键入 1。
单击“确定”。
锁定 PWA 内容数据库后，可恢复任何其他内容数据库的“此数据库中允许创建的最大网站数”和“生成警告事件之前允许的最大网站数”的原始值。 现在即可访问新 PWA 网站。 Note
首次调用包含 Project Web App 应用程序的 Internet Information Services (IIS) 应用程序池时可能会很慢，因为 .NET Framework 应用程序正在被编译和加载。
对于在 Project Server 2010 中使用时间跟踪和任务状态的团队成员来说，必须配置时间报告阶段。建议创建至少为期一年的时间报告阶段。使用以下过程可创建时间报告阶段。
创建时间报告阶段
在 PWA 中单击“服务器设置”。
在“时间和任务管理部分，单击“时间报告阶段”。
在“时间报告阶段”页：
单击“第一阶段开始日期旁边的日历按钮，然后选择第一个时间报告阶段的开始日期。 Important
如果为标准报告阶段选择时长 7 天，则所有阶段均将在你为第一个阶段开始日期选择的一周中的一天开始。选择符合你组织需求的一周中的一天。
若要创建可变时长阶段，例如，当使用每个日历月阶段时，必须在时间报告阶段页上单独执行这些或以编程方式通过自定义代码执行。
单击“批量创建”。
单击“保存”。
开始使用 PWA 网站前的最后一步是设置工作流代理用户帐户。默认情况下，此帐户被设置为用于创建 PWA 网站的帐户。你可以保留默认设置，但是建议你出于此目的创建 Active Directory 帐户。 Important
在开始任何工作流之前必须更改帐户，否则正在进行的工作流将会中断。
设置工作流代理帐户时，有两个步骤必须执行：
为工作流代理 Active Directory 帐户创建 Project Server 2010 用户帐户。
将该帐户配置为工作流代理用户。
执行下列过程，为工作流代理帐户创建 Project Server 2010。
在 Project Web App 中，单击“服务器设置
在“安全性”部分，单击“管理用户”。
在“管理用户”页上，单击“新建用户”。
在“新建用户”页上：
清除“可将用户作为资源分配”复选框。
在“显示名称”框中，键入要使用的用户帐户的名称（例如，工作流代理用户）。
在用户“身份验证”部分，键入你在“用户登录帐户”框中为工作流代理用户创建的 Active Directory 帐户。
选中“为此用户阻止 Active Directory 同步”复选框。
在“安全类别”区域中，在“可用类别”中选择“我的组织”，然后单击“添加”。
在“我的组织权限”下，为以下权限选择“允许”：
将项目保存到 Project Server
查看企业资源数据
在“全局权限”下，为以下权限选择“允许”：
管理用户和组
管理工作流和项目详细信息页面
单击“保存”。
创建用户帐户后，你可以设置工作流代理用户帐户。执行下列过程以配置工作流代理帐户。
设置工作流代理用户帐户
在 PWA 中单击“服务器设置”。
在“服务器设置”页上的“工作流和项目详细信息页面”部分，单击“项目工作流设置”。
在“项目工作流设置”页上的“工作流代理用户帐户”框中，键入你为工作流代理用户创建的 Active Directory 帐户，然后单击“保存”。
现在你可以开始使用 Project Web App 网站了。下一步是配置报告以启用 Project Server 报告和商业智能功能。继续阅读下一篇文章。
此页面有帮助吗？
更多反馈？
1500 个剩余字符
我们非常感谢您的反馈。
页面加载速度够快吗？
您喜欢网页的设计吗？
请告诉我们更多意见}