百度智能小程序组件 开放能力

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提供的接口之外的通信。

以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号

意见反馈
返回顶部