精华内容
下载资源
问答
  • onShareAppMessage

    2018-08-02 04:16:13
    是页面内分享res,from === '...company_id=' + wxb.that.data.detail.company_id,onShareAppMessage(options)在 Page 中定义 onShareAppMessage 函数,设置该页面的转发信息。只有定义了此事件处理函数,右上角菜单...

    是页面内分享

    res,from === 'button'


    页面分享路径一定要带对应的参数

    path: '/pages/gs/detail?company_id=' + wxb.that.data.detail.company_id,


    onShareAppMessage(options)


    在 Page 中定义 onShareAppMessage 函数,设置该页面的转发信息。


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

    • 用户点击转发按钮的时候会调用

    • 此事件需要 return 一个 Object,用于自定义转发内容


    options 参数说明

    自定义转发字段

    示例代码:



    展开全文
  • 在 Page 中定义 onShareAppMessage 函数,设置该页面的分享信息。 只有定义了此事件处理函数,右上角菜单才会显示“分享”按钮 用户点击分享按钮的时候会调用 此事件需要 return 一个 Object,用于自定义分享内容 ...
  • 主要介绍了微信小程序实现页面分享onShareAppMessage,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
  • 微信小程序-页面分享 onShareAppMessage

    万次阅读 多人点赞 2018-02-28 08:14:10
    微信小程序-页面分享 onShareAppMessage

    效果


    js

    let app = getApp();
    Page({
      data: {
        img: "/images/1.jpg"
      },
      onLoad() {
      },
      showShareMenu() {
        wx.showShareMenu();
        console.log("显示了当前页面的转发按钮");
      },
      hideShareMenu() {
        wx.hideShareMenu();
        console.log("隐藏了当前页面的转发按钮");
      },
      onShareAppMessage: (res) => {
        if (res.from === 'button') {
          console.log("来自页面内转发按钮");
          console.log(res.target);
        }
        else {
          console.log("来自右上角转发菜单")
        }
        return {
          title: '妹子图片',
          path: '/pages/share/share?id=123',
          imageUrl: "/images/1.jpg",
          success: (res) => {
            console.log("转发成功", res);
          },
          fail: (res) => {
            console.log("转发失败", res);
          }
        }
      }
    })

    html

    <view class="view">
      <image class="cover-9" src="{{img}}" bindtap="img"></image>
      <view class="window-1">
        <button type="default" id="open" bindtap="showShareMenu">开启分享</button>
        <button type="warn" id="close" bindtap="hideShareMenu">关闭分享</button>
      </view>
      <button type="primary" open-type="share" data-name="pageShare" id="share">点击分享</button>
    </view>

    css

    page{
      height: 100%;
    }
    .view{
      width: 100%;
      height: 100%;
    }
    .window-1{
      display: flex;
      flex-direction: row;
      margin: 20rpx 0;
    }
    .cover-9{
      width: 688rpx;
      height: 75%;
      margin: 0 30rpx;
      border:2rpx solid;
      border-radius:5px;  
    }
    button{
      margin: 0 10rpx;
      width: 100%;
    }
    #share{
      width: 730rpx;
    }

    意外金喜的博客:http://blog.csdn.net/zzwwjjdj1

    更多小程序文章:http://blog.csdn.net/zzwwjjdj1/article/details/79351547
    关注公众号:


    展开全文
  • 主要介绍了小程序分享链接onShareAppMessage的具体用法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
  • 主要介绍了微信小程序分享功能onShareAppMessage(options)用法,结合具体实例形式分析了微信小程序分享功能onShareAppMessage(options)具体使用技巧与相关操作注意事项,需要的朋友可以参考下
  • 小程序全局分享onShareAppMessage

    千次阅读 2020-12-23 15:32:19
    给当前页面重新写入一个onShareAppMessage分享配置 再将该方法放在app.js内的onLaunch中去执行 这样就能全局分享啦 让每个页面分享的标题 内容 图片都一样了 如果你想个别页面不需要重写 你可以看看我注释的地方 ...

    自建博客文章链接:http://www.heblogs.cn/articleDetails/60fa585ab69f2b0a1af648eb

    在app.js内 写一个方法 用wx.onAppRoute监听路由变化 每当路由变化时
    给当前页面重新写入一个onShareAppMessage分享配置 再将该方法放在app.js内的onLaunch中去执行 这样就能全局分享啦
    让每个页面分享的标题 内容 图片都一样了 如果你想个别页面不需要重写 你可以看看我注释的地方

      onLaunch(){
        this.onShareAppMessage()
      },
      onShareAppMessage(){
        wx.onAppRoute(() =>{
          console.log('当前页面路由发生变化 触发该事件onShareAppMessage')
          const pages = getCurrentPages() //获取加载的页面
          const view = pages[pages.length - 1] //获取当前页面的对象
          if(!view)  return false  //如果不存在页面对象 则返回
          // 若想给个别页面做特殊处理 可以给特殊页面加isOverShare为true 就不会重写了
          // const data = view.data
          // if (!data.isOverShare) {
            // data.isOverShare = true
            view.onShareAppMessage = () => { //重写分享配置
              return {
                title: '微信小程序全局分享',
                path: "/pages/home/index", //若无path 默认跳转分享页
                imageUrl:'/image/onshowMessage.png' //若无imageUrl 截图当前页面
              }
            }
          // }
        })
      },
    
    展开全文
  • 本篇文章主要介绍了微信小程序的页面分享onShareAppMessage分享参数用处的相关资料。具有很好的参考价值。下面跟着小编一起来看下吧
  • onShareAppMessage是实现微信小程序分享功能的方法 Page({ //分享页面 onShareAppMessage: function () { var that = this; return { title: '分享页面', path: '/pages/index/index?id='+that.data.id, } ...

    onShareAppMessage是实现微信小程序分享功能的方法

    Page({
      //分享页面 
      onShareAppMessage: function () {
        var that = this;
        return {
          title: '分享页面',
          path: '/pages/index/index?id='+that.data.id,
        }
      }
    })
    

    title:是我们分享出去页面的标题,

    path:是我们分享页面的路径,

    平时我们分享是会遇见一些问题就是 分享出去的页面没有内容 那是因为分享时没有拼接参数,如果页面

    需要id参数的话 我们分享时一定也要拼接到url里 这样页面才能正常打开。

    <button  catchtap='onShareAppMessage' open-type='share'>
    

    如果我们需要点击分享的话 可以直接使用button组件 open-type='share'调用onShareAppMessage 来实现 点击分享

    在这里插入图片描述
    喜欢上方小程序,需要源码的,私信小编留下邮箱。

    展开全文
  • uniapp 微信分享踩坑 onShareAppMessage

    千次阅读 2020-10-19 11:44:44
    从APP分享到微信时,无法判断用户是否点击取消分享... 所以无法执行success和fail这两个方法,一般开发者只能通过微信小程唤起了分享就会执行onShareAppMessage成功后调用执行api的操作即为分享成功 官方文档介绍 ...
  • 小程序开发中,已经定义过onShareAppMessage,希望点击图片(不是按钮)就可以调用分享,结果不可以。 tapShare:function(){ this.onShareAppMessage() } 请问如何正确调用
  • 今天写微信小程序的时候有个功能,需要用户点击分享后跳到小程序中的另一个页面,一番查找后发现有个onShareAppMessage方法可以完成此功能, 但是在页面中写的时候发现不管怎么调试该功能都不会触发,官方说这个方法...
  • onShareAppMessage: function (res) { let that = this; return { desc: '', title: that.data.detail.title, path: "/pages/news/detail?id="+that.data.id, imageUrl: 'resources/images/logoicon.png' ...
  • 先看效果: 直接上代码: const app = getApp() Page({ ... onShareAppMessage(e){ return new Promise((resolve,reject)=>{ wx.showLoading({ title: '正在请求分享数据...', icon: 'none'
  • onShareAppMessage里面不能加请求 去掉我选中的部分就生效了 /** * 用户点击右上角分享 */ onShareAppMessage: function (res) { if (res.from === 'button') { // 来自页面内转发按钮 console.log(" 来自...
  • 微信小程序关于onShareAppMessage分享

    万次阅读 2018-05-21 12:12:37
    微信小程序开发中onShareAppMessage分享:分享按钮Html: 要把open-type设定为share,否则无法触发onShareAppMessage() &lt;view class='menu_1'&gt; &lt;button class='share' id="shareBtn" ...
  • 今天下午突然听到群里有人说微信小程序工具更新了,文档也更新了不少内容. 顾不上吃冬至的饺子.我就冲进来了. 先说分享功能,目前真机尚不能调试.开发工具上可以看看效果....onShareAppMessage: function () { return {
  • onShareAppMessage https://www.jianshu.com/p/50f46fbbf6e0 圆形进度条: 掘金 https://juejin.im/post/6844903561793388558
  • 只有定义了此事件处理函数,右上角菜单才会显示“转发”按钮,在用户点击转发按钮的时候会...代码使用onShareAppMessage自定义转发字段 // page.js Page({ onShareAppMessage: function () { return { titl...
  • 1:右上角自带的分享功能,直接分享,原理是`onShareAppMessage` 2:通过按钮的形式,引导用户触发分享的行为.原理和`onShareAppMessage`一样 代码 注意点 1:onShareAppMessage 和methods是平级的!!! 2:传递的...
  • 最近在做仿抽奖助手小程序,遇上分享的一个问题...onShareAppMessage(options)在 Page 中定义 onShareAppMessage 函数,设置该页面的转发信息。只有定义了此事件处理函数,右上角菜单才会显示 “转发” 按钮用户点击...
  • onShareAppMessage: function( options ){  var that = this;  // 设置菜单中的转发按钮触发转发事件时的转发内容  var shareObj = {  title: "转发的标题", // 默认是小程序的名称(可以写slogan等)  path: '/...
  • onShareAppMessage(res) { return{ title: ‘通知’, path: ‘/navigator/navigate/navigate?id=123’, } }, 注意:onShareAppMessage中path:后面跟的是分享的网页地址,要用绝对路径。 在navigate页面在onLoad里...
  • 需要在方法前加一个static,重新编译就好了; static onShareAppMessage(res) { return { title: 'title', // 转发后 所显示的title path: 'pages/index/index', // 相对的路径 } } ...
  • onShareAppMessage({from}) { if (from === 'button') { return { title: '来自页面内转发按钮的转发', path: '/pages/aa/index', } } return { title: '来自其它的转发', path: '/pages/bb/index' } }, ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 6,488
精华内容 2,595
关键字:

onshareappmessage