非 Serverless 环境使用一体化

在 Midway Serverless 2.0 中，我们支持了 Web 全栈应用的开发。

在后续的开发中，你可以将你的 Web 应用部署至任意的服务器，来为用户提供服务。

项目创建

请先安装 @midwayjs/cli。

# 如果是 npm v6$ npm init midway --type=koa-hooks-react my_app
# 如果是 npm v7$ npm init midway -- --type=koa-hooks-react my_app
$ cd my_app

目录结构

生成后的目录结构如下

.├── bootstrap.js // 应用启动├── index.html├── jest.config.js├── midway.config.ts // Midway 配置文件├── package.json├── src│   ├── App.css│   ├── App.tsx│   ├── apis // 后端文件（可在 midway.config.ts 修改）│   │   ├── configuration.ts│   │   └── lambda // Api 文件│   │       ├── index.test.ts│   │       └── index.ts│   ├── favicon.svg│   ├── index.css│   ├── logo.svg│   └── main.tsx├── tsconfig.json└── vite.config.ts // Vite 配置文件

本地运行

在项目根目录运行 npm run dev 即可启动项目，启动后，Vite 将输入可访问的地址。

复制地址到浏览器即可访问

页面显示如下画面则代表启动成功：

你可以修改 /src/apis/lambda 下的函数，尝试极为直观的函数式开发方式与极快的热更新所带来的流畅体验。

单元测试

在应用根目录中，你可以运行 npm run test 来运行单元测试。

单元测试运行截图

在单元测试中，我们提供了便捷的 runFunction 方法，帮助你快速完成单元测试，就像调用一个普通函数一样。

import { createApp, HooksApplication } from '@midwayjs/hooks-testing-library';import api from '.';
describe('test new features', () => {  let app: HooksApplication;  beforeAll(async () => {    app = await createApp();  });
  afterAll(async () => {    await app.close();  });
  it('runFunction', async () => {    expect(await app.runFunction(api)).toMatchInlineSnapshot(`      Object {        "message": "Hello World",        "method": "GET",      }    `);  });});

构建

在项目中，我们也提供了现成的 npm run build 命令，来快速构建项目。

构建结束后，可以通过 node bootstrap.js 来运行项目。

访问 http://localhost:7001，就可以看到页面了。

线上部署

在完成后构建后，你可以按你喜欢的方式将应用部署至任意的服务器中。

在此，我们推荐使用 [pm2](https://www.npmjs.com/package/pm2) 来启动和管理应用。