基于帐户权限启用功能或组件的SPA体系结构？

Question

我将使用Vue.js + Laravel (两个框架中的初学者)构建一个在线照片编辑器-单页应用程序。

如果用户帐户是免费的，我如何禁用或限制某些功能；如果帐户是高级帐户，如何启用这些功能？

例如:如果我想要一些工具，比如Color picker只对付费用户可用，我如何安全地做到这一点？

( Vue是前端的，所以我担心如果逻辑完全站在javascript中，有足够知识的用户可以通过开发工具修改它来启用付费功能)

Answer 1

我建议你看看Laratrust。这是一个用于在Laravel中创建角色和权限的奇妙的包。

Vue确实是前端，但您的应用程序逻辑仍然是通过Laravel在PHP中执行的。您的控制器将确定用户的权限，并相应地返回相应的数据/错误。这里有很多东西可以描述，但是有很多很好的资源可以做到这一点。

我不会描述Vue和Laravel是如何协同工作的，而是将您引向Laracasts。光是免费视频就能让你学到很多东西，不过还是很值得的。

https://laracasts.com/series/learn-vue-2-step-by-step/episodes/26

https://laracasts.com/series/learn-vue-2-step-by-step/episodes/27