开放、分享、自由、中立、公平网吧论坛公众号APP(送下载币任务) 微信公众号

天下网吧论坛

 找回密码
 注册账号

QQ登录

只需一步,快速开始

用微信登录

扫一扫,用微信登录

查看: 2537|回复: 0
收起左侧

[经验分享] 小程序怎么分享到朋友圈?全套教程来了

[复制链接]
发表于 2020-7-7 19:34:35 | 显示全部楼层 |阅读模式 发布于:福建省福州市 联通
本帖最后由 微信小程序 于 2020-8-3 11:32 编辑

话说微信小程序原生支持直接分享到朋友圈了。
这个更新不得不说是小程序界的大新闻了。于是天下网吧马上亲身体验了这个功能。
下面就说说在微信开发者工具上体验微信小程序分享到朋友圈功能的完整过程吧:
1、开发者工具1.042007032版本,打开天下网吧小程序项目
2、在首页代码的onLoad里添加右上角胶囊分享到朋友圈的代码,如下:
    wx.showShareMenu({
      withShareTicket: true,
      menus: ['shareAppMessage', 'shareTimeline']
    });  

3、添加分享到朋友圈的回调代码
        onShareTimeline: function (res) {
                return {
                        title: "天下网吧-天下网咖,咱们只关注网吧网咖行业",
                        path: `/pages/index/index?type=${this.data.type}`,
                        imageUrl: 'https://bbs.txwb.com/images/wmapp/share.jpg',
                        success: function (res) {
                                console.log(res);
                        },
                }
        },

由于分享到朋友圈的页面必须是当前页面,所以这里面的path路径其实是无效的。正确的是query的自定义参数
其实这里都不用传,默认会自动处理成当前页面的路径和访问参数。
4、保存,自动编译好后点右上角胶囊,见证奇迹吧:
小程序怎么分享到朋友圈?全套教程来了_天下网吧APP_网吧网咖APP
看到分享到朋友圈功能了吧。点击一下,出现下面界面:
小程序怎么分享到朋友圈?全套教程来了_天下网吧APP_网吧网咖APP
分享出去后的页面,模拟点击朋友圈打开的页面:
小程序怎么分享到朋友圈?全套教程来了_天下网吧APP_网吧网咖APP

赶紧来设置你的签名->玩转天下网吧论坛签名

您需要登录后才可以回帖 登录 | 注册账号   扫一扫,用微信登录

本版积分规则

下载天下网吧手机APP,直接一键登录
您尚未登录,请登陆后浏览更精彩内容!
 注册账号
找回密码

手机版|纯文字版|联系我们|免责声明|网吧论坛 ( __ICP号__ )

GMT+8, 2024-3-29 09:08 , Processed in 1.388373 second(s), 36 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表