如何对渐进式Web应用程序进行反向工程？

Question

我找到了这个免费的PWA https://www.the-qrcode-generator.com，现在想知道自己该怎么做。

由于找不到对它的源代码的任何访问权，我想知道反向工程是否会很困难。

我对构建具有QRCode功能的PWA感兴趣。

Answer 1

这是使用AngularJS v1.3.20创建的。您可以在控制台窗口的“源”选项卡下找到源。您可以轻松美化窗口中的代码以使其可读。

Answer 2

如果您不希望他们如何组织其余的api，则浏览器的“网络”标签会很有帮助，只需按xhr过滤并检查来自fe的所有呼叫即可。

前端是很难逆转的工程师，因为大多数站点都是缩小的捆绑包，因此您看不到原始代码。 但是，您可以找到有关它们用于构建它的内容的其他信息，例如，在html源代码中，您可以看到一些ng- *标签，这表明它是有角度的，还可以看到主体具有data-ng-app属性表示这是angularjs等。

对于QR逻辑，​​您可以看到没有呼叫，这意味着它完全写在客户端中。我将为此寻找可用的解决方案。