百度智能小程序組件 開放能力

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 參數(shù)。

示例：

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