podium podlets 说明

podlets 提供了一个页面片段服务，podlets 包含了一些元数据信息，通过json 暴露，

主要包含以下内容

可以通过@podium/podlet 开发podlets

const express = require('express');

const Podlet = require('@podium/podlet');

const app = express();

const podlet = new Podlet({

    name: 'myPodlet',

    version: '1.0.0',

    pathname: '/',

    content: '/',

    fallback: '/fallback',

    development: true,

});

app.use(podlet.middleware());

app.get(podlet.content(), (req, res) => {

    res.status(200).podiumSend(`

        <div>

            This is the podlet's HTML content

        </div>

`);

});

app.get(podlet.manifest(), (req, res) => {

    res.status(200).send(podlet);

});

app.listen(7100);

const podlet = new Podlet(/*...*/);

const app = express();

app.get(podlet.fallback(), (req, res) => {

    res.status(200).podiumSend("<div>It didn't work :(</div>");

});

app.use((req, res, next) => {

    // res.locals.podium.context.locale

    next();

});

获取不同设备

app.get('/', (req, res, next) => {

    // res.locals.podium.context.deviceType

});

同时我们也可以设置默认的值

// Set default locale to Norwegian

podlet.defaults({

    locale: 'nb-NO',

});

podlet.proxy({ target: '/api', name: 'api' });

app.get('/api/cats', (req, res) => {

    res.json([{ name: 'fluffy' }]);

});

// http://localhost:1337/myLayout/podium-resource/myPodlet/api/cats

app.get('/api/dogs', (req, res) => {

    res.json([{ name: 'rover' }]);

});

// http://localhost:1337/myLayout/podium-resource/myPodlet/api/dogs

reload 问题：
通过nodemon 解决

npx nodemon server.js

开发模式：

   development: true,

context 默认值处理

podlet.defaults({

    mountOrigin: 'http://localhost:7100',

});

css&&js

podlet.js({ value: 'http://cdn.mysite.com/scripts.js' });

podlet.css({ value: 'http://cdn.mysite.com/styles.css' });

代理绝对路径

podlet.proxy({ target: 'http://google.com', name: 'google' });