将 WordPress 电子商务网站与基于外部登录的 Vue 前端最佳实践相结合



我是Web开发的新手,并且想了解实现我正在尝试做的事情的通常最佳实践的建议。

我负责使用 Vue 编写前端应用程序。此前端需要登录才能访问应用程序。该应用程序将托管在亚马逊上。

但是,我们也希望在Wordpress或位于网站根目录上的等效产品中构建一个电子商务网站(例如 www.mywebsite.com(,该应用程序可通过"登录"按钮访问。如果用户按下登录按钮,我们希望地址栏位置不会从他们所在的网站(www.mywebsite.com(更改,即使 Wordpress 站点和 Vue 前端可能存储在不同的位置/域上。

如果网站是在Wordpress中制作的,我们可以让另一个开发人员为我们制作该网页,而我在前端工作。但是,我们希望在连接到 wordpress 根站点、单击登录按钮和被带到 Vue 前端之间体验相对无缝。

这可能吗?两个站点是否必须托管在同一台服务器上才能工作(例如,托管两个网页的 Amazon EC2 服务器,即 wordpress 一个和 vue 一个(?
或者wordpress可以放置一个指向Vue前端的链接,该链接不会更改用户的Web位置?
或者(最坏的情况(我们是否需要将 Vue 中的两个网页作为一个 Vue 应用程序,有些页面需要登录才能访问,而另一些则不需要?

感谢您的任何帮助。

因此,为了同时使用 Vue 和 WordPress,您可以编写 2 个单独的应用程序。一个用于前端,一个用于后端,这完全没问题,或者您可以简单地编写带有 Vue 主题的 WordPress 应用程序。

这是这样的:

WordPress 后端

您可以使用普通的WordPress后端,您可以在其中构建所需的架构。此外,您需要设置Wordpress提供的REST-API。所以这也意味着,只需使用支持它的插件。否则,需要编写自定义终结点。例如,Woocommerce将是一个很好的电子商务插件,因为它支持API。

在此处了解更多信息:https://v2.wp-api.org/

当然,您可以在亚马逊上托管WordPress安装。这是一个很好的指南:https://aws.amazon.com/de/getting-started/tutorials/launch-a-wordpress-website/

注意:自4.7年以来,REST-API在核心中可用。如果您使用的是旧版本,则需要安装插件。

WordPress 前端

为了创建您的前端,我建议您创建自定义主题。由于您只是提供静态文件,因此可以轻松完成。但是,您仍然不需要重新发明轮子。

有一个非常好的入门主题:https://github.com/EvanAgee/vuejs-wordpress-theme-starter

它带有入门所需的所有内容,并且由于它只是一个主题,因此您可以简单地设置通常的WordPress托管,而无需处理多个应用程序的域。

为了从后端获取数据,您只需调用REST-API。下面是一个示例:https://github.com/EvanAgee/vuejs-wordpress-theme-starter/blob/master/src/api/index.js

最新更新