image.png

🚀 Develop & Ship

Midway Hooks 是下一代的云端一体应用研发方案。通过 Serverless + Hooks + 一体化 Api 调用的特性,开发者在研发流程中仅需关注业务逻辑,即可高效完成应用的交付。

✨ 特性


🌰 Demo

从后端导入代码并调用


backend api

export async function get() {
  return 'Hello Midway Hooks'
}

export async function post(name: string) {
  return 'Hello ' + name
}


frontend

import { get, post } from './apis/lambda'

/**
 * @method GET
 * @url /api/get
 */
get().then((message) => {
  // Display: Hello Midway Hooks
  console.log(message)
})

/**
 * @method POST
 * @url /api/post
 * @body { args: ['github'] }
 */
post('github').then((message) => {
  // Display: Hello github
  console.log(message)
})


Hooks


backend api

import { useContext } from '@midwayjs/hooks'

export async function getPath() {
  const ctx = useContext()
  return ctx.path
}


frontend

import { getPath } from './apis/lambda'

/**
 * @method GET
 * @url /api/getPath
 */
getPath().then((path) => {
  // Display: /api/getPath
  console.log(path)
})


🚀 快速开始


请先安装 faas-cli.


npm i @midwayjs/faas-cli -g


创建


React

f create --template-package=@midwayjs-examples/midway-hooks-react


Vue

$ f create --template-package=@midwayjs-examples/midway-hooks-vue3


ICE.js

$ npm init ice ice-app --template @icedesign/scaffold-midway-faas


运行

npm start


部署

f deploy


📚 更多

请查看完整的文档:https://www.yuque.com/midwayjs/faas/hooks


image.png