zoukankan      html  css  js  c++  java
  • uniapp 分享接口

    注意:仅支持分享微信小程序到微信聊天界面,想进入朋友圈需改为分享图片方式,在图片中包含小程序码。一般通过canvas绘制图片,插件市场有很多生成图片的插件。

    小程序分享:

    // 小程序分享
    onShareAppMessage() {
      return {
        title: 'test',
        path: 'pages/index/index'
      }
    }

    只有定义了此事件处理函数,小程序右上角菜单才会显示“转发”按钮。

    App分享:

    首先要在 manfest.json中的 App模块权限配置 中,勾选上分享

    然后在 AppSDK配置 中,设置分享模块,需要填写对应的信息。

    添加按钮:

    <!-- #ifdef APP-PLUS -->
    <button type="primary" @click="share">分享</button>
    <!-- #endif -->

    方法:

    // 分享好友
    share() {
      // 分享图文到微信聊天界面
      uni.share({
        provider: "weixin", // 服务商
        scene: "WXSceneSession", // 场景 微信好友WXSceneSession  朋友圈WXSceneTimeLine
        type: 0, // 图文0 文字1 图片2
        href: "http://uniapp.dcloud.io/", // 分享h5地址
        title: "uni-app分享",
        summary: "我正在使用HBuilderX开发uni-app,赶紧跟我一起来体验!", // 描述
        imageUrl: "https://img-cdn-qiniu.dcloud.net.cn/uniapp/images/uni@2x.png",
        success: function (res) {
            console.log("success:" + JSON.stringify(res));
        },
        fail: function (err) {
            console.log("fail:" + JSON.stringify(err));
        }
      });
    }

    分享图文:href、imageUrl 为必选参数,title/summary 二选一,最好将这四个参数都选上。

    更多分享,请参考文档:

    https://uniapp.dcloud.io/api/plugins/share?id=share 

  • 相关阅读:
    Android LogCat使用详解
    新时代新潮流WebOS 【20】WebKit的结构与解构
    Android调试的必杀技——反汇编
    真机缺少com.google.android.maps.jar解决方法:
    test
    VMware让ubuntu与win7共享文件方法
    android手机通过笔记本无线wifi上网
    新时代新潮流WebOS 【22】WebKit,鼠标引发的故事
    获取证书
    获取局域网内部机器的MAC地址
  • 原文地址:https://www.cnblogs.com/joe235/p/12567561.html
Copyright © 2011-2022 走看看