swan.setPageInfo

配置页面基础信息接口，目前在 Web 态代码和收藏里会被使用，推荐使用 setPageInfo；小程序页面被收藏时，会用到setPageInfo中设置的页面标题。

setMetaDescription/setMetaKeywords/setDocumentTitle 已停止维护。 建议在 Page 的 onShow 生命周期中使用。由于onShow 生命周期会在用户前进后退时触发，若数据来自 onLoad 等其他生命周期，建议使用变量形式存储并在 onShow 中调用 setPageInfo 函数，详情参见下面的代码示例二。 解释：智能小程序可接入百度搜索和宿主 App 信息流，swan.setPageInfo 负责为小程序设置各类页面基础信息，包括标题、关键字、页面描述以及图片信息、视频信息等。开发者为智能小程序设置完备的页面基础信息，有助于智能小程序在搜索引擎和信息流中得到更加有效的展示和分发。其中title和image字段也有助于用户添加页面收藏的模板展现和回访体验（用户可以在小程序菜单中收藏当前页面，并通过百度App”我的-常用功能-收藏”回访已收藏的页面）。

方法参数

Object object

object参数说明

video 参数说明 visit 参数说明

示例

扫码体验

在开发者工具中，单击“预览”，输入您的APPID，单击“WEB预览”，百度APP中扫码体验。

图片示例

代码示例 1 ：

在开发者工具中预览效果 在 js 文件中

  1. Page({    onShow() {        swan.setPageInfo({            title: '晒元宵节活动红包，爱奇艺60张年卡、600张季卡等你拿！-百度贴吧',            keywords: '百度,百度贴吧,好运中国年,60,晒元,宵节',            description: '晒元宵节活动红包，爱..昨天的百度APP元宵节活动中，共发出2亿现金红包、含151万个手气现金大奖和240辆红旗轿车，谁是好运锦鲤，快来分享！马上惊喜升级~摇中红包的锦鲤们即刻晒出红包金额截图，我们将会抽取660位好运锦鲤',            articleTitle: '晒元宵节活动红包，爱奇艺60张年卡、600张季卡等你拿！',            releaseDate: '2019-01-02 12:01:30',            image: [                'https://c.hiphotos.baidu.com/forum/w%3D480/sign=73c62dda83b1cb133e693d1bed5456da/f33725109313b07e8dee163d02d7912396dd8cfe.jpg',                'https://hiphotos.baidu.com/fex/%70%69%63/item/43a7d933c895d143e7b745607ef082025baf07ab.jpg'            ],            video: [{                url: 'https://www.baidu.com/mx/v12.mp4',                duration: '100',                image: 'https://smartprogram.baidu.com/docs/img/image-scaleToFill.png'            }],            visit: {                pv: '1000',                uv: '100',                sessionDuration: '130'            },            likes: '75',            comments: '13',            collects: '23',            shares: '8',            followers: '35',            success: res => {                console.log('setPageInfo success');            },            fail: err => {                console.log('setPageInfo fail', err);            }        })    }});

代码示例 2 ：

在开发者工具中预览效果 在 js 文件中

  1. Page({    onLoad(query) {        // 当请求依赖于 query 参数时，先从 onLoad 生命周期中取出 query        this.setData({            articleID: query.id        });    },    onShow() {        const articleID = this.getData('articleID');        swan.request({            url: `https://example.com/api/article_info?id=${articleID}`,            success: res => {                swan.setPageInfo({                    title: res.title,                    keywords: res.keywords,                    description: res.description,                    articleTitle: res.articleTitle,                    releaseDate: res.releaseDate,                    image: res.image,                    video: res.video                });            },            fail: err => {                // 异常处理            }        });    }});

Bug & Tip

  • -