订阅本栏目 RSS您所在的位置: 深山工作室 > uni-app > 正文

uni-app微信小程序分享微信好友与分享到朋友圈功能

2021/1/31 22:24:29 深山工作室 字体: 浏览 5609



微信小程序的本地真机测试也是有效的,或者上传的体验版也是可以正常使用的,不一定非要正式版才可以使用。

这个是按钮的分享,就是点击一下按钮就可以分享出去


<button class="class_guanzhu" data-src="这个是分享图片地址" data-title="这个是分享标题" open-type="share">发给好友</button>
<button data-src="这个是分享图片地址" data-title="这个是分享标题" open-type="share">发到朋友圈</button>




用uni-app开发的微信小程序要调用分享功能
以下是点击小程序边上三个点点时调用的代码
将每一个页面的分享功能弄成组件调用。

1、创建一个js文件(share.js)
    export default{
        data(){
            return {
                //设置默认的分享参数
                sharedata:{
                    title:'ALAPI',
                    path:'/pages/index/index',
                    imageUrl:'',
                    desc:'',
                    content:''
                }
            }
        },
        //发送给朋友
        onShareAppMessage(res) {
            return {
                title:this.sharedata.title,
                path:this.sharedata.path,
                imageUrl:this.sharedata.imageUrl,
                desc:this.sharedata.desc,
                content:this.sharedata.content,
                success(res){
                    uni.showToast({
                        title:'分享成功'
                    })
                },
                fail(res){
                    uni.showToast({
                        title:'分享失败',
                        icon:'none'
                    })
                }
            }
        },
       
        //uniapp微信小程序分享页面到微信朋友圈
        onShareTimeline(res) {
            return {
                title:this.sharedata.title,
                query:'',
                imageUrl:this.sharedata.imageurl,
                success(res){
                    uni.showToast({
                        title:'分享成功'
                    })
                },
                fail(res){
                    uni.showToast({
                        title:'分享失败',
                        icon:'none'
                    })
                }
            }
        }
       
    }
   
2、全局使用, 在 main.js 里面 添加全局的 mixin
import share from '@/components/....你的路径.../share.js' //自定义分享功能
Vue.mixin(share)


3、在需要的页面进行调用就行啦
     a. 这个是第一种调用方式,用下面这段,总觉得有些麻烦后期不方便扩展与处理
    export default {
    data(){
        return {
            //设置默认的分享参数
            sharedata:{
                title:'ALAPI',
                path:'/pages/index/index',
                imageUrl:'',
                desc:'',
                content:''
            }
        }
    }
   
   
    b.另外一种调用方式
    //页面分享使用
    function pub_show_share(zhege, l_listdata, xml1,fx_title,fx_path, fx_imageurl, fx_desc, fx_content,xml8) {
        if (fx_title){zhege.sharedata.title = '' + fx_title;}
        if (fx_path){zhege.sharedata.path = '' + fx_path;}
        if (fx_imageurl){zhege.sharedata.imageurl = '' + fx_imageurl;}
        if (fx_desc){zhege.sharedata.desc = '' + fx_desc;}
        if (fx_content){zhege.sharedata.content = '' + fx_content;}
    }
   
    this.$qwbmjs.pub_show_share(_self, '', '','信息资讯','', '', '', '',''); //我现在用这种方式,最省事,就一句话处理


相关阅读
丽江云杉旅行网
初学ASP动态网页制作常用错误处理
ASP事务处理 for access
更变态的页面右击失效代码,选择,全选,全部失效
红色圣诞老人留言板模板
04 正常使用运行深山留言板
汽配公司
利用css中的scale()实现放大缩小效果
共有0条关于《uni-app微信小程序分享微信好友与分享到朋友圈功能》的评论
发表评论
正在加载评论......
返回顶部发表评论
呢 称:
表 情:
内 容:
评论内容:不能超过 1000 字,需审核,请自觉遵守互联网相关政策法规。
验证码: 验证码 
网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

更多信息>>栏目类别选择
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
DIV+CSS
HTML
python
更多>>同类信息
uni-app开发表单input组件的一些规则说明自己预留使用
uni-app:使用uni.downloadFile下载word或pdf文件并保存到手机
小程序中利用addPhoneContact将联系人的信息添加到手机通讯录支持保存联系人头像
微信小程序打开客服提示:该小程序提供的服务出现故障,请稍后重试
微信小程序客服会话只能过button让用户主动触发
uni-app开发微信小程序使用button的open-type为contact调用微信客服不能用view或者js调用
更多>>最新添加文章
在Android、iOS、Windows、MacOS中微信小程序的文件存放路径
python通过代码修改pip下载源让下载库飞起
python里面requests.post返回的res.text还有其它的吗
aliyun阿里云续费域名优惠口令(注册、续费都可以使用)
windows7环境下安装配置jdk
python对微信操作要用到这两个库wxpy与itchat
ASP中Utf-8与Gb2312编码转换乱码问题的解决方法页面编码声明
DW设置之后更好用 DreamweaverCS编辑GB2312与UTF-8文件在代码视图中点击鼠标错位问题的解决办法
更多>>随机抽取信息
我爱敦煌网
关于SQL2008 “不允许保存更改。您所做的更改要求删除并重新创建以下表。您对无法重新创建的标进行了更改或者启用了‘阻止保存要求重新创建表的更改’” 解决方案
静态网站利用微信URL Scheme生成的ticket从浏览器h5跳到微信小程序完整代码
DIV+CSS实现内容垂直居中的一个例子
asp用BcO将二进制转八进制然后再OcB将八进制转二进制
国旅(深圳)国际旅行社有限公司