如何将Web应用程序的功能锁定到某些计算机/设备？

Question

我使用PHP，mySQL，javascript和jQuery为药房编写了一个交付Web应用程序，他们可以在计算机上输入交付，外出并进行实际交付，并让客户在驱动程序电话上签名手指。我现在正在将新功能集成到此站点中，以跟踪每个员工工作的小时数，允许他们登录并单击“时钟输入”，然后在他们班次结束时单击“退出”。我现在面临的问题是，我们不希望员工能够在家中“上班”或“退出”，但我们仍然需要他们能够从任何地方访问该站点以捕获该站点的签名。交货。

我想到了几个解决方案，但似乎无法实现它们。我的解决方案在哪里：

1. 通过单击将文件保存到离散位置的按钮，允许管理员帐户“激活时钟输入/输出功能”。当非管理员帐户在该计算机上使用该站点时，该站点将找到此文件，并允许他们进入。这似乎是javascript的安全问题，并且不可行。
2. 允许管理员帐户“激活时钟输入/输出能力”，方法是单击一个按钮，该按钮会记录该机器的一些唯一标识符并将其保存到数据库中。当非管理员登录时，该站点将检查数据库中的该值，并将其与机器的值进行比较，以授予对“时钟输入/输出”功能的访问权。

我认为人们使用的最常见的解决方案是IP地址，但我认为这不会起作用，因为Pharmacy具有动态IP。

有谁知道如何使我的两个解决方案中的任何一个工作，或者有不同的想法才能获得相同的结果？

如果这不是发布此类问题的正确位置，有人可以在其他地方建议我发布吗？

Answer 1

您可以使用HTML5地理位置来查看它们是否实际位于药房内。是否员工＆＃39;设备支持你必须检查，但有一个HTML5 API

navigator.geolocation.getCurrentPosition(function (result) {
    console.log("Lat: " + result.latitude + " Long:" + result.longitude);
});

另一种选择是在药房张贴每日更改的时钟输入/输出密码。员工必须在药房看看能够进入的时间。

另一个也许最简单的选择就是在药房里有一台传统的时钟输入/输出机器;）

Answer 2

显然，您可以使用HTML5 Web存储或本地存储将信息保存到用户的浏览器中。它就像一个cookie，但是当浏览器关闭或计算机关闭时，它不会过期或被清除。我想我是否以与原计划相同的方式使用它，它会起作用。唯一的缺点是如果用户清除他们的浏览器历史记录，这将被抹去。我认为这将是邪恶中的较小者，因为我不认为药房会清除他们的浏览器历史。

https://www.w3schools.com/html/html5_webstorage.asp

如果/当我决定使用这个解决方案时，我会检查这个答案，看起来我可能会这样做。