9.部署到一个安全的主机并庆祝

最后一步是部署我们的天气app到一个支持HTTPS的服务器。如果你没有，绝对最简单的（并且免费）方法就是使用Firebase的静态资源服务。它非常容易使用，通过HTTPS服务内容且后面是由一个全球的CDN网络支持。

额外：压缩和内联化你的CSS

这里有一件你应该考虑的事情，压缩关键样式并内联到index.html中。Page Speed Insights(网页速度窥探) 建议以上压缩的内容在初次加载控制在15k以内。

看看你能够将你的已经都内联的初次加载内容弄到多小。

更多阅读：PageSpeed Insight Rules(网页加载速度规则)

这一步要求你有Node & NPM安装到了你的系统上。如果没有，你可以使用其他支持HTTPS的主机服务。我们将使用Firebase，因为它自动将用户的HTTP请求转为HTTPS请求。如果你使用其他的服务，请确保他们也总可以转为HTTPS。

部署到Firebase

如果你是初次Firebase，你将需要先创建一个你的账户并安装一些工具。

1. 创建一个Firebase账号 https://firebase.google.com/console/
2. 通过npm安装Firebase工具：npm install -g firebase-tools

一旦你创建的账号成功且你已经登录，你就可以准备部署了！

1. 创建一个新的app https://firebase.google.com/console/
2. 如果你最近没有对Firebase工具进行登录，更新你的凭证：firebase login
3. 初始化你的app，然后提供你的已经完成的app的目录（类似work目录）：firebase init
4. 最后，部署到Firebase：firebase deploy
5. 庆祝。你已经完成了！你的app将被部署到如下域名：https://YOUR-FIREBASE-APP.firebaseapp.com

更多阅读：Firebase Hosting指导

测试一下

• 尝试添加你的app到你的主屏幕然后断开网络并验证app像预期那样可以离线工作。