Open toxic-johann opened 6 years ago
windows 在 windows 10 支持了 PWA，我们可以将 PWA 发布到 windows store，生成一个 UWP 。
具体的效果如下图：
启动效果：
页面效果
具体的操作方式如下。
微软官方推出了 pwabuilder 用于处理 pwa 的打包问题。
访问https://www.pwabuilder.com/，输入地址一步步操作，直至最后一个页面。
点击 download windows 即可以获得 windows 用的本地包。
下载的包结构如下图：
我们直接访问其中的如下路径。
使用 powershell 运行该脚本即可安装好本地包。
然后即可在本地体验。
原文地址在这，只摘抄重要的信息 https://zhuanlan.zhihu.com/p/29989157
WP 是微软在 Windows 10 中引入的新概念，由于所有 UWP 应用均运行在被称为 App Container 的虚拟沙箱环境中，其安全性及纯净度远胜于传统的 EXE 应用。但 App Container 机制同时也阻止了网络流量发送到本机（即 loopback）， 使大部分网络抓包调试工具无法对 UWP 应用进行流量分析。同样的，该机制也阻止了 UWP 应用访问 localhost，即使你在系统设置中启用了代理，也无法令 UWP 应用访问本地代理服务器，十分恼人。
请使用免费网络调试工具 Fiddler，然后从顶部菜单中选择「WinConfig」，在接下来打开的窗口中勾选你想排除网络隔离的应用就可以了，如下图
回到 pwabuilder 点击生成 appx 即可以生成。
会弹出如下弹框让我们进行填写：
当然，要填写这个你要有windows dev center的账号才可以。
具体填写的内容如下：
第一个公司名字
第二个 cn 可以在账户设置找到
第三个是一个生成串。现在只能从 visual studio 里面找到。如果你不能找到的话，可以直接生成一个包拖上去，官网会给予你正确的。
最后一个版本号。
生成的包直接拖上官网发布即可。
windows 在 windows 10 支持了 PWA，我们可以将 PWA 发布到 windows store，生成一个 UWP 。
具体的效果如下图：
启动效果：
页面效果
具体的操作方式如下。
使用 pwabuilder 进行打包
微软官方推出了 pwabuilder 用于处理 pwa 的打包问题。
访问https://www.pwabuilder.com/，输入地址一步步操作，直至最后一个页面。
点击 download windows 即可以获得 windows 用的本地包。
下载的包结构如下图：
我们直接访问其中的如下路径。
使用 powershell 运行该脚本即可安装好本地包。
然后即可在本地体验。
如何抓包 uwp
WP 是微软在 Windows 10 中引入的新概念，由于所有 UWP 应用均运行在被称为 App Container 的虚拟沙箱环境中，其安全性及纯净度远胜于传统的 EXE 应用。但 App Container 机制同时也阻止了网络流量发送到本机（即 loopback）， 使大部分网络抓包调试工具无法对 UWP 应用进行流量分析。同样的，该机制也阻止了 UWP 应用访问 localhost，即使你在系统设置中启用了代理，也无法令 UWP 应用访问本地代理服务器，十分恼人。
请使用免费网络调试工具 Fiddler，然后从顶部菜单中选择「WinConfig」，在接下来打开的窗口中勾选你想排除网络隔离的应用就可以了，如下图
如何生成 appx
回到 pwabuilder 点击生成 appx 即可以生成。
会弹出如下弹框让我们进行填写：
当然，要填写这个你要有windows dev center的账号才可以。
具体填写的内容如下：
第一个公司名字
第二个 cn 可以在账户设置找到
第三个是一个生成串。现在只能从 visual studio 里面找到。如果你不能找到的话，可以直接生成一个包拖上去，官网会给予你正确的。
最后一个版本号。
生成的包直接拖上官网发布即可。