在微信公众平台前端网页上添加分享按钮

最新推荐文章于 2022-10-09 10:42:36 发布
最新推荐文章于 2022-10-09 10:42:36 发布
阅读量1.7k 收藏
点赞数
分类专栏： Javascript 文章标签： 前端 微信

微信公众平台开始支持前端网页，大家可能看到很多网页上都有分享到朋友圈，关注微信等按钮，点击它们都会弹出一个窗口让你分享和关注，这个是怎么实现的呢?

 

　　今天就给大家讲解下如何在微信公众平台前端网页上添加分享到朋友圈，关注微信号等按钮。

　　微信内嵌浏览器

　　通过 Mac 远程调试 iPhone 上微信自己的网页，我们可以发现微信内嵌浏览器定义了一个私有 JavaScript 对象：WeixinJSBridge，通过操作这个对象的相关方法可以实现分享到微信朋友圈，和判断一个微信号的关注状态以及实现关注指定微信号等功能。

　　分享到朋友圈

　　

\

 

　　发送给好友

　　

\

 

　　分享到腾讯微博

　　

\

 

　　关注指定的微信号

　　

\

阿桃子
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序开发前端技术实现天气预报页面
05-31
五、在设置页面中，填写你的AppID（你需要在微信公众平台上注册和获取）。 六、点击微信开发者工具中的“编译”按钮，它将会编译并预览你的小程序页面。 在预览过程中，你可以通过微信开发者工具的模拟器来查看你的...
实现h5网页微信分享、朋友圈分享功能（微信右上角分享）
最新发布
Tra_velers的博客
09-25 4631
要实现微信分享功能，需要使用微信JS-SDK。以下是实现微信分享的步骤： 1.在微信公众平台中注册开发者账号，并创建一个网页应用。 2.在网页中引入微信JS-SDK的JS文件，并在页面加载完成时调用微信JS-SDK的初始化方法。
企业 微信内置网页调用分享到微信按钮
yuanhaijie123的博客
10-21 1457
这里写自定义目录标题引入JS文件JS-SDK权限签名 引入JS文件 JS-SDK权限签名 1.需要申请微信公众号 2.公众号上把你的域名增加到“JS接口安全域名” 3.JS-SDK权限签名 ①获取access_token :https://qyapi.weixin.qq.com/cgi-bin/gettoken? corpid=ID&corpsecret=SECRET ②获取企业的jsapi_ticket：https://qyapi.weixin.qq.com/cgi-bin/get_jsapi_
H5微信公众号，如何在页面点击按钮打开分享面板【求助】
weixin_44934104的博客
01-13 5215
1、使用了weixin-js-sdk，只实现了自定义右上角的分享功能 import wx from 'weixin-js-sdk' getConfigData({url: encodeURIComponent(location.href.split('#')[0])}).then(res => { console.log("---分享",res.result); const result = res.result; wx.config({ debu
自定义公众号页面右上角分享
weixin_42998230的博客
10-09 1031
微信公众号自定义分享
微信浏览器内置JavaScript对象WeixinJSBridge使用实例
12-01
今天就给大家讲解下如何在微信公众平台前端网页上添加分享到朋友圈，关注微信号等按钮。 一、微信内置浏览器 通过 Mac 远程调试 iPhone 上微信自己的网页，我们可以发现微信内嵌浏览器定义了一个私有 JavaScript ...
微信小程序的配置文件.pdf
12-24
pages 指定⼩程序由哪些前端页⾯组成 "pages":[ "pages/index/index" "pages/login/login" ] Windows窗⼝表 现 设置⼩程序的状态栏、标题、导航栏和窗⼝背景颜⾊等 "windows":[ "navigationBarBackgroundColor":"red...
腾讯开源的手机前端开发调试利器 vConsole.zip
07-19
vConsole是一款由微信公众平台前端团队打造的前端调试面板，专治手机端看log难题。目前vConsole自带有2个面板，默认为“日志”面板，负责展示log。细心的同学可能会发现上面的log颜色各有不同。与电脑端的Developer ...
Wordpress模板 大前端3.0源码
02-01
微博、腾讯微博、微信（支持微信二维码展示）、订阅 文章小部件开启： 可选择开启：阅读量、列表评论数、列表作者名字前加网站名称 网站整体变灰： 这个不解释，不好的日子或许会用到 网页最大宽度： 你可以调整页面...
点击网页分享按钮，触发微信分享功能
weixin_33841722的博客
05-13 5844
微信公众平台开始支持前端网页，大家可能看到很多网页上都有分享到朋友圈，关注微信等按钮，点击它们都会弹出一个窗口让你分享和关注，这个是怎么实现的呢？今天就给大家讲解下如何在微信公众平台前端网页上添加分享到朋友圈，关注微信号等按钮。 我们可以发现微信内嵌浏览器定义了一个私有 JavaScript 对象：WeixinJSBridge，通过操作这个对象的相关方法可以实现分享到微信朋友圈，和判断一个微信号...
微信公众平台开发：进阶篇(在网页上添加分享到朋友圈、发送给好友、分享等按钮)
热门推荐
雨林
11-19 2万+
微信内嵌浏览器 通过 Mac 远程调试 iPhone 上微信自己的网页，我们可以发现微信内嵌浏览器定义了一个私有 JavaScript 对象：WeixinJSBridge，通过操作这个对象的相关方法可以实现分享到微信朋友圈，和判断一个微信号的关注状态以及实现关注指定微信号等功能。 分享到朋友圈 function weixinShareTimeline(title,desc,link,imgU
微信公众号网页分享，脱坑思路
清音的博客
11-24 485
1.绑定域名：首先确定使用的域名是否和微信公众号接口权限-网页服务-网页授权配置的js域名是否一致 2.引入JS文件： 在需要调用JS接口的页面引入如下JS文件，（支持https）：http://res.wx.qq.com/open/js/jweixin-1.6.0.js 如需进一步提升服务稳定性，当上述资源不可访问时，可改访问：http://res2.wx.qq.com/open/js/jweixin-1.6.0.js （支持https） 3.通过config接口注入权限验证配置：confi...
微信小程序webview上添加按钮
Lv Sijun's blog
07-17 6872
一、实图如下 如果你的设计稿为下图需要添加两个按钮，实际引入h5页面却始终实现不了效果，那你有救了。 二、官方文档的webview官方api 1、铺满整个屏幕，不支持自定义导航。 2、不能设置宽高，直接铺满整个页面，一个页面只能有一个webview 3、层级极高，不能通过z-index改变元素属性来浮在上面。 三、解决办法 官方api html <web-view src="https://720yun.com/t/a9cjvOsnOa3?scene_id=20949466"> <
那么如何在微信公众平台设置接口权限呢
07-13
要在微信公众平台设置接口权限，可以按照以下步骤进行操作： 1. 登录微信公众平台（https://mp.weixin.qq.com/）。 2. 进入开发-基本配置页面。 3. 在基本配置页面中，找到 "开发者服务器地址" 部分。 4. 在 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值