我们的需求
核心的就是渲染器,它提供了最基础渲染能力,有了它,你可以实现微前端、微服务、远程组件、首屏渲染,甚至可以和 react、Ejs 等配合使用。
它可以和怎样的你协作?
如果你是传统的后端渲染的,需要做seo,但是你希望在部分布局,部分页面引入 vue,那么 renderer.renderjson() 足以,将渲染结果传递给后端渲染的模板引擎中即可。
如果你是中后台系统,业务系统全部集中在一个项目,你希望可以按照业务进行服务的拆分,那么 `` 足以
如果你是 CSR 渲染的项目,那么 renderer.renderhtml({ mode: ‘csr-html’ }) 足以
如果你是 SSR 渲染的项目,那么 renderer.renderhtml({ mode: ‘ssr-html’ }) 足以
如果你想做微前端、微服务、那么渲染器 天生就具备了这样的能力,你可以把它当成一个工具函数使用,你可以通过 HTTP 、 RPC 等等各种协议访问到你的服务,然后使用它进行渲染。
创建一个渲染器
开发环境
如果你是项目是第一次创建,程序将会自动在项目根目录创建 vue 基本的模板。
因为在实际的开发环境中,我们还需要静态资源的文件和热更新,watch 对象还提供了对应的中间件使用,如果你使用 Express 框架,可以直接使用
如果你使用了 Koa,或者其它的框架,就需要在对应框架上包装一层中间件使用。
生产环境
开发完成后,需要发布产环境