时间戳

首页 > 解决方案 > 使用 PHP 和 Vue.js 进行应用程序开发设置

php - 使用 PHP 和 Vue.js 进行应用程序开发设置

问题描述

我是 Nextcloud 应用程序开发的新手，想创建一个简单的应用程序来玩。我看到一些应用程序是用 Vue.js 制作的，所以我想问那里有没有指南？

我生成了一个应用程序框架并使用了 PHP 模板，但不幸的是我不懂 PHP，并且想在这个现有的演示应用程序中创建一个 Vue.js 项目。

我为 Nextcloud 找到了一些预制的 Vue 组件

https://github.com/nextcloud/nextcloud-vue

但没有关于在创建骨架应用程序后如何设置 Vue 项目的分步指南。我刚刚看到 Nextcloud 应用Tasks也在 PHP 代码中使用了 Vue.js：

https://github.com/nextcloud/tasks

非常感谢您的帮助。

标签： phpvue.jsvuejs2nextcloud

解决方案

我查看了您提到的存储库，它很容易设置，问题是设置后您应该得到什么？如果您克隆存储库，您将拥有类似插件的“工作副本”。但是需要构建这个插件，并且需要将生成的包复制到 nextcloud 服务器的正确位置（或者您可能必须通过前端安装包）。据我了解，这是某种类型的插件，而不是可以独立运行的完整 Web 应用程序。

不像你说的：

Nextcloud 应用 Tasks 也在 PHP 代码中使用 Vue.js

更像是 PHP 用于后端，Vue 用于前端，这两个“项目”完全相互独立（PHP 是后端，Vue 是前端，没有直接依赖关系）。只需创建您的 Vue 应用程序（构建后您将拥有一个 index.html 和几个 js 和 css 文件），这些文件必须可以从浏览器中获得。那么您的应用程序入口点就是 index.html。对于 PHP：您只需在此处定义接口和路由，这将使您能够与服务器端进行交互。然后稍后要部署您的插件，您必须将其打包为 nextcloud 需要的格式。您可以从任务存储库中的 Makefile 中读取如果创建包会发生什么。

我认为对您来说一个好的起点是：https ://docs.nextcloud.com/server/15/developer_manual/app/tutorial.html

推荐阅读