tencent cloud

文档反馈

接口说明

最后更新时间:2024-07-12 16:46:39

    相关接口

    接口名
    说明
    wx.miniProgram.navigateTo
    参数与小程序接口一致
    wx.miniProgram.navigateBack
    参数与小程序接口一致
    wx.miniProgram.switchTab
    参数与小程序接口一致
    wx.miniProgram.reLaunch
    参数与小程序接口一致
    wx.miniProgram.redirectTo
    参数与小程序接口一致
    wx.miniProgram.postMessage
    向小程序发送消息,会在以下特定时机触发组件的 message 事件:小程序后退、组件销毁、分享、复制链接
    wx.miniProgram.getEnv
    获取当前环境

    相关接口

    接口模块
    接口说明
    具体接口
    图像接口
    拍照或上传
    chooseImage
    预览图片
    previewImage
    上传图片
    uploadImage
    下载图片
    downloadImage
    获取本地图片
    getLocalImgData
    音频接口
    开始录音
    startRecord
    停止录音
    stopRecord
    监听录音自动停止
    onVoiceRecordEnd
    播放语音
    playVoice
    暂停播放
    pauseVoice
    停止播放
    stopVoice
    监听语音播放完毕
    onVoicePlayEnd
    设备信息
    获取网络状态
    getNetworkType
    地理位置
    使用内置地图打开地点
    openLocation
    获取地理位置
    getLocation
    示例代码:
    <!-- html -->
    <script type="text/javascript" src="https://raw.githubusercontent.com/TencentCloud/tcmpp-demo-miniprogram/main/index.js"></script>
    wx.miniProgram.navigateTo({url: '/path/to/page'})
    wx.miniProgram.postMessage({ data: 'foo' })
    wx.miniProgram.postMessage({ data: {foo: 'bar'} })
    wx.miniProgram.getEnv(function(res) { console.log(res.miniprogram) })

    相关接口

    用户分享时可获取当前 web-view 的 URL,即在onShareAppMessage回调中返回webViewUrl参数。
    示例代码:
    Page({
    onShareAppMessage(options) {
    console.log(options.webViewUrl)
    }
    })

    相关接口

    在网页内可通过 window.__wxjs_environment 变量判断是否在小程序环境,建议在 WeixinJSBridgeReady 回调中使用,也可以使用 JS SDK 提供的 getEnv 接口。
    示例代码:
    // web-view下的页面内
    function ready() {
    console.log(window.__wxjs_environment === 'miniprogram') // true
    }
    if (!window.WeixinJSBridge || !WeixinJSBridge.invoke) {
    document.addEventListener('WeixinJSBridgeReady', ready, false)
    } else {
    ready()
    }
    
    // 或者
    wx.miniProgram.getEnv(function(res) {
    console.log(res.miniprogram) // true
    })

    Tips

    网页内 iframe 的域名也需要配置到域名白名单;
    开发者工具上,可以在 web-view 组件预览界面打开 web-view 的调试;
    每个页面只能有一个 web-view,web-view 会自动铺满整个页面,并覆盖其他组件;
    web-view 网页与小程序之间不支持除 JS SDK 提供的接口之外的通信;
    避免在链接中带有中文字符,在 iOS 中会有打开白屏的问题,建议加一下 encodeURIComponent。
    
    联系我们

    联系我们,为您的业务提供专属服务。

    技术支持

    如果你想寻求进一步的帮助,通过工单与我们进行联络。我们提供7x24的工单服务。

    7x24 电话支持