codecamp

百度智能小程序 web态概述

Web 态是百度小程序包在后台自动转化得到的一个 H5 版本的小程序,其功能与展示形式与小程序一致。百度智能小程序为开发者提供了对接百度搜索生态的能力。 由于智能小程序运行在宿主 app 中,无法被爬虫感知,所以需要对智能小程序进行 Web 态的处理。

如何接入自然搜索流量请阅读接入自然搜索结果。

Web 态对小程序开发者来说是透明的,开发者几乎不用做额外的适配即可完成转换(由于 H5 与客户端天然存在的差异,针对 Web 态的场景,我们仍有一些开发建议希望开发者能够关注)。

关于爬虫抓取

生成的 Web 态页面会提供给搜索爬虫抓取,从而建立小程序页面索引。爬虫抓取的 UA 中包含 swan-webapp,爬虫的抓取方式不仅针对静态的 html 文本,页面中的动态数据渲染和样式布局等也会对爬虫识别有效信息起到至关重要的作用。

Web 态预览

Web 态页面地址

图片

  • 每个小程序都有唯一的子域名;
  • URL 中 path 和 query 部分和小程序页面中的 path 和 query 一致。比如:上例对应的小程序页面在百度 APP 中的打开路径即为 /pages/detail/index?id=1;
  • 如 URL 为指定 path 和 query,默认跳转首页。

预览

预览 Web 态前,请确保服务器域名配置中 request 域名已配置,否则异步请求不能正常返回。配置方式:小程序后台-设置-开发设置-服务器域名-request 的合法域名
  • 在工具中预览:登录状态下,点击“预览”按钮,弹出窗中切换到 “WEB 预览” Tab 可以预览 Web 态的效果。直接扫码通过手机浏览器查看。图片
  • 浏览器预览:点击“在浏览器中打开”通过本地浏览器查看。浏览器中打开的 URL 域名即是该小程序的 Web 态真实域名。预览环境的 URL 后有 appKey 参数,正式环境下没有该参数。图片


百度智能小程序 读写权限
百度智能小程序 web态开发建议
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

百度智能小程序开发文档

百度智能小程序 组件

百度智能小程序 地图

百度智能小程序 画布

百度智能小程序 API

百度智能小程序 界面

百度智能小程序 关注小程序引导组件

百度智能小程序 自定义组件

百度智能小程序 媒体

百度智能小程序 设备

百度智能小程序 拨打电话

百度智能小程序 内存警报

百度智能小程序 手机联系人

百度智能小程序 用户截屏事件

百度智能小程序 第三方平台

百度智能小程序 开放接口

百度智能小程序 百度收银支付

百度智能小程序 分包预下载

百度智能小程序 数据分析

百度智能小程序 服务端

百度智能小程序 云开发

百度智能小程序 初始化

百度智能小程序 云函数

百度智能小程序 服务端初始化

百度智能小程序 服务器获取上下文

百度智能小程序 服务端云函数

百度智能小程序 开发教程

百度智能小程序 功能开发

百度智能小程序 基本原理

百度智能小程序 小程序自动化

百度智能小程序 视频教程

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }