Vue - 最新网页 H5 分享到微信朋友圈 / 转发分享给朋友好友 / 分享到手机 QQ / 分享到 QQ 空间,Vue.js Nuxt.js uni-app 通用公众号页面解决方案(超级详细教程)
前言
目前网上大部分教程都过时了(老版本、无效),并且存在 BUG与未进行代码封装乱的要死,移植到自己的项目非常困难。
本文将从 0-1 详细完成该功能,支持 Vue.js / Nuxt.js / uni-app 项目,代码干净整洁无 BUG,
提供核心代码及超级详细的注释(无任何乱七八糟的不相关代码),您复制粘贴稍微改一下就能马上用。
利用微信 SDK 在网页中调起分享,实现 朋友圈与好友、QQ 相关的分享(本示例进行了封装,后续方便复用),
如下图真机测试,我自定义的标题、文案与图标:
一、第一步
由于要使用微信的功能,需要在公众号上配置 “您想要分享的网页” 域名白名单。
登录微信公众平台,按如下图所示找到 JS接口安全域名,在里面完成设置,
另外,登录后可在 “开发者中心” 查看对应的接口权限。
Vue - 最新网页 H5 分享到微信朋友圈 / 转发分享给朋友好友 / 分享到手机 QQ / 分享到 QQ 空间,Vue.js Nuxt.js uni-app 通用公众号页面解决方案(超级详细教程)相关推荐
- 微信公众号完成模板消息-----详细教程
前提条件获取 要知道开发者ID-AppId,开发者密码-AppSecret,接口凭证-access_token,用户的openid 不知道的参考这边文章:微信获取公众号上的用户openid-----详 ...
- Python程序员的浪漫-实现每天定时给Ta推送微信公众号消息提醒超详细教程
前段阵子,小
- uni-app - H5 公众号网页分享到微信朋友圈 / 转发分享给朋友好友 / 分享到手机 QQ / 分享到 QQ 空间,给微信分享卡片设置图标、标题、描述文字等(JS-SDK 通用解决方案放心用)
前言 如果您是纯 Vue.js 项目(或 Nuxt.js),请访问 Vue - 最新网页 H5 分享到微信朋友圈 / 转发分享好友 这篇详细教程. 目前网上大部分教程都过时了(老版本.无效),并且未对 ...
- 帝国CMS微信分文章显示缩略图、简介源码分享到朋友圈转发好友带缩略图
帝国CMS 微信分享文章显示缩略图.简介源码 分享到朋友圈 转发好友带缩略图 资源下载地址:https://download.csdn.net/download/bobbsh/12139464 适用帝 ...
- 微信分享到朋友圈、发送给朋友开发注意事项
1.invalid url domain 当前页面所在域名与使用的appid没有绑定,请确认正确填写绑定的域名,如果使用了端口号,则配置的绑定域名也要加上端口号(一个appid可以绑定三个有效域名,见 ...
- 【超级详细教程】移植 RT-Thread Nano到 GD32F10x系列
对世界大多数人而言,人生一无意义,二无价值. – 季羡林 准备工作 下载 RT-Thread Nano 源码:https://github.com/RT-Thread/rtthread-nano/ar ...
- vue微信公众号页面分享
vue微信公众号页面分享 utils=>share.js const wx = require("weixin-js-sdk"); // 这块因为我们业务是必须在公众号里面的 ...
- PixiJS超级详细教程【从入门到入土-上】
PixiJS 来自GitHub教程 GitHub - Zainking/LearningPixi: ⚡️Pixi教程中文版 PixiJS超级详细教程[从入门到入土-下]地址[https://blog. ...
- 搜题公众号怎么搭建制作(微信公众号查题搭建制作教程)
公众号查题搭建对接教程 下面教你怎么快速搭建一个可以搜题的公众号,让你的公众号实现搜题功能!而且实现这个功能根本不用花钱,是完全免费的!这篇文章是非常详细教学,手把手教会你们怎样做一个搜题公众号! 题 ...
- android朋友圈发文字换行,微信朋友圈全文展开 朋友圈文字怎么换行朋友圈发多行文字...
微信朋友圈全文展开 朋友圈文字怎么换行朋友圈发多行文字 微信朋友圈全文展开 腾讯更新微信5.2.1版本,新版本特色有两个:发朋友圈时,可以附上你所在餐馆和景点的位置和名字.具体是情况是,用户在发送朋友 ...
最新文章
- c#直接调用ssis包实现Sql Server的数据导入功能
- Apache Camel 2.12 –支持后退,以减少较积极的轮询路线
- js splice坑_JavaScript的splice()方法在for循环中使用可能会遇到的坑!!!
- 分别用函数和带参的宏,从三个数中找出最大的数。
- vue 引用src中的文件_Vue中引用第三方JS文件
- yii2.0框架debug模式
- scp传文件时报错Add correct host key in /root/.ssh/known_hosts to get rid of this message
- C2000系列DSP生成hex/bin文件并使用串口下载程序的方法
- STM32F1开发指南笔记20----数码管驱动芯片TM1640解析
- 通过举例彻底搞懂Matlab中max函数和min函数的用法(求最大值和最小值)
- Could not resolve subtype of [simple type, class org.apereo.cas.services.Reg...
- Android SeekBar 自定义 背景图片 和 滑块图片
- CentOs7 中安装 guetzli 详细教程
- 面试经历(纯属个人经历,仅供观看参考)
- 在线自习室——新型的学习利器
- 我的足迹(Appinventor练习)
- 全国计算机等级考试在线报名入口,2021年3月全国计算机等级考试NCRE报名入口ncre-bm.neea.cn...
- linux 中文语系,linux中语系
- C++中类,对象,封装,继承(派生),多态
- 【camx】camera sensor点亮
热门文章
- 荣耀手机动态修改手机型号参数
- 三菱服务器显示rb是什么故障,​三菱伺服驱动器常见报警代码及解决办法
- AutoCAD中的Spline曲线算法分析(二)
- ucgui 字体生成与字体个性化编辑
- 微信小程序 图片显示不出来的问题 100%管用
- J2EE框架(四)核心设计模式
- android 鼠标大小设置,BlueStacks安卓模拟器不能调整屏幕窗口大小用鼠标拖拽也不能...
- java面向对象程序设计课后习题答案_JAVA面向对象程序设计课后习题参考答案
- 《等级保护二级基本要求》
- 沈阳大学专升本计算机宿舍,沈阳大学宿舍怎么样 住宿条件好不好