web 实现微信分享功能

最新推荐文章于 2024-08-17 23:52:08 发布
最新推荐文章于 2024-08-17 23:52:08 发布
阅读量762 收藏 3
点赞数 8
文章标签： 微信
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/J_1999_0524/article/details/136465402
版权

文章目录

思路

查了很多资料，发现微信的网页分享，只能在微信浏览器中打开的网页才能调用这个功能（微信js-sdk）。
但是我们是pc端打开的web，网页怎么可以实现分享呢？
看到了今日头条的微信分享，就参考着做了一个类似的。
思路就是点击分享按钮弹出二维码，提醒用户微信扫，扫描后自动就会在微信里打开了，然后用户就可以使用微信内部的分享功能了！

生成二维码

谷歌二维码api

生成二维码可以用谷歌的二维码api生成（应该也可以用其他的方式，但是找了一会没有找到哈哈哈哈，等有时间找到了再来补充！）


<img src=“http://chart.apis.google.com/chart?cht=qr&chs=104x104&chld=L|0&chl=http://www.hambosculpture.com/“>

通过这样的链接可以生成一个二维码

在这里插入图片描述

chl= 网页地址！！！！

当当当当！实现啦！

实现

在这里插入图片描述

J_Wangzai
关注
前端做微信好友分享_web端实现微信分享功能
weixin_39661353的博客
12-19 1572
微信分享的东西目前文档已经很完善了。记录下做微信分享时遇到的坑，以及流程。配置相关的就不说了， 文档里很明白。1：先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。2：在需要调用JS接口的页面引入如下JS文件，(支持https)：3：前端需要获取的是以下配置参数wx.config({debug: true,// 开启调试模式,调用的所有api的返回值会在客户端alert...
web版 Mob微信QQ微博的分享分享功能
lovelyqianqian的博客
03-22 1205
一、获取AppKey官网添加应用名称，自动分配一个APPkey和appSecret;二快速集成点击网址http://wiki.mob.com/api/；查看APP接口；按照上面的步骤即可实现，示例代码如下：&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;&lt;/t..
web app调用微信、qq、等分享接口
小不点的博客
08-22 3346
由于小编正在着手一个项目，其中就有商品分享这一模块，要求将该商品的文字，图片，一些介绍等分享到微信、qq、微博等，那么今天小编就来给大家分享下我的操作流程 1.打开网址   http://wiki.mob.com/%E5%BF%AB%E9%80%9F%E9%9B%86%E6%88%90-13/（Mob） 一、添加应用 先从http://mob.com/login登录（如无帐号
关于新手小白搭建PHP网站微信分享功能，解释设计过程中文件关联和作用说明
最新发布
皖城网
08-17 651
它通过`wx.config`方法来配置微信JS-SDK的相关信息，如`appId`、`timestamp`、`nonceStr`、`signature`等。：`getJsSdkConfig`函数通过`jsapi_ticket`、`nonceStr`、`timestamp`和`url`生成签名，并返回给前端进行JS-SDK的配置。引入`weixin-share.js`：通过在`footer.php`中引入`weixin-share.js`，确保微信JS-SDK的配置脚本在页面底部加载完成后执行。
vue项目使用js-sdk做web网页微信分享
syy2668的博客
04-06 452
思路 微信分享web网页首先要根据想要分享的网址生成二维码，通过二维码打开网址，并在微信内置浏览器中点击分享按钮，才能自定义分享内容。 具体实施 登录微信公众平台。添加相应权限和ip 登录微信公众平台，在公众号设置–功能设置–JS接口安全域名中添加使用分享的域名，同时要将微信公众平台提供的txt文件放到项目的根目录下，一定要让其在 域名/xxx.txt路径下可访问 在公众平台–基本配置中获取appid、appSecret并设置ip白名单。 在vue项目中，引用weixin-js-sdk插件。 在想要分享出
分享内容到微信朋友圈和微信好友（使用微信分享SDK）
Shirly_YY的博客
12-14 814
首先要在微信开放平台（地址：https://open.weixin.qq.com/）注册账号，然后在“管理中心”创建你的移动应用，等待审核通过后，获取到该应用的APPID；
H5网页实现微信分享，分享朋友圈功能（分享带图片，附源码）
热门推荐
一火的专栏
08-14 5万+
H5网页实现微信分享，分享朋友圈功能，网上的代码基本上都过期了，特基于最新的jweixin-1.6.0版本的微信分享实现，以作备忘。 1.微信分享文档及配置 1.1微信分享官网文档 地址https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#3 需要注意一下，即将废弃接口，建议不要再调用了。 1.2 appid对应的公众号是否有分享接口权限 登录公众号后，接口状态为已获得，表示有权限。如下图 ..
web h5调用微信分享功能
Program Apes
08-09 2292
微信分享 微信网页开发 /JS-SDK说明文档 https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html // 根目录引用微信js文件 <script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script> // imgUrl:缩略图 title:分享标题 desc:描述文字 function weChatShar
java web html5分享到微信_Html5 实现微信分享及自定义内容的流程
weixin_30842027的博客
02-28 468
最近一个项目有一个微信分享并且需要自定义微信分享内容的需求，因为是第一次接触到微信分享，所以记录一下期间遇到的一些问题，以及完成功能的整个流程。以下为大概流程(细节放在各个阶段)安装 weixin-js-sdk初始化微信分享配置微信分享自定义内容(发送给朋友，发送到朋友圈)1、安装weixin-js-sdknpm install weixin-js-sdk --save-dev具体的使用说明查...
微信公众号H5端网页分享微信好友-实现思路(踩坑记录总结)
RD_Xiaobai的博客
04-20 4207
H5端网页微信分享
web 移动端 微信分享（nativeShare）
张鹏~IT~少年人的博客
04-23 3887
1、引入nativeShare.js 2、 config -> 后端请求得到微信参数 info -> 后端请求到分享的内容 mycommand -> “wechatFriend” （分享微信好友）“wechatTimeline”（朋友圈） “qqFriend”（qq分享）“qZone”（qq空间）“weibo” （微博） function h5Share(config, info...
分享功能实现
12-04
web各大社交网站分享功能的实现。facebook.等网站的分享
Web开发中经常用到分享功能
02-10
一个很简单的分享功能，在Web开发经常用到的
JavaWeb一键分享到微博 微信 新浪
11-27
javaWeb实现一键分享到不同的平台跨平台分享
web端用来将内容分享到qq及其他通讯工具的一个代码，就一个静态页面，分享功能都没有
12-29
这是我网上花钱买的，给大家免费分享一下，是web端用来将内容分享到qq及其他通讯工具的一个代码，就一个静态页面，分享功能都没有
vue项目中实现的微信分享功能示例
01-21
本文实例讲述了vue项目中实现的微信分享功能。分享给大家供大家参考，具体如下： /* 微信分享 */ Vue.prototype.wechatShare = (shareData) => { let resource = { title: '随我心愿！', desc: '体验优质服务', ...
html网页实现分享功能,H5网页实现微信分享功能
weixin_26833205的博客
07-05 3168
H5网页实现微信分享功能一，首先在公众号管理后台“公众号设置”的“功能设置”里填写JS接口安全域名，域名需要通过ICP备案，没有备案域名可以用SAE、BAE等平台。此外，自定义分享功能需要通过微信认证才能使用，没有认证的可以跟关系好的朋友借用权限，在他的JS接口安全域名设置这里填上你的域名和共享同一个开发者ID。二，在需要调用JS接口的页面引入微信JSSDK的JS文件 。这个文件在需要分享的页面是...
HTML静态页实现微信分享Demo
08-07
HTML静态页实现微信分享Demo实现纯静态页jquery+ajax实现微信自定义标题、介绍、图片分享功能
javascript实现微信分享
10-25
javascript实现微信分享知识点如下： 1. 微信分享功能的概述：在...通过以上知识点，开发者可以了解到在Web页面中实现微信分享功能的原理和步骤，并能够将这些知识应用到实际开发工作中，创建支持微信分享的网页应用。
php laravel 实现微信分享功能
08-11
要在 Laravel 中实现微信分享功能，你需要完成以下步骤： 1. 注册微信开放平台账号并创建一个应用。 2. 在 Laravel 项目中安装 EasyWeChat 扩展包。可以通过 composer 进行安装：`composer require overtrue/...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值