微信官方非官方JS使用总结

###转发到朋友、朋友圈

1. 用最原生的方式书写(seajs封装过,发现偶尔加载有异常,加载内置WeixinJSBridgeReady对象不成功,估计是内置对象加载与seajs加载顺序有关系)

1. 转发时假如显示没审核应用的话,去掉appid即可

1. 只能用图片等素材诱导用户点击右上角菜单栏分享操作

```

<script type="text/javascript">

//微信分享

var wxData = {

title: ‘${company.name}‘,//标题

img_url: ‘${basePath}${company.picture}‘,//引用图片地址

desc: ‘${company.introduction}‘,//简介

link: ‘${basePath}${company.staticFilePath}‘//链接地址

}

//当微信内置浏览器完成内部初始化后会触发WeixinJSBridgeReady事件

document.addEventListener(‘WeixinJSBridgeReady‘, function onBridgeReady() {

// 发送给好友

WeixinJSBridge.on(‘menu:share:appmessage‘, function(argv) {

WeixinJSBridge.invoke(‘sendAppMessage‘, {

title: wxData.title,

img_url: wxData.img_url,

desc: wxData.desc,

link: wxData.link,

img_width: ‘640‘,

img_height: ‘640‘

}, function(resp) {

});

});

// 分享到朋友圈

WeixinJSBridge.on(‘menu:share:timeline‘, function(argv) {

WeixinJSBridge.invoke(‘shareTimeline‘, {

title: wxData.title,

img_url: wxData.img_url,

desc: wxData.desc,

link: wxData.link,

img_width: ‘640‘,

img_height: ‘640‘

}, function(resp) {

});

});

}, false);

</script>

```

###拦截部分页面不显示右上角菜单按钮

1. 以下代码可放到公共引入文件(我这用到JSP技术,故弄到head.jsp,然后各自页面<%@include  file="/common/headMobile.jsp" %>)

2. 通过代码获取当前页面的访问路径,进行正则匹配

```

<c:set var="url" value="${pageContext.request.requestURL }" />

var url = ‘${url}‘;

console.log(‘页面访问url:‘ + url);

//当微信内置浏览器完成内部初始化后会触发WeixinJSBridgeReady事件

document.addEventListener(‘WeixinJSBridgeReady‘, function onBridgeReady() {

//默认隐藏微信右上角菜单按钮

WeixinJSBridge.call(‘hideOptionMenu‘);

//除了文章、产品、优惠活动,其他页面都要屏蔽右上角按钮

var rgExp = /\(Company|company|News|news|Product|product|Promotion|promotion\)/gi;

if(url.match(rgExp)){

WeixinJSBridge.call(‘showOptionMenu‘);

}

}, false);

```

时间: 2024-10-13 03:43:37

微信官方非官方JS使用总结的相关文章

微信分享自定义图片标题摘要-微信官方API

我们平时在使用微信内置浏览器打开网页想要分享给好友或者发到朋友圈的时候经常会遇到这样的问题, 别人的网页分享的时候是这样的: 而我们自己的网页分享后这这样的: 看到有人说不做任何设置,微信分享时会自动抓取网页中的Title作为标题,IP地址作为概述,网页的第一个大小小于300*300的图片会作为分享中的图片,但是除了标题和概述可以,图片怎么设置分享后图片都是上图灰色的曲别针图案,所以今天来说一下如果自定义图片,标题和概述. 要实现上述功能需要使用微信官方的SDK,具体步骤如下: 第一步:微信公众

「小程序JAVA实战」运行微信官方demo(四)

转自:https://idig8.com/2018/08/09/xiaochengxu-chuji-04/ 微信官方小程序的demo 介绍 https://mp.weixin.qq.com/cgi-bin/wx pc端下载源码 https://developers.weixin.qq.com/miniprogram/dev/demo.html?t=1477656485442 微信端的二维码 手机微信打开-右上角扫一扫–扫下面的官网二维码实例 PC端项目源码导入 新建项目 2.导入项目 项目名称填

从微信官方获取微信公众号名片:http://open.weixin.qq.com/qr/code/?username=haihongruanjian

从微信官方获取微信公众号名片:http://open.weixin.qq.com/qr/code/?username=haihongruanjian 个人的号,不知道怎么获取.

微信官方开源UI库-WeUI

概述 WeUI是一套同微信原生视觉体验一致的基础样式库,为微信Web开发量身设计,可以令用户的使用感知更加统一.包含button.cell.dialog.toast.article.icon等各式元素. 这有什么好处呢?其实从上面也可以看到官方的话,就是让你的应用跟微信官方版本更加统一,而没有违和感.当然,更重要的是,这样的库在某些时候可以提供你的开发效率哦.github地址:https://github.com/weui/weui 使用 方法一: 使用bower进行安装 bower insta

微信公众平台Js API(WeixinApi)

zxlie/WeixinApi 微信公众平台Js API(WeixinApi)微信公众平台Js API(WeixinApi),布布扣,bubuko.com

微信官方UI库—WeUI

WeUI 为微信 Web 服务量身设计 概述 WeUI是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一.包含button.cell.dialog. progress, toast.article.icon等各式元素. 使用 方法一: 使用bower进行安装 bower install --save weui 方法二: 使用npm进行安装 npm install --save weui 开发 git clone https://

【微信官方活动】微信建站套餐限量抢购全场1元(16-22号)

早上接收到微信弹窗消息,微信建站套餐限量抢购,全场1元,活动时间6月16日-6月22日,有需要的朋友赶紧去抢吧,留下您的联系方式发链接给你 本次微信建站套餐有微房产.微官网(企业版).微电商.手淘微餐饮.微时尚.微餐饮.微官网.微餐厅单店自主版,价格从原来98元到598元不等的价位统统1元/月就可以拿下了,赶紧行动吧 [微信官方活动]微信建站套餐限量抢购全场1元(16-22号),布布扣,bubuko.com

微信公开课发布微信官方教程:教你用好微信JS-SDK接口

微信公众平台开放JS-SDK(微信内网页开发工具包),说明文档已经有相关使用方法和示例了,很多同学觉得不是很直观,为此微信公开课发布微信官方教程:教你用好微信JS-SDK接口. 1.分享类接口:支持获取“分享到朋友圈”.“发送给朋友”.“分享到QQ”和“分享到微博”按钮的用户点击状态,同时支持自定义分享内容. 小编解读:说起分享接口应用,最常见的莫过于公众号文章分享.通过分享按钮,用户可以将自己喜欢的文章分享给微信好友,也可分享到微信朋友圈.通过此次开放的分享接口,开发者获得了新的能力:可以在用

第三方登陆:微信官方登陆

微信官方登陆 一.首先进入微信授权登陆之前的一个验证,在微信开放平台注册开发者账号,并拥有一个已经审核通过的移动应用,获得相应的AppID和AppSecrect,申请微信通过审核后(如下如)可开始植入工程的相关流程. 二.下载最新的SDK,链接如下:iOS SDK下载 下载下来的SDK如下图: 1.libWeChatSDK.a  : 静态库,直接拖入工程中使用的: 2.README.txt : 重要内容,一些最新SDK版本的说明和安装配置 3.WechatAuthSDK.h :授权SDK 4.W