精华内容
下载资源
问答
  • 微信小程序分享功能

    2021-08-16 17:12:59
    今天制作微信小程序分享功能,总结一波。 wxml <button open-type="share">分享</button> js /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { wx.showShareMenu({ ...

    今天制作微信小程序的分享功能,总结一波。

    wxml

    <button open-type="share">分享</button>

    js

    /**
       * 生命周期函数--监听页面加载
       */
      onLoad: function (options) {
        wx.showShareMenu({
          menus: ['shareAppMessage', 'shareTimeline'],
          success(res) {
            console.log(res)
          },
          fail(e) {
            console.log(e)
          }
        })
      },
    /**
       * 用户点击右上角分享
       */
      onShareAppMessage: function (res) {
          if (res.from === 'button') {
            // 来自页面内转发按钮
              console.log(res.target)
          }
          return {
              title: 'super分享给好友',
              path: '/page/user?id=123',
              imageUrl: 'https://img0.baidu.com/it/u=3971760134,427479911&fm=26&fmt=auto&gp=0.jpg'
          }
      },
      // 分享至朋友圈
      onShareTimeline: function (res) {
          if (res.from === 'button') {
            // 来自页面内转发按钮
              console.log(res.target)
          }
          return {
              title: 'super分享至朋友圈',
              query: 'id=123',
              imageUrl: 'https://img0.baidu.com/it/u=3971760134,427479911&fm=26&fmt=auto&gp=0.jpg'
          }
      }

    关于分享到朋友圈,微信还不支持,只能通过微信小程序自带的胶囊按钮分享。

     

    展开全文
  • 二、分享好友或者朋友圈-详见微信开放文档 先展示: 实现分享好友 实现分享朋友圈 注意:这两个方法和页面生命周期onLoad()同一级 详见代码: onLoad(option) { this.setPaintOrgIdData(option); ...

    一、分享朋友圈-详见uni-app官方文档

     



    注意:更多注意事项见uni-app文档

     结果展示:

    二、分享好友或者朋友圈-详见微信开放文档

    先展示:

     实现分享好友

     实现分享朋友圈

     

    注意:这两个方法和页面生命周期onLoad()同一级

     详见代码:

    onLoad(option) {
        this.setPaintOrgIdData(option);
        this.getProductData(option);
      },
      // 微信小程序右上角分享
      onShareAppMessage() {
        return this.getShareData();
      },
      // 转发至朋友圈
      onShareTimeline() {
        return this.getShareData("timeline");
      },

    methods:{

            getShareData(type) {
                  let title = "分享标题";
                  // 判断本地是否存在ID---------(这个不重要,目的是为了获取 path)
                  let paintOrgId = uni.getStorageSync("paintOrgId");
                  let path = `/pages/index/index`;
                  if (paintOrgId) {
                            path = `${path}?id=${paintOrgId}`;
                  }
                  let imageUrl = "../../static/images/public/ic_unified_share.png";
                  if (type == "timeline") {
                            return {
                                      title,
                                      imageUrl,
                                      query: path,
                            };
                  }
                  return {
                            title,
                            imageUrl,
                            path,
                  };
        },

    }

    模仿上面的代码就能实现

    展开全文
  • 分享一个助力链接给朋友,但在点击分享按钮后需要向后台请求接口再来判断当前是否可分享,也...在resolve({......})里面填写分享的链接,注意,path里面有参数时要保证参数传递正确,否则不论分享哪个链接,用户分享...

    分享一个助力链接给朋友,但在点击分享按钮后需要向后台请求接口再来判断当前是否可分享,也就是说需要在分享按钮那里做一个异步请求,一开始怎么弄都是只要点击分享按钮就会弹出分享弹框,后面发现可以用Promise()进行截断

    <button class="shareBtn" open-type="share" disabled="{{shareClose}}">

     在resolve({......})里面填写分享的链接,注意,path里面有参数时要保证参数传递正确,否则不论分享哪个链接,用户分享的都是当前页面

    当执行reject({})时分享弹框不会出现

    展开全文
  • 第一种:在page.js中实现onShareAppMessage,便可在小程序右上角选择分享该页面 onShareAppMessage: function () { return { title: '弹出分享时显示的分享标题', desc: '分享页面的内容', path: '/page/...

    第一种:在page.js中实现onShareAppMessage,便可在小程序右上角选择分享该页面

    onShareAppMessage: function () {
    
        return {
            title: '弹出分享时显示的分享标题',
            desc: '分享页面的内容',
            path: '/page/share?id=123' // 路径,传递参数到指定页面。
        }
    
    }

    第二种:自定义按钮实现分享

    在页面写一个button组件

    <button open-type=’share’> </button>   点击该按钮,就可以实现页面内的分享

    公共的分享方法

     onShareAppMessage: function (res) {
        var shareObj = {
              title: "分享",        
              path: '/pages/scriptDetails/scriptDetails',     
              imageUrl: '',    
              success: function(res){
                if(res.errMsg == 'shareAppMessage:ok'){
                       
                }
              }
            }
        if (res.from === 'button') {
          // 来自页面内转发按钮
          shareObj.path = '/pages/organizationDetails/organizationDetails?id='+this.data.groupId+'&type='+1+'&orderid='+'';
                
        }
        if( res.from == 'menu' ){
          shareObj.path = '/pages/organizationDetails/organizationDetails?id='+this.data.groupId+'&type='+1+'&orderid='+'';
      }
         return shareObj;
    
      },

    展开全文
  • 只有定义了该函数,小程序右上角的菜单中才会有转发按钮 用户点击转发按钮的时候回调用该函数 该函数内需要 return 一个 Object,Object中包含转发的信息(可自定义转发的内容) 页面中有可以触发转发时间的...
  • uniapp 微信小程序全局分享功能

    千次阅读 2021-03-12 13:44:39
    分享业务逻辑 export default { onShareAppMessage(res) { return { path:'/pages/welcome/welcome', success(res) { uni.showToast({ title: '分享成功' }) }, fail(res) { uni....
  • uni-app 微信小程序 功能 传参 接收 与 调试 当使用微信小程序进行分享好友功能时,怎样能够联调,查看是否接收到参数,并在被分享人点进来的时候逻辑处理是否正确。 1、分享功能实现 分享给朋友 有两种方式: 第一...
  • //todo @Data public static class Config { /** * 设置微信小程序的appid */ private String appid; /** * 设置微信小程序的Secret */ private String secret; /** * 设置微信小程序消息服务器配置的token */ ...
  • 微信小程序分享onShareAppMessage用法: 按着网上说的这么多,验证到目前为止,还没见到可行的带参数传递 最后发现: onShareAppMessage分享成功也不会返回了 //分享 onShareAppMessage:function(res){ ...
  • 今天简单地说下微信小程序的转发功能,为什么要简单的说下呢,因为主要讲的就是转发给好友或者群组,还有一种是分享到朋友圈,这种就比较复杂一点了,先稍微透漏一点,分享到朋友圈主要是两种方法,一种是后台直接...
  • 本篇文章给大家带来的内容是关于微信小程序实例:自定义分享功能的实现代码,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。本章节介绍的是小程序的自定义分享的功能。可以分享小程序的任何一个...
  • 企业微信有好多分享功能,其他的都很好实现,在实现分享小程序功能的时候,踩了一部分坑 在这里值介绍分享小程序的实现功能 wx.invoke('sendChatMessage', { msgtype:"text", //消息类型,必填 text: {
  • 微信小程序分享/转发功能方法

    千次阅读 2021-04-13 15:50:20
    前言:实现微信小程序的分享和转发功能主要有以下两种方法: (1)小程序右上角菜单自带的分享功能(包括发送给朋友和分享到朋友圈) (2)自定义分享按钮:open-type="share" 接下来会具体的介绍这两种分享的使用: 1...
  • 实现微信小程序分享朋友圈及好友

    千次阅读 2021-11-11 22:49:53
    showShareMenu微信小程序API文档链接 注意事项 显示“分享到朋友圈”按钮时必须同时显示“发送给朋友”按钮,显示“发送给朋友”按钮时则允许不显示“分享到朋友圈”按钮 onLoad() { // "shareAppMessage"表示...
  • 调用wx.showShareMenuapi 在需要转发的页面的onLoad(onShow也可以)事件里加入如下代码: wx.showShareMenu({ withShareTicket:true, menus:['shareAppMessage','...分享后的封面图是默认小程序的logo,标题.
  • 通过本文教程可以实现将H5手机网站直接封装成微信小程序,并且支持分享功能。但不支持微信支付功能。说明:手机站域名必须开启https模式第一步:微信开发者工具中创建小程序,填写你自己的小程序AppID第二步:修改...
  • 1.新增页面share.js: export default { onShareAppMessage(res... onShareTimeline(res) { // 分享到朋友圈 return {} } } 2.在main.js中引用: import share from './static/js/share.js' Vue.mixin(share) ...
  • 微信小程序分享 微信小程序已经支持分享到好友和朋友圈功能(安卓),用户在朋友圈打开分享的小程序页面,并不会真正的打开小程序,而是进入一个“小程序单页面模式”的页面; 微信小程序文档:...
  • 微信小程序分享功能的实现方法有两种:第一种在page.js中实现onShareAppMessage,便可在小程序右上角选择分享该页面onShareAppMessage: function () {return {title: '弹出分享时显示的分享标题',desc: '分享页面的...
  • 目前微信小程序只开放了页面自定义分享的API,为了能够更灵活的进行分享配置、满足运营的需求,本文总结了微信小程序分享转发的多种用法,其中包括官方提供的页面自定义分享,使用隐式路由和页面配置实现的全局分享...
  • 开发和体验版本如果分享路径有改动,正常分享是一定链接到正式环境路径的,导致无法测试。 ...打开另一个小程序的对象关键字为:wx.navigateToMiniProgram 在微信开发文档搜 wx.navigateToMiniProg
  • 微信小程序禁用分享

    千次阅读 2021-01-27 10:55:00
    开发微信小程序过程中,很多同学可能是通过拷贝或者开发者工具的方式自动生成的页面,这些页面带有很多的生命周期,不少同学并没有删除这些生命周期,大部分情况下没什么问题,但分享相关的生命周期,如果不删除的话...
  • 背景目前手上有一个小程序的项目,希望转发时分享消息的界面能够自定义,然而微信小程序只提供设置图片的url和title。/*** 用户点击右上角分享*/onShareAppMessage: function() {return {imageUrl:'',title:''};}实现...
  • 哪个页面需要分享功能,就放在哪个页面,具体文档地址在这里 ==> 文档地址 // 发送给朋友 onShareAppMessage(){ return { title: '全能簿', // 标题 path: '/pages/index/index', // 要分享的页面 imageUrl...
  • 本文是打包成安卓App。 一、注意事项 用到了分享功能,在打包原生应用时,需要注意:首先勾选权限配置,...需要在微信开放平台开启APP跳转小程序,并管理相应的小程序 微信开放平台 -> 移动应用 -> 查看 ->
  • 但这是在开发微信小程序,实现个好友分享还不容易吗? 在wxml中定义一个分享触发的按钮 <button open-type = "share">分享</button> open-type = "share"很重要 然后在js中定义分享方法 ...
  • 本文章发文时间 2021-02-23 , 至本文章发文时,微信小程序分享到微信朋友圈还是在内测阶段,并且只支持Android手机。 微信官方文档在这里 核心代码实现如下: wx.showShareMenu({ menus: ['shareAppMessage', '...
  • 个人博客地址 http://dandanlove.com/最近做了一些有关于微信小程序的项目,涉及了微信小程序的唤起和分享微信小程序。所有的内容都来源于 微信开放平台public class WXProxy {private IWXAPI mShareAPI;/*** 构造为...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 58,510
精华内容 23,404
关键字:

微信小程序分享功能

微信小程序 订阅