[猫头虎分享21天微信小程序基础入门教程]第21天:小程序的社交分享与消息推送

[猫头虎分享21天微信小程序基础入门教程]第21天:小程序的社交分享与消息推送
请添加图片描述


第21天:小程序的社交分享与消息推送 📲

自我介绍

大家好,我是猫头虎,一名全栈软件工程师。今天我们继续微信小程序的学习,重点了解如何实现社交分享与消息推送功能。这些功能可以帮助你提高小程序的用户互动和活跃度。🚀

社交分享

微信小程序提供了丰富的分享功能,可以让用户将内容分享到微信好友和朋友圈。

一、实现分享功能

1. 配置分享菜单

在小程序的 app.json 文件中配置分享菜单:

{"window": {"navigationBarTitleText": "小程序","navigationStyle": "custom"},"tabBar": {"list": [{"pagePath": "pages/index/index","text": "首页"}]}
}
2. 使用 onShareAppMessage 实现分享

在页面的 js 文件中实现分享逻辑:

Page({onShareAppMessage() {return {title: '分享标题',path: '/pages/index/index',imageUrl: '/images/share-image.png', // 分享图片success(res) {console.log('分享成功:', res);},fail(err) {console.error('分享失败:', err);}};}
});

二、自定义分享内容

1. 动态生成分享内容

根据页面内容动态生成分享标题和路径:

Page({data: {articleTitle: '文章标题'},onShareAppMessage() {return {title: `快来阅读这篇文章: ${this.data.articleTitle}`,path: `/pages/article/article?id=123`,imageUrl: '/images/share-image.png',success(res) {console.log('分享成功:', res);},fail(err) {console.error('分享失败:', err);}};}
});

消息推送

微信小程序提供了订阅消息功能,可以向用户推送消息。

三、实现订阅消息

1. 配置订阅消息模板

在微信公众平台的“订阅消息”功能中创建并配置消息模板。

2. 请求订阅消息权限

在页面的 js 文件中请求用户订阅消息权限:

Page({requestSubscribeMessage() {wx.requestSubscribeMessage({tmplIds: ['TEMPLATE_ID'], // 替换为你的订阅消息模板IDsuccess(res) {console.log('订阅成功:', res);if (res['TEMPLATE_ID'] === 'accept') {// 用户同意订阅消息wx.showToast({title: '订阅成功',icon: 'success'});}},fail(err) {console.error('订阅失败:', err);}});}
});
3. 发送订阅消息

在后端服务器上实现发送订阅消息的逻辑。以下是使用 Node.js 和 Express 的示例:

const express = require('express');
const axios = require('axios');
const app = express();app.post('/send-message', (req, res) => {const { openid, templateId, formId, data } = req.body;// 获取小程序的 access_tokenaxios.get(`https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=YOUR_APPID&secret=YOUR_SECRET`).then(response => {const accessToken = response.data.access_token;// 发送订阅消息return axios.post(`https://api.weixin.qq.com/cgi-bin/message/subscribe/send?access_token=${accessToken}`, {touser: openid,template_id: templateId,page: 'pages/index/index',data: data});}).then(response => {res.json({ success: true, data: response.data });}).catch(error => {console.error('发送消息失败:', error);res.json({ success: false, error: error.message });});
});app.listen(3000, () => {console.log('Server running on port 3000');
});

小测试 🧪

  • 实现一个页面的分享功能,用户可以将该页面分享给微信好友。
  • 请求用户订阅消息权限,并发送一条测试消息到用户的微信。

今日学习总结 📚

概念详细内容
社交分享配置分享菜单,使用 onShareAppMessage 实现分享
自定义分享内容动态生成分享标题和路径
消息推送配置订阅消息模板,请求订阅消息权限,发送订阅消息

结语

通过今天的学习,你应该掌握了如何在小程序中实现社交分享与消息推送功能。这些技术可以帮助你提高小程序的用户互动和活跃度。感谢你跟随我完成了这21天的微信小程序基础入门教程。如果你有任何疑问,欢迎关注并留言在我的公众号猫头虎技术团队。📩


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/18895.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

vue项目部署二级目录访问时的nginx环境刷新404问题

location / {root D:/bunkerSystem/admin/;index index.html;try_files $uri $uri/ /mixing-admin/index.html;}

MySQL8.0.35简介

MySQL 8.0.35 是 MySQL 数据库管理系统的一个具体版本,该版本包含了多种特性和改进。以下是关于 MySQL 8.0.35 的主要信息,包括其发布背景、性能提升、以及安装和配置的相关内容: 1. 发布背景 MySQL 8.0 系列自 2017 年起开始开发&#xff…

MQ第②讲~保证消息可靠性

前言 上一讲我们讲了MQ实际工作中常见的应用场景,这一节讲一下消息的可靠性,如果对MQ掌握程度比较高的铁子,可以不用看,节省您宝贵的时间。 消息的大致链路 消息从投递到消费需要考虑如下几个问题 生产者的消息是否成功投递到消…

虚拟机改IP地址

使用场景:当你从另一台电脑复制一个VMware虚拟机过来,就是遇到一个问题,虚拟的IP地址不一样(比如,一个是192.168.1.3,另一个是192.168.2.4,由于‘1’和‘2’不同,不是同一网段&#…

浅谈路由器转发数据包

当路由器转发数据包时,它会经历一系列步骤,包括接收数据包、路由表查询、以及转发数据包。以下是详细的步骤描述: 1. 接收数据包 以太网帧到达端口:当一个以太网帧到达路由器的某个网络接口(端口)时&#…

Ubuntu设置静态IP方法

Ubuntu设置静态IP方法 编辑文件:sudo vim /etc/netplan/01-network-manager-all.yaml network: version: 2 renderer: networkd ethernets: ens33: # 替换为你的网络接口名称 (可通过ifconfig查看)addresses: - 192.168.3.198/24 # 设置静态IP地址和子网掩…

20240529瑞芯微官方Toybrick TB-RK3588开发板的Debian11下使用SCP拷贝文件

20240529瑞芯微官方Toybrick TB-RK3588开发板的Debian11下使用SCP拷贝文件 2024/5/29 20:48 1、ADB链接异常。 2、BT打开之后找不到设备? 不清楚:是我拿到的开发板的问题,还是Toybrick/Rockchip官方没有做好。 3、现在最新版本的WINSCP&…

【论文解读】MD-VQA: Multi-Dimensional Quality Assessment for UGC Live Videos

原文下载地址:MD-VQA: Multi-Dimensional Quality Assessment for UGC Live Videos 时间:2023 年 级别:IEEE 作者:上海交通大学、阿里巴巴 摘要: UGC直播视频在捕获过程中常常会受到各种失真的影响,导致视觉质量多样。这些源视频在通过媒体服务器提供商分发给最终用户之…

154.找出出现至少三次的最长特殊字符串|(力扣)

代码解决 class Solution { public:int maximumLength(string s) {// 使用unordered_map来存储每个连续子串出现的次数unordered_map<string, int> mp;string key; // 存储当前的连续子串int ans -1; // 存储最终的答案&#xff0c;如果没有符合条件的子串&#xff0c…

centos系统编译openssl和openssl-lib的rpm安装包

centos系统编译openssl和openssl-lib的rpm安装包 由于漏洞原因需要升级系统的openssl版本到新的版本&#xff0c;但是openssl最新版本需要自己编译生成rpm安装文件&#xff0c;以下是编译步骤&#xff1a; 1、下载对应版本的源码包 可以去openssl github下载&#xff0c;htt…

深度学习常用命令

tensorboard —logdir路径 conda 相关 - conda env list - conda activate 环境名 - conda env export > 111.yaml 导出环境到111.yaml文件 - conda env create -f 111.yaml 根据文件创建环境 - conda list 查看当前环境安装包 - conda remove -n your_env_name --all …

高级数据结构-并查集

例题1&#xff1a; Alice和Bob玩了一个古老的游戏&#xff1a;首先画一个 &#x1d45b;&#x1d45b; 的点阵&#xff08;下图 n3 &#xff09;。 接着&#xff0c;他们两个轮流在相邻的点之间画上红边和蓝边&#xff1a; 直到围成一个封闭的圈&#xff08;面积不必为 1&#…

Cisco网络工程师和网络安全视频教程(完整版)

0001.IT技术包括的技能 0002.课程目标.mp4 0003.Internet示意图.m 0004.局域网和广域网区 0005.服务器客户机mp4 0006.应用层和表示层.m.. 0007.会话层.mp4 0008.传输层.mp4 0009.网络层数据链路层 0010.OSI参考模型和网 0011.普换法排错.mp4 0012.OSI参考模型和网. 0013.网线和…

Mysql 插入或者更新 踩坑

最近在做电商项目&#xff0c;里面存在定时同步的代理商接口&#xff0c;接口xml里面使用了 MySQL的插入或者更新语法&#xff0c;我测试的时候老是发现数据没有更新&#xff0c;点进去才发现这个坑&#xff0c;路过的xdm 可以看下. 我的代码就不贴上来了&#xff0c;写一下具…

如何更改SSH服务器端口以减少蛮力攻击

本周有一个客户&#xff0c;购买Hostease的独立服务器&#xff0c;询问我们的在线客服&#xff0c;如何更改SSH服务器端口以减少蛮力攻击&#xff1f;我们为用户提供相关教程&#xff0c;用户很快解决了遇到的问题。在此&#xff0c;我们分享这个操作教程&#xff0c;希望可以对…

8086 汇编笔记(二):寄存器(内存访问)

一、内存中字的存储 字单元的概念&#xff1a;字单元&#xff0c;即存放一个字型数据(16 位)的内存单元&#xff0c;由两个地址连续的内存单元组成 由上一章学习可知&#xff1a;高地址内存单元中存放字型数据的高位字节&#xff0c;低地址内存单元中存放字型数据的低位字节 …

有源蜂鸣器、无源蜂鸣器区别

对比 有源蜂鸣器 1. 结构和原理 有源蜂鸣器内部自带振荡源&#xff0c;只需接通电源即可发声。内部电路会自动产生一定频率的振荡信号&#xff0c;从而驱动蜂鸣器发声。 2. 驱动方式 驱动有源蜂鸣器非常简单&#xff0c;只需要提供一个直流电源&#xff08;通常是3V、5V或…

Flutter 中的 Wrap 小部件:全面指南

Flutter 中的 Wrap 小部件&#xff1a;全面指南 Flutter 的 Wrap 是一个灵活的布局小部件&#xff0c;它允许子组件沿着主轴&#xff08;可以是水平或垂直&#xff09;排列&#xff0c;并在空间不足时换行。这种类型的布局对于创建流式布局和响应式设计非常有用。本文将详细介…

使用 VALUES 子句构建数据集

在数据库操作中&#xff0c;VALUES 子句是一个非常有用的工具&#xff0c;它可以直接在查询中创建一组值。这种方式非常适合用于临时数据的展示、测试和处理。本文将详细介绍 VALUES 子句的用法&#xff0c;并列出支持该功能的主要数据库系统。 一、VALUES 子句的基本用法 VA…

mysql语句大全及用法

MySQL是一种广泛使用的开源关系型数据库管理系统&#xff0c;它支持标准的SQL&#xff08;Structured Query Language&#xff09;语言&#xff0c;用于数据库的查询和操作。以下是一些基本的MySQL语句及其用法的概述&#xff1a; 连接MySQL数据库 mysql -h主机地址 -P端口号…