codecamp

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

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,免费阅读超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; }