微信网页版怎么看朋友圈？微信网页版朋友圈功能使用方法
- 绿茶文章中心
&&&&&&&&&微信网页版怎么看朋友圈？微信网页版朋友圈功能使用方法
微信网页版怎么看朋友圈？微信网页版朋友圈功能使用方法
作者：佚名
来源：绿茶软件园
　　微信推出了网页版和电脑版，今天要为大家介绍的是微信网页版怎么看朋友圈，微信网页版朋友圈功能具体怎么使用呢?很多朋友还不知道方法，让我们通过下面这篇文章进行详细的了解吧~
　　微信网页版朋友圈功能使用方法：
　　微信下载：
　　第一步、打开微信，在微信中切换到&发现&界面;
　　点击&扫一扫&扫描微信网页版()中的二维码;
　　显示正在扫描。
15:07:17绿茶网友[北京市]
这哥们都没搞清楚朋友圈是什么。就来乱忽悠人
09:32:34绿茶网友[黑龙江省大庆市]
逗比 问你怎么发 朋友圈
你就说 发不了得了呗 比比这么多 没用的 煞笔吧你
本类推荐本类排行
热门软件热门标签关键字：微信公众平台 JSSDK 发送给朋友 分享到朋友圈&onMenuShareTimeline&onMenuShareAppMessage&作者：方倍工作室&原文：&
在这篇微信公众平台开发教程中，我们将介绍如何在网页中实现发送给朋友和分享到朋友圈时内容参数自定义的功能。
本文分为以下二个部分：
生成JS-SDK权限验证签名
实现发送给朋友和分享到朋友圈时内容参数自定义
《微信公众平台开发最佳实践》一书中10.5节&发送给朋友与分享到朋友圈&因微信接口变更已经失效，以使用新接口的本教程为准！
一、微信JS-SDK
1. 获得Access Token
access token的获得方法在前面有介绍，详情见&
2. 获取jsapi_ticket
生成签名之前必须先了解一下jsapi_ticket，jsapi_ticket是公众号用于调用微信JS接口的临时票据。正常情况下，jsapi_ticket的有效期为7200秒，通过access_token来获取。由于获取jsapi_ticket的api调用次数非常有限，频繁刷新jsapi_ticket会导致api调用受限，影响自身业务，开发者必须在自己的服务全局缓存jsapi_ticket 。
参考以下文档获取access_token（有效期7200秒，开发者必须在自己的服务全局缓存access_token）：用第一步拿到的access_token 采用http GET方式请求获得jsapi_ticket（有效期7200秒，开发者必须在自己的服务全局缓存jsapi_ticket），接口地址如下
https://api./cgi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=jsapi
成功返回如下JSON：
"errcode":0,
"errmsg":"ok",
"ticket":"bxLdikRXVbTPdHSM05e5u5sUoXNKd8-41ZO3MhKoyN5OfkWITDGgnr2fwJ0m9E8NYzWKVZvdVtaUgWvsdshFKA",
"expires_in":7200
获得jsapi_ticket之后，就可以生成JS-SDK权限验证的签名了。
3. 签名算法实现
签名生成规则如下：参与签名的字段包括noncestr（随机字符串）, 有效的jsapi_ticket, timestamp（时间戳）, url（当前网页的URL，不包含#及其后面部分） 。对所有待签名参数按照字段名的ASCII 码从小到大排序（字典序）后，使用URL键值对的格式（即key1=value1&key2=value2&）拼接成字符串string1。这里需要注意的是所有参数名均为小写字符。对string1作sha1加密，字段名和字段值都采用原始值，不进行URL 转义。
即signature=sha1(string1)。 示例：
noncestr=Wm3WZYTPz0wzccnW
jsapi_ticket=sM4AOVdWfPE4DxkXGEs8VMCPGGVi4C3VM0P37wVUCFvkVAy_90u5h9nbSlYy3-Sl-HhTdfl2fzFy1AOcHKP7qg
timestamp=
url=http://mp.?params=value
步骤1. 对所有待签名参数按照字段名的ASCII 码从小到大排序（字典序）后，使用URL键值对的格式（即key1=value1&key2=value2&）拼接成字符串string1：
jsapi_ticket=sM4AOVdWfPE4DxkXGEs8VMCPGGVi4C3VM0P37wVUCFvkVAy_90u5h9nbSlYy3-Sl-HhTdfl2fzFy1AOcHKP7qg&noncestr=Wm3WZYTPz0wzccnW&timestamp=&url=http://mp.?params=value
步骤2. 对string1进行sha1签名，得到signature：
0f9de62fce790f9a083d5c99e95740ceb90c27ed
完整代码如下
class JSSDK {
private $appId;
private $appSecret;
public function __construct($appId, $appSecret) {
$this-&appId = $appId;
$this-&appSecret = $appSecret;
public function getSignPackage() {
$jsapiTicket = $this-&getJsApiTicket();
// 注意 URL 一定要动态获取，不能 hardcode.
$protocol = (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off' || $_SERVER['SERVER_PORT'] == 443) ? "https://" : "http://";
$url = "$protocol$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";
$timestamp = time();
$nonceStr = $this-&createNonceStr();
// 这里参数的顺序要按照 key 值 ASCII 码升序排序
$string = "jsapi_ticket=$jsapiTicket&noncestr=$nonceStr&timestamp=$timestamp&url=$url";
$signature = sha1($string);
$signPackage = array(
=& $this-&appId,
"nonceStr"
=& $nonceStr,
"timestamp" =& $timestamp,
"signature" =& $signature,
"rawString" =& $string
return $signPackage;
private function createNonceStr($length = 16) {
$chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
$str = "";
for ($i = 0; $i & $length; $i++) {
$str .= substr($chars, mt_rand(0, strlen($chars) - 1), 1);
return $str;
private function getJsApiTicket() {
// jsapi_ticket 应该全局存储与更新，以下代码以写入到文件中做示例
$data = json_decode(file_get_contents("jsapi_ticket.json"));
if ($data-&expire_time & time()) {
$accessToken = $this-&getAccessToken();
// 如果是企业号用以下 URL 获取 ticket
// $url = "https://qyapi./cgi-bin/get_jsapi_ticket?access_token=$accessToken";
$url = "https://api./cgi-bin/ticket/getticket?type=jsapi&access_token=$accessToken";
$res = json_decode($this-&httpGet($url));
$ticket = $res-&
if ($ticket) {
$data-&expire_time = time() + 7000;
$data-&jsapi_ticket = $ticket;
$fp = fopen("jsapi_ticket.json", "w");
fwrite($fp, json_encode($data));
fclose($fp);
$ticket = $data-&jsapi_
return $ticket;
private function getAccessToken() {
// access_token 应该全局存储与更新，以下代码以写入到文件中做示例
$data = json_decode(file_get_contents("access_token.json"));
if ($data-&expire_time & time()) {
// 如果是企业号用以下URL获取access_token
// $url = "https://qyapi./cgi-bin/gettoken?corpid=$this-&appId&corpsecret=$this-&appSecret";
$url = "https://api./cgi-bin/token?grant_type=client_credential&appid=$this-&appId&secret=$this-&appSecret";
$res = json_decode($this-&httpGet($url));
$access_token = $res-&access_
if ($access_token) {
$data-&expire_time = time() + 7000;
$data-&access_token = $access_token;
$fp = fopen("access_token.json", "w");
fwrite($fp, json_encode($data));
fclose($fp);
$access_token = $data-&access_
return $access_token;
private function httpGet($url) {
$curl = curl_init();
curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
curl_setopt($curl, CURLOPT_TIMEOUT, 500);
curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false);
curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, false);
curl_setopt($curl, CURLOPT_URL, $url);
$res = curl_exec($curl);
curl_close($curl);
return $res;
二、发送给朋友和分享到朋友圈参数自定义
1. 绑定域名
先登录微信公众平台进入&公众号设置&的&功能设置&里填写&JS接口安全域名&。
2. 获取签名包
require_once "jssdk.php";
$jssdk = new JSSDK("yourAppID", "yourAppSecret");
$signPackage = $jssdk-&GetSignPackage();
3. 引入JS文件
在需要调用JS接口的页面引入如下JS文件，（支持https）：
&script src="http://res./open/js/jweixin-1.0.0.js"&&/script&
4.通过config接口注入权限验证配置
所有需要使用JS-SDK的页面必须先注入配置信息，否则将无法调用。
wx.config({
debug: false,
appId: '&?php echo $signPackage["appId"];?&',
timestamp: &?php echo $signPackage["timestamp"];?&,
nonceStr: '&?php echo $signPackage["nonceStr"];?&',
signature: '&?php echo $signPackage["signature"];?&',
jsApiList: [
// 所有要调用的 API 都要加到这个列表中
'checkJsApi',
'openLocation',
'getLocation',
'onMenuShareTimeline',
'onMenuShareAppMessage'
5. 通过ready接口处理成功验证
地理位置需要在页面加载时就调用，需要把相关接口放在ready函数中调用来确保正确执行
wx.ready(function () {
5.1 通过checkJsApi判断当前客户端版本是否支持分享参数自定义
wx.checkJsApi({
jsApiList: [
'getLocation',
'onMenuShareTimeline',
'onMenuShareAppMessage'
success: function (res) {
alert(JSON.stringify(res));
5.2 使用数组定义分享内容参数
$news = array("Title" =&"微信公众平台开发实践", "Description"=&"本书共分10章，案例程序采用广泛流行的PHP、MySQL、XML、CSS、JavaScript、HTML5等程序语言及数据库实现。", "PicUrl" =&'/i/404/305.jpg', "Url" =&'/txw1958/p/weixin-development-best-practice.html');
5.3. 实现JS分享功能
wx.onMenuShareAppMessage({
title: '&?php echo $news['Title'];?&',
desc: '&?php echo $news['Description'];?&',
link: '&?php echo $news['Url'];?&',
imgUrl: '&?php echo $news['PicUrl'];?&',
trigger: function (res) {
// 不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回
// alert('用户点击发送给朋友');
success: function (res) {
// alert('已分享');
cancel: function (res) {
// alert('已取消');
fail: function (res) {
// alert(JSON.stringify(res));
wx.onMenuShareTimeline({
title: '&?php echo $news['Title'];?&',
link: '&?php echo $news['Url'];?&',
imgUrl: '&?php echo $news['PicUrl'];?&',
trigger: function (res) {
// 不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回
// alert('用户点击分享到朋友圈');
success: function (res) {
// alert('已分享');
cancel: function (res) {
// alert('已取消');
fail: function (res) {
// alert(JSON.stringify(res));
三、实现效果
弹出请求获取页面
分享时的插件显示方倍工作室的&微信公众平台开发最佳实践
阅读(...) 评论()您所在的位置： &
电脑网页如何分享到微信朋友圈
时间： 11:11:12
编辑：sivan
来源：下载吧
电脑网页如何分享到微信朋友圈？首先，我们登录微信网页版，如图，我们百度一下微信网页版，点击打开，如图。进入后，我们看到一个微信网页版登录的二维码，如图。我们打开手机上的微信，点击发现》扫一扫，如图。打开扫一扫，扫描刚刚打开的网页二维码，如图。扫描信息成功后，我们就点击“我确认登陆微信网页版”，如图。我们登陆网页版微信之后，我们打开文件传输助手，把我们电脑上需要分享的网页的网址复制过来，通过文件传输助手发送到手机，如图。发送成功后，我们打开手机的微信，打开文件传输助手，如图。打开后，我们在手机微信里打开这个需要分享的地址，如图。打开后，我们点击文章详情的右上角的“...”图标，下拉菜单，点击分享到朋友圈即可，如图。点击后，我们输入我们的分享感言，然后，点击发送，如图。发送成功后，我们刷新朋友圈，就会看到我们刚刚分享的文章，如图。
分享给朋友：
电脑网页如何分享到微信朋友圈相关教程
电脑网页如何分享到微信朋友圈相关新闻
下载1013次
下载1765次
下载1712次
下载2000次
下载1662次
下载1168次
下载1985次
下载1107次
下载1870次
下载1257次
热门关键字分享网页到微信朋友圈，如何设置标题和缩略图？ - 简书
分享网页到微信朋友圈，如何设置标题和缩略图？
标题：会取当前页面title里面的内容。标题不能过长，否则会有省略号，三十字以内是最佳了。图片：会取当前页面body内最前面的一张符合条件的图片。
图片规格有要求：
尺寸必须大于： 300px × 300px
把符合以上条件的图片放到&img&里，放到页面&body&内的最前面。这样分享时就会取这张图作为缩略图了。
&!--网页中紧接着&body&加一个--&
&div style='margin:0width:0height:0overflow:'&
&!--图片宽高大于400px，最好是一个正方形的图片--&
&img src="" width='700'&
分享到钉钉时，图片的路径需要使用绝对路径，如下代码可以支持微信朋友圈和钉钉：
&div style="margin:0width:0height:0overflow:"&
&img src="/a.png" width='700'&
LIfe it too short to wake up with regrets如何在网页中通过js代码将内容分享到朋友圈？ - 知乎128被浏览93563分享邀请回答登录你的微信平台，点击“公众号设置”。
点击“功能设置”，然后点击“设置”。
设置JS接口安全域名。这里填写的是一级域名，不带www和http。最多可以设置三个域名。设置完后点击确定。（多说一句，相比以前的分享没有任何域名限制，这里设置安全域名，目的是为了当发现此公众平台发现诱导分享行为时，可以根据此域名追溯到所有分享出去的链接，以及通过这些链接增加的粉丝。这样，微信就可以牢牢控制了你的微信平台，一旦发现违规，让分享链接失效，删除掉诱导行为增加的粉丝，是瞬间就可以完成的。因此，微信平台的开发者，一定要合理来使用分享功能，不要因小失大。等到你的微信平台被封，估计哭都来不及）
在开发者中心中获取你的AppID和AppSecret，接下来在获取令牌时，需要这两个信息。
获取令牌。在服务器端完成，代码如下：
function wx_get_token() {
$token = S('access_token');
if (!$token) {
$res = file_get_contents('https://api./cgi-bin/token?grant_type=client_credential&appid='
.'你的AppID'.'&secret='
.'你的AppSecret');
$res = json_decode($res, true);
$token = $res['access_token'];
// 注意：这里需要将获取到的token缓存起来（或写到数据库中）
// 不能频繁的访问https://api./cgi-bin/token，每日有次数限制
// 通过此接口返回的token的有效期目前为2小时。令牌失效后，JS-SDK也就不能用了。
// 因此，这里将token值缓存1小时，比2小时小。缓存失效后，再从接口获取新的token，这样
// 就可以避免token失效。
// S()是ThinkPhp的缓存函数，如果使用的是不ThinkPhp框架，可以使用你的缓存函数，或使用数据库来保存。
S('access_token', $token, 3600);
注意：返回的access_token长度至少要留够512字节。接口返回值：
{"access_token":"ACCESS_TOKEN","expires_in":7200}
{"access_token":"vdlThyTfyB0N5eMoi3n_aMFMKPuwkE0MgyGf_0h0fpzL8p_hsdUX8VGxz5oSXuq5dM69lxP9wBwN9Yzg-0kVHY33BykRC0YXZZZ-WdxEic4","expires_in":7200}
获取jsapi的ticket。jsapi_ticket是公众号用于调用微信JS接口的临时票据。正常情况下，jsapi_ticket的有效期为7200秒，通过access_token来获取。
function wx_get_jsapi_ticket(){
$ticket = "";
$ticket = S('wx_ticket');
if (!empty($ticket)) {
$token = S('access_token');
if (empty($token)){
wx_get_token();
$token = S('access_token');
if (empty($token)) {
logErr("get access token error.");
$url2 = sprintf("https://api./cgi-bin/ticket/getticket?access_token=%s&type=jsapi",
$res = file_get_contents($url2);
$res = json_decode($res, true);
$ticket = $res['ticket'];
// 注意：这里需要将获取到的ticket缓存起来（或写到数据库中）
// ticket和token一样，不能频繁的访问接口来获取，在每次获取后，我们把它保存起来。
S('wx_ticket', $ticket, 3600);
}while(0);
接口返回值：
{"errcode":0,"errmsg":"ok","ticket":"sM4AOVdWfPE4DxkXGEs8VMKv7FMCPm-I98-klC6SO3Q3AwzxqljYWtzTCxIH9hDOXZCo9cgfHI6kwbe_YWtOQg","expires_in":7200}
签名，将jsapi_ticket、noncestr、timestamp、分享的url按字母顺序连接起来，进行sha1签名。
noncestr是你设置的任意字符串。
timestamp为时间戳。
$timestamp = time();
$wxnonceStr = "任意字符串";
$wxticket = wx_get_jsapi_ticket();
$wxOri = sprintf("jsapi_ticket=%s&noncestr=%s×tamp=%s&url=%s",
$wxticket, $wxnonceStr, $timestamp,
'要分享的url(从http开始，如果有参数，包含参数）'
$wxSha1 = sha1($wxOri);
步骤2 添加JS代码
生成签名后，就可以使用js代码了。在你的html中，进行如下设置即可。
&script type="text/javascript" src="http://res./open/js/jweixin-1.0.0.js"&&/script&
&script type="text/javascript"&
// 微信配置
wx.config({
debug: false,
appId: "你的AppID",
timestamp: '上一步生成的时间戳',
nonceStr: '上一步中的字符串',
signature: '上一步生成的签名',
jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage'] // 功能列表，我们要使用JS-SDK的什么功能
// config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在 页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready 函数中。
wx.ready(function(){
// 获取“分享到朋友圈”按钮点击状态及自定义分享内容接口
wx.onMenuShareTimeline({
title: '分享标题', // 分享标题
link:"分享的url,以http或https开头",
imgUrl: "分享图标的url,以http或https开头" // 分享图标
// 获取“分享给朋友”按钮点击状态及自定义分享内容接口
wx.onMenuShareAppMessage({
title: '分享标题', // 分享标题
desc: "分享描述", // 分享描述
link:"分享的url,以http或https开头",
imgUrl: "分享图标的url,以http或https开头", // 分享图标
type: 'link', // 分享类型,music、video或link，不填默认为link
194 条评论分享收藏感谢收起01 条评论分享收藏感谢收起查看更多回答