javascript - 我如何将 Node.js 实现到 Ionic/Angular 应用程序中？

Question

我目前有一个基本的“选项卡”Ionic/Angular 应用程序。

ionic 启动测试项目选项卡

我已经完成了 npm install 以在项目目录中获取一些基本 Node 模块。

对于如何同时使用 Angular 和 Express，以及如何设置 Node/服务器端，我有些困惑。我尝试查看了很多教程，发现自己有点迷失在其中，所以我希望有人能提供一些资源，帮助我朝着正确的方向前进。

因为 Angular 和 Express 都执行 MVC/MV* —— 它开始真正混淆什么做什么。我对设置以及如何让他们一起交谈感到困惑。

请让我知道我可以提供哪些其他信息，因为我不确定还有什么。 (该项目非常简单。)

非常感谢!

Answer 1

标准 Angular Web 应用

在构建 MEAN 网络应用程序时，您应该首先使用 Express-Generator 这些命令创建一个 Express 应用程序(假设您已全局安装 node 和 express)

$ express myapp

构建应用

$ cd myapp

进入应用

$ npm install

从 package.json 文件安装依赖项

文件结构

.
├── app.js
├── bin
│   └── www
├── models
│   └── home.js
├── node_modules
├── package.json
├── public // your Angular app goes here
├── README.md
├── routes
│   ├── home.js
│   └── users.js
└── views

所以上面我们可以看到应用程序的基本结构。运行 Express 生成器后你应该有类似的东西。您将使用 Angular 应用程序并将其放入公共(public)文件夹并运行服务器

$ DEBUG=myapp npm start

ionic

对于 Ionic 应用程序，您需要一个有人会使用的手机应用程序，因此您不需要将应用程序添加到此处的公共(public)文件夹中。你将使用 Express 的目的是为你的应用程序创建一个 api 来调用。您可以使用可以运行的 server.js 文件创建一个简单的 web api

$ node server.js

在您的 Angular 工厂和服务中，您可以直接对您的 API 进行 $http 调用。

更新

目前正在开发一个样板来拆分平均应用程序的后端和前端，这意味着您将能够为您的 Android 应用程序、iOS 应用程序和 Web 应用程序提供完全相同的后端服务。

这是一项正在进行的工作，但您可以随时检查它以获取想法或开始您自己的独立前端和后端 MEAN 堆栈。 https://github.com/joeLloyd/MEANBoilerPlate