代码之家 › 专栏 › 技术社区 › Alister Smith

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

dns vue.js wordpress

Alister Smith · 技术社区 · 6 年前

我是一名网络开发新手,我想了解一下实现我的目标的最佳实践是什么。

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

然而,我们也希望在Wordpress或同等平台上建立一个电子商务网站,该网站位于网站的根目录上(例如www.mywebsite.com),应用程序可以通过“登录”按钮访问。如果用户按下登录按钮,我们希望位置栏的位置不会从他们所在的网站(www.mywebsite.com)上更改,即使Wordpress网站和Vue前端可能存储在不同的位置/域上。

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

这可能吗?这两个网站是否必须托管在同一台服务器上才能正常工作(例如,亚马逊EC2服务器托管两个网页,wordpress one和vue one)?
或者wordpress可以在Vue前端添加一个链接,而不改变用户的网站位置吗?
或者(最坏的情况)我们是否需要将Vue中的两个网页作为一个Vue应用程序,一些网页需要登录才能访问,而另一些则不需要?

谢谢你的帮助。

1 回复 | 直到 6 年前

Orlandster BigMac 6 年前

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

这就是它的样子:

WordPress后端

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

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

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

注意:在 REST-API 自 4.7 .如果您使用的是旧版本,则需要安装插件。

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