百度智能小程序组件 开放能力
open-data
解释:用于展示手机百度APP开放的数据。 属性说明:
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
type | String | 开放数据类型 |
type 有效值:
值 | 说明 |
---|---|
userNickName | 用户昵称 |
userAvatarUrl | 用户头像 |
userGender | 用户性别 |
示例:
<open-data type="userNickName"></open-data>
<open-data type="userAvatarUrl"></open-data>
<open-data type="userGender"></open-data>
web-view
解释:web-view 组件是一个可以用来承载网页的容器,会自动铺满整个智能小程序页面。
属性说明:属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
src | String | webview 指向网页的链接 |
示例:
<!-- swan -->
<!-- 首页的web-view -->
<web-view src="https://m.baidu.com"></web-view>
相关接口 1
网页中可使用 JSSDK 提供的接口返回智能小程序页面。 支持的接口有:
接口名 | 说明 | 备注 |
---|---|---|
swan.navigateTo | 参数与智能小程序接口一致 | |
swan.navigateBack | 参数与智能小程序接口一致 | |
swan.switchTab | 参数与智能小程序接口一致 | |
swan.reLaunch | 参数与智能小程序接口一致 | |
swan.redirectTo | 参数与智能小程序接口一致 |
|
示例:
<!-- html -->
<script type="text/javascript" src="https://s.bdstatic.com/common/openjs/openBox.js"></script>
// javascript
swan.navigateTo({url: '/pages/detail/index'})
相关接口 2
网页中仅支持以下JSSDK接口:
接口模块 | 接口说明 | 具体接口 |
---|---|---|
图像接口 | 拍照或上传 | chooseImage |
预览图片 | previewImage | |
设备信息 | 获取网络状态 | getNetworkType |
地理位置 | 使用内置地图 | getLocation |
获取地理位置 | openLocation |
相关接口 3
用户分享时可获取当前<web-view/>的URL,即在 onShareAppMessage 回调中返回 webViewUrl 参数。
示例:
Page({
onShareAppMessage(options) {
return {
title: '智能小程序标题',
content: '世界很复杂,百度更懂你',
imageUrl: 'https://b.bdstatic.com/searchbox/mappconsole/image/20180404/1522820409-13853.png',
path: '/pages/openShare/openShare?key=value',
success(res) {
// 分享成功
},
fail(err) {
// 分享失败
}
};
}
})
Tips:
1. 网页内iframe的域名也需要配置到域名白名单。
2. 每个页面只能有一个<web-view/>,<web-view/>会自动铺满整个页面,并覆盖其他组件。
3. 网页与智能小程序之间不支持除JSSDK提供的接口之外的通信。