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

open-data

type 有效值:

示例：

<open-data type="userNickName"></open-data>
<open-data type="userAvatarUrl"></open-data>
<open-data type="userGender"></open-data>

web-view

解释：web-view 组件是一个可以用来承载网页的容器，会自动铺满整个智能小程序页面。

示例：

<!-- swan -->
<!-- 首页的web-view -->
<web-view src="https://m.baidu.com" rel="external nofollow" ></web-view>

相关接口 1

网页中可使用 JSSDK 提供的接口返回智能小程序页面。 支持的接口有：

示例：

<!-- html -->
<script type="text/javascript" src="https://s.bdstatic.com/common/openjs/openBox.js" rel="external nofollow" ></script>

// javascript
swan.navigateTo({url: '/pages/detail/index'})

相关接口 2

网页中仅支持以下JSSDK接口：

相关接口 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) {
                // 分享失败
            }
        };
    }
})

1. 网页内iframe的域名也需要配置到域名白名单。

2. 每个页面只能有一个<web-view/>，<web-view/>会自动铺满整个页面，并覆盖其他组件。

3. 网页与智能小程序之间不支持除JSSDK提供的接口之外的通信。